@skyux/charts 15.0.0-alpha.3 → 15.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-charts.mjs +40 -40
- package/package.json +10 -10
|
@@ -41,10 +41,10 @@ class SkyChartAxisCategory {
|
|
|
41
41
|
this.labelText = input.required(/* @ts-ignore */
|
|
42
42
|
...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
|
|
43
43
|
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartAxisCategory, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: SkyChartAxisCategory, isStandalone: true, selector: "sky-chart-axis-category", inputs: { categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: true, transformFunction: null }, labelHidden: { classPropertyName: "labelHidden", publicName: "labelHidden", isSignal: true, isRequired: false, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartAxisCategory, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{
|
|
50
50
|
selector: 'sky-chart-axis-category',
|
|
@@ -162,10 +162,10 @@ class SkyChartAxisValue {
|
|
|
162
162
|
}
|
|
163
163
|
#localeProvider;
|
|
164
164
|
#locale;
|
|
165
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
166
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartAxisValue, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
166
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: SkyChartAxisValue, isStandalone: true, selector: "sky-chart-axis-value", inputs: { currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, digits: { classPropertyName: "digits", publicName: "digits", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, labelHidden: { classPropertyName: "labelHidden", publicName: "labelHidden", isSignal: true, isRequired: false, transformFunction: null }, labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, scaleType: { classPropertyName: "scaleType", publicName: "scaleType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
|
|
167
167
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartAxisValue, decorators: [{
|
|
169
169
|
type: Component,
|
|
170
170
|
args: [{
|
|
171
171
|
selector: 'sky-chart-axis-value',
|
|
@@ -407,10 +407,10 @@ class SkyChartJs {
|
|
|
407
407
|
}
|
|
408
408
|
});
|
|
409
409
|
}
|
|
410
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
411
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.
|
|
410
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartJs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
411
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: SkyChartJs, isStandalone: true, selector: "sky-chart-js", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chartRef"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `<canvas #chartRef aria-hidden="true"></canvas>`, isInline: true, styles: [":host{display:block;position:relative}\n"] }); }
|
|
412
412
|
}
|
|
413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartJs, decorators: [{
|
|
414
414
|
type: Component,
|
|
415
415
|
args: [{ selector: 'sky-chart-js', template: `<canvas #chartRef aria-hidden="true"></canvas>`, styles: [":host{display:block;position:relative}\n"] }]
|
|
416
416
|
}], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], chartRef: [{ type: i0.ViewChild, args: ['chartRef', { ...{
|
|
@@ -538,10 +538,10 @@ class SkyChartTableService {
|
|
|
538
538
|
this.summary = signal(undefined, /* @ts-ignore */
|
|
539
539
|
...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
|
|
540
540
|
}
|
|
541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
542
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
541
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
542
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartTableService }); }
|
|
543
543
|
}
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartTableService, decorators: [{
|
|
545
545
|
type: Injectable
|
|
546
546
|
}] });
|
|
547
547
|
|
|
@@ -781,10 +781,10 @@ class SkyChartPlot {
|
|
|
781
781
|
getThemeStyles() {
|
|
782
782
|
return resolveChartThemeStyles(this.#elementRef.nativeElement);
|
|
783
783
|
}
|
|
784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
785
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
784
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartPlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
785
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: SkyChartPlot, isStandalone: true, ngImport: i0 }); }
|
|
786
786
|
}
|
|
787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartPlot, decorators: [{
|
|
788
788
|
type: Directive
|
|
789
789
|
}], ctorParameters: () => [] });
|
|
790
790
|
|
|
@@ -820,10 +820,10 @@ class SkyChartBarSeries {
|
|
|
820
820
|
this.values = input.required(/* @ts-ignore */
|
|
821
821
|
...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
|
|
822
822
|
}
|
|
823
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
824
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
823
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartBarSeries, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
824
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: SkyChartBarSeries, isStandalone: true, selector: "sky-chart-bar-series", inputs: { labelText: { classPropertyName: "labelText", publicName: "labelText", isSignal: true, isRequired: true, transformFunction: null }, stackId: { classPropertyName: "stackId", publicName: "stackId", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
|
|
825
825
|
}
|
|
826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartBarSeries, decorators: [{
|
|
827
827
|
type: Component,
|
|
828
828
|
args: [{
|
|
829
829
|
selector: 'sky-chart-bar-series',
|
|
@@ -1137,10 +1137,10 @@ class SkyChartBar extends SkyChartPlot {
|
|
|
1137
1137
|
: 0;
|
|
1138
1138
|
return valueAxisHeight + legendHeight;
|
|
1139
1139
|
}
|
|
1140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
1140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SkyChartBar, isStandalone: true, selector: "sky-chart-bar", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, seriesLayout: { classPropertyName: "seriesLayout", publicName: "seriesLayout", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "categoryAxis", first: true, predicate: SkyChartAxisCategory, descendants: true, isSignal: true }, { propertyName: "valueAxis", first: true, predicate: SkyChartAxisValue, descendants: true, isSignal: true }, { propertyName: "series", predicate: SkyChartBarSeries, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (chartJsConfig(); as config) {\n <sky-chart-js [config]=\"config\" [style.height]=\"chartHeight()\" />\n}\n", dependencies: [{ kind: "component", type: SkyChartJs, selector: "sky-chart-js", inputs: ["config"] }] }); }
|
|
1142
1142
|
}
|
|
1143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartBar, decorators: [{
|
|
1144
1144
|
type: Component,
|
|
1145
1145
|
args: [{ imports: [SkyChartJs], selector: 'sky-chart-bar', template: "@if (chartJsConfig(); as config) {\n <sky-chart-js [config]=\"config\" [style.height]=\"chartHeight()\" />\n}\n" }]
|
|
1146
1146
|
}], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], seriesLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "seriesLayout", required: false }] }], categoryAxis: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkyChartAxisCategory), { isSignal: true }] }], valueAxis: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkyChartAxisValue), { isSignal: true }] }], series: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkyChartBarSeries), { isSignal: true }] }] } });
|
|
@@ -1174,11 +1174,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
1174
1174
|
* Import into any component library module that needs to use resource strings.
|
|
1175
1175
|
*/
|
|
1176
1176
|
class SkyChartsResourcesModule {
|
|
1177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1178
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
1179
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
1177
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1178
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyChartsResourcesModule, exports: [SkyI18nModule] }); }
|
|
1179
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartsResourcesModule, imports: [SkyI18nModule] }); }
|
|
1180
1180
|
}
|
|
1181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartsResourcesModule, decorators: [{
|
|
1182
1182
|
type: NgModule,
|
|
1183
1183
|
args: [{
|
|
1184
1184
|
exports: [SkyI18nModule],
|
|
@@ -1192,10 +1192,10 @@ class SkyChartTableModal {
|
|
|
1192
1192
|
this.context = inject(SkyChartTableModalContext);
|
|
1193
1193
|
this.modal = inject(SkyModalInstance);
|
|
1194
1194
|
}
|
|
1195
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1196
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
1195
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartTableModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1196
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SkyChartTableModal, isStandalone: true, selector: "sky-chart-table-modal", ngImport: i0, template: "<sky-modal [headingText]=\"context.headingText\">\n <sky-modal-content>\n @if (context.table; as table) {\n <div\n class=\"sky-chart-data-table-wrapper\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"\n 'skyux_charts.data_table_modal.table_region_label'\n | skyLibResources: context.headingText\n \"\n >\n <table class=\"sky-chart-data-table\">\n <thead>\n <tr>\n <th scope=\"col\">\n {{ table.categoryLabel }}\n </th>\n @for (series of table.series; track $index) {\n <th scope=\"col\">\n {{ series.label }}\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (\n category of table.categories;\n track $index;\n let rowIndex = $index\n ) {\n <tr>\n <th scope=\"row\">\n {{ category }}\n </th>\n @for (series of table.series; track $index) {\n <td>\n {{ series.values[rowIndex] }}\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-link sky-chart-table-modal-close\"\n type=\"button\"\n (click)=\"modal.close()\"\n >\n {{ 'skyux_charts.data_table_modal.close_button' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-chart-data-table:not(.sky-theme-modern *){--sky-override-chart-table-color-text-default: #212327;--sky-override-chart-table-color-text-heading: #212327;--sky-override-chart-table-header-background-color: #eeeeef;--sky-override-chart-table-row-border: 1px solid #cdcfd2;--sky-override-chart-table-cell-padding: 8px 12px}.sky-chart-data-table-wrapper{overflow-x:auto}.sky-chart-data-table{border-collapse:collapse;width:100%;color:var(--sky-override-chart-table-color-text-default, var(--sky-color-text-default))}.sky-chart-data-table th{text-align:left}.sky-chart-data-table td,.sky-chart-data-table th{padding:var(--sky-override-chart-table-cell-padding, var(--sky-comp-grid-cell-space-inset-top) var(--sky-comp-grid-cell-space-inset-right) var(--sky-comp-grid-cell-space-inset-bottom) var(--sky-comp-grid-cell-space-inset-left))}.sky-chart-data-table td,.sky-chart-data-table thead th:not(:first-child){text-align:right}.sky-chart-data-table thead th{background-color:var(--sky-override-chart-table-header-background-color, var(--sky-background-color-page-default));color:var(--sky-override-chart-table-color-text-heading, var(--sky-color-text-heading))}.sky-chart-data-table thead tr,.sky-chart-data-table tbody tr:not(:last-child){border-bottom:var(--sky-override-chart-table-row-border, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row))}\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" }] }); }
|
|
1197
1197
|
}
|
|
1198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartTableModal, decorators: [{
|
|
1199
1199
|
type: Component,
|
|
1200
1200
|
args: [{ imports: [SkyChartsResourcesModule, SkyModalModule], selector: 'sky-chart-table-modal', template: "<sky-modal [headingText]=\"context.headingText\">\n <sky-modal-content>\n @if (context.table; as table) {\n <div\n class=\"sky-chart-data-table-wrapper\"\n role=\"region\"\n tabindex=\"0\"\n [attr.aria-label]=\"\n 'skyux_charts.data_table_modal.table_region_label'\n | skyLibResources: context.headingText\n \"\n >\n <table class=\"sky-chart-data-table\">\n <thead>\n <tr>\n <th scope=\"col\">\n {{ table.categoryLabel }}\n </th>\n @for (series of table.series; track $index) {\n <th scope=\"col\">\n {{ series.label }}\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (\n category of table.categories;\n track $index;\n let rowIndex = $index\n ) {\n <tr>\n <th scope=\"row\">\n {{ category }}\n </th>\n @for (series of table.series; track $index) {\n <td>\n {{ series.values[rowIndex] }}\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n </div>\n }\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-link sky-chart-table-modal-close\"\n type=\"button\"\n (click)=\"modal.close()\"\n >\n {{ 'skyux_charts.data_table_modal.close_button' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-chart-data-table:not(.sky-theme-modern *){--sky-override-chart-table-color-text-default: #212327;--sky-override-chart-table-color-text-heading: #212327;--sky-override-chart-table-header-background-color: #eeeeef;--sky-override-chart-table-row-border: 1px solid #cdcfd2;--sky-override-chart-table-cell-padding: 8px 12px}.sky-chart-data-table-wrapper{overflow-x:auto}.sky-chart-data-table{border-collapse:collapse;width:100%;color:var(--sky-override-chart-table-color-text-default, var(--sky-color-text-default))}.sky-chart-data-table th{text-align:left}.sky-chart-data-table td,.sky-chart-data-table th{padding:var(--sky-override-chart-table-cell-padding, var(--sky-comp-grid-cell-space-inset-top) var(--sky-comp-grid-cell-space-inset-right) var(--sky-comp-grid-cell-space-inset-bottom) var(--sky-comp-grid-cell-space-inset-left))}.sky-chart-data-table td,.sky-chart-data-table thead th:not(:first-child){text-align:right}.sky-chart-data-table thead th{background-color:var(--sky-override-chart-table-header-background-color, var(--sky-background-color-page-default));color:var(--sky-override-chart-table-color-text-heading, var(--sky-color-text-heading))}.sky-chart-data-table thead tr,.sky-chart-data-table tbody tr:not(:last-child){border-bottom:var(--sky-override-chart-table-row-border, var(--sky-border-width-separator-row) var(--sky-border-style-separator-row) var(--sky-color-border-separator-row))}\n"] }]
|
|
1201
1201
|
}] });
|
|
@@ -1233,10 +1233,10 @@ class SkyChartControls {
|
|
|
1233
1233
|
});
|
|
1234
1234
|
this.#destroyRef.onDestroy(() => instance.close());
|
|
1235
1235
|
}
|
|
1236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
1236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SkyChartControls, isStandalone: true, selector: "sky-chart-controls", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (table()) {\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}\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" }] }); }
|
|
1238
1238
|
}
|
|
1239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartControls, decorators: [{
|
|
1240
1240
|
type: Component,
|
|
1241
1241
|
args: [{ imports: [SkyChartsResourcesModule, SkyDropdownModule], selector: 'sky-chart-controls', template: "@if (table()) {\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}\n" }]
|
|
1242
1242
|
}], propDecorators: { headingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingText", required: true }] }] } });
|
|
@@ -1260,10 +1260,10 @@ class SkyChartHeading {
|
|
|
1260
1260
|
}, /* @ts-ignore */
|
|
1261
1261
|
...(ngDevMode ? [{ debugName: "headingClass" }] : /* istanbul ignore next */ []));
|
|
1262
1262
|
}
|
|
1263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
1263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartHeading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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"] }] }); }
|
|
1265
1265
|
}
|
|
1266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartHeading, decorators: [{
|
|
1267
1267
|
type: Component,
|
|
1268
1268
|
args: [{ 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"] }]
|
|
1269
1269
|
}], 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 }] }] } });
|
|
@@ -1297,10 +1297,10 @@ class SkyChartSubheading {
|
|
|
1297
1297
|
this.subheadingText = input.required(/* @ts-ignore */
|
|
1298
1298
|
...(ngDevMode ? [{ debugName: "subheadingText" }] : /* istanbul ignore next */ []));
|
|
1299
1299
|
}
|
|
1300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1301
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
1300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartSubheading, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1301
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", 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:not(.sky-theme-modern *){--sky-override-chart-font-size-body-m: 15px;--sky-override-chart-font-style-body-m: 400;--sky-override-chart-font-line_height-body-m: 1.3333}:host{display:block;font-family:var(--sky-override-chart-font-family-primary, var(--sky-font-family-primary));font-size:var(--sky-override-chart-font-size-body-m, var(--sky-font-size-body-m));font-weight:var(--sky-override-chart-font-style-body-m, var(--sky-font-style-body-m));line-height:var(--sky-override-chart-font-line_height-body-m, var(--sky-font-line_height-body-m));color:var(--sky-override-chart-color-text-deemphasized, var(--sky-color-text-deemphasized))}\n"] }); }
|
|
1302
1302
|
}
|
|
1303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChartSubheading, decorators: [{
|
|
1304
1304
|
type: Component,
|
|
1305
1305
|
args: [{ selector: 'sky-chart-subheading', template: `{{ subheadingText() }}`, styles: [":host:not(.sky-theme-modern *){--sky-override-chart-font-size-body-m: 15px;--sky-override-chart-font-style-body-m: 400;--sky-override-chart-font-line_height-body-m: 1.3333}:host{display:block;font-family:var(--sky-override-chart-font-family-primary, var(--sky-font-family-primary));font-size:var(--sky-override-chart-font-size-body-m, var(--sky-font-size-body-m));font-weight:var(--sky-override-chart-font-style-body-m, var(--sky-font-style-body-m));line-height:var(--sky-override-chart-font-line_height-body-m, var(--sky-font-line_height-body-m));color:var(--sky-override-chart-color-text-deemphasized, var(--sky-color-text-deemphasized))}\n"] }]
|
|
1306
1306
|
}], propDecorators: { subheadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subheadingText", required: true }] }] } });
|
|
@@ -1399,10 +1399,10 @@ class SkyChart {
|
|
|
1399
1399
|
// publishes its own resource key and arguments, so the wording can describe
|
|
1400
1400
|
// that type's shape.
|
|
1401
1401
|
#summaryText;
|
|
1402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
1402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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 }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, subheadingText: { classPropertyName: "subheadingText", publicName: "subheadingText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SkyChartTableService], 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 @if (subheadingText(); as subheadingText) {\n <sky-chart-subheading [subheadingText]=\"subheadingText\" />\n }\n }\n </div>\n @if (!loading()) {\n <sky-chart-controls [headingText]=\"headingText()\" />\n }\n</div>\n<figure\n class=\"sky-chart-content\"\n [attr.aria-busy]=\"loading() ? 'true' : null\"\n [attr.aria-label]=\"figureLabel()\"\n [attr.role]=\"figureLabel() ? 'img' : null\"\n [class.sky-chart-content-loading]=\"loading()\"\n>\n <sky-wait [isWaiting]=\"loading()\" />\n <ng-content />\n</figure>\n", styles: [":host:not(.sky-theme-modern *){--sky-override-chart-font-family-primary: BLKB Sans, Helvetica Neue, Arial, sans-serif;--sky-override-chart-font-size-body-s: 13px;--sky-override-chart-font-style-body-s: 400;--sky-override-chart-font-style-emphasized: 700;--sky-override-chart-font-line_height-body-s: 1.3846;--sky-override-chart-color-text-default: #212327;--sky-override-chart-color-text-deemphasized: #686c73;--sky-override-chart-color-viz-axis: #cdcfd2;--sky-override-chart-color-viz-gridline: #eeeeef;--sky-override-chart-color-viz-category-1: #06a39e;--sky-override-chart-color-viz-category-2: #6d3c96;--sky-override-chart-color-viz-category-3: #5589dd;--sky-override-chart-color-viz-category-4: #004252;--sky-override-chart-color-viz-category-5: #ce5600;--sky-override-chart-color-viz-category-6: #822325;--sky-override-chart-color-viz-category-7: #c650c1;--sky-override-chart-color-viz-category-8: #077e43;--sky-override-chart-color-background-container-base: #ffffff;--sky-override-chart-color-border-container-base: #cdcfd2;--sky-override-chart-size-chart-tick_length-measure: 12px;--sky-override-chart-space-stacked-xs: 4px;--sky-override-chart-space-stacked-s: 8px;--sky-override-chart-space-stacked-0: 0px;--sky-override-chart-space-gap-icon-s: 4px;--sky-override-chart-space-gap-text_action-m: 12px;--sky-override-chart-size-icon-xs: 16px;--sky-override-chart-border-width-container-base: 1px;--sky-override-chart-border-radius-s: 4px;--sky-override-chart-border-radius-xs: 2px;--sky-override-chart-comp-chart-tooltip-space-inset-top: 8px;--sky-override-chart-comp-chart-tooltip-space-inset-right: 12px;--sky-override-chart-comp-chart-tooltip-space-inset-bottom: 8px;--sky-override-chart-comp-chart-tooltip-space-inset-left: 12px}:host{display:block;--sky-chart-height-min: 11.25rem;--sky-chart-height-viewport: 28vh;--sky-chart-height-max: 25rem}.sky-chart-header{display:flex;align-items:baseline;justify-content:space-between;column-gap:var(--sky-override-chart-space-gap-text_action-m, var(--sky-space-gap-text_action-m));margin-bottom:var(--sky-override-chart-space-stacked-s, var(--sky-space-stacked-s))}figure.sky-chart-content{margin:0}figure.sky-chart-content-loading{position:relative;min-height:clamp(var(--sky-chart-height-min),var(--sky-chart-height-viewport),var(--sky-chart-height-max))}\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"] }, { kind: "ngmodule", type: SkyChartsResourcesModule }, { kind: "ngmodule", type: SkyWaitModule }, { kind: "component", type: i1$3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }] }); }
|
|
1404
1404
|
}
|
|
1405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyChart, decorators: [{
|
|
1406
1406
|
type: Component,
|
|
1407
1407
|
args: [{ imports: [
|
|
1408
1408
|
SkyChartControls,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/charts",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.5",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.
|
|
20
|
-
"@angular/core": "^22.
|
|
21
|
-
"@skyux/core": "15.0.0-alpha.
|
|
22
|
-
"@skyux/help-inline": "15.0.0-alpha.
|
|
23
|
-
"@skyux/i18n": "15.0.0-alpha.
|
|
24
|
-
"@skyux/indicators": "15.0.0-alpha.
|
|
25
|
-
"@skyux/modals": "15.0.0-alpha.
|
|
26
|
-
"@skyux/popovers": "15.0.0-alpha.
|
|
27
|
-
"@skyux/theme": "15.0.0-alpha.
|
|
19
|
+
"@angular/cdk": "^22.1.2",
|
|
20
|
+
"@angular/core": "^22.1.2",
|
|
21
|
+
"@skyux/core": "15.0.0-alpha.5",
|
|
22
|
+
"@skyux/help-inline": "15.0.0-alpha.5",
|
|
23
|
+
"@skyux/i18n": "15.0.0-alpha.5",
|
|
24
|
+
"@skyux/indicators": "15.0.0-alpha.5",
|
|
25
|
+
"@skyux/modals": "15.0.0-alpha.5",
|
|
26
|
+
"@skyux/popovers": "15.0.0-alpha.5",
|
|
27
|
+
"@skyux/theme": "15.0.0-alpha.5"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"chart.js": "4.5.1",
|