@bryntum/chart-angular-thin 7.2.3 → 7.3.0

package/esm2015/lib/chart.module.js

@@ -1,24 +1,25 @@
 /**
 * Angular Bryntum Chart Shared module
 */
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { BryntumChartComponent } from './bryntum-chart.component';
 import * as i0 from "@angular/core";
 export class BryntumChartModule {
 }
 BryntumChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BryntumChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, declarations: [BryntumChartComponent], exports: [BryntumChartComponent] });
-BryntumChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, imports: [[]] });
+BryntumChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, declarations: [BryntumChartComponent], imports: [CommonModule], exports: [BryntumChartComponent] });
+BryntumChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         BryntumChartComponent
                     ],
-                    imports: [],
+                    imports: [CommonModule],
                     exports: [
                         BryntumChartComponent
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50L3NyYy9saWIvY2hhcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFO0FBQ0YsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFhbEUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQVJ2QixxQkFBcUIsYUFLckIscUJBQXFCO2dIQUdoQixrQkFBa0IsWUFOakIsRUFBRTsyRkFNSCxrQkFBa0I7a0JBWDlCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFHO3dCQUVYLHFCQUFxQjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFHLEVBQUU7b0JBQ1osT0FBTyxFQUFHO3dCQUVOLHFCQUFxQjtxQkFDeEI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiogQW5ndWxhciBCcnludHVtIENoYXJ0IFNoYXJlZCBtb2R1bGVcbiovXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCcnludHVtQ2hhcnRDb21wb25lbnQgfSBmcm9tICcuL2JyeW50dW0tY2hhcnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnMgOiBbXG5cbiAgICAgICAgQnJ5bnR1bUNoYXJ0Q29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzIDogW10sXG4gICAgZXhwb3J0cyA6IFtcblxuICAgICAgICBCcnludHVtQ2hhcnRDb21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEJyeW50dW1DaGFydE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50L3NyYy9saWIvY2hhcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFO0FBQ0YsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBYWxFLE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFSdkIscUJBQXFCLGFBRWQsWUFBWSxhQUduQixxQkFBcUI7Z0hBR2hCLGtCQUFrQixZQU5qQixDQUFDLFlBQVksQ0FBQzsyRkFNZixrQkFBa0I7a0JBWDlCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFHO3dCQUVYLHFCQUFxQjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFHLENBQUMsWUFBWSxDQUFDO29CQUN4QixPQUFPLEVBQUc7d0JBRU4scUJBQXFCO3FCQUN4QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuKiBBbmd1bGFyIEJyeW50dW0gQ2hhcnQgU2hhcmVkIG1vZHVsZVxuKi9cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCcnludHVtQ2hhcnRDb21wb25lbnQgfSBmcm9tICcuL2JyeW50dW0tY2hhcnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnMgOiBbXG5cbiAgICAgICAgQnJ5bnR1bUNoYXJ0Q29tcG9uZW50XG4gICAgXSxcbiAgICBpbXBvcnRzIDogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0cyA6IFtcblxuICAgICAgICBCcnludHVtQ2hhcnRDb21wb25lbnRcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEJyeW50dW1DaGFydE1vZHVsZSB7IH1cbiJdfQ==

package/esm2015/lib/shadowdom.helper.js

@@ -0,0 +1,82 @@
+import { GlobalEvents } from '@bryntum/core-thin';
+// Module-level registry of all open shadow roots that host Bryntum widgets.
+// Populated lazily by collectOpenShadowRoots() the first time it is called, and
+// kept up to date via registerShadowRoot / unregisterShadowRoot.
+const openShadowRoots = new Set();
+// Walks the DOM tree starting from `root` and collects every open shadow root found.
+// Results are cached in openShadowRoots after the first traversal so subsequent calls
+// are O(1). Recursive so nested shadow roots are also discovered.
+function collectOpenShadowRoots(root = document) {
+    if (openShadowRoots.size > 0) {
+        return Array.from(openShadowRoots);
+    }
+    const roots = [];
+    Array.from(root.querySelectorAll('*')).forEach(el => {
+        if (el.shadowRoot) {
+            roots.push(el.shadowRoot);
+            roots.push(...collectOpenShadowRoots(el.shadowRoot));
+        }
+    });
+    roots.forEach(r => openShadowRoots.add(r));
+    return roots;
+}
+// Updates the href and data-bryntum-theme attribute of every theme <link> inside all
+// registered shadow roots to mirror the new head link after a theme change.
+function syncThemeToShadowRoots(headLink) {
+    var _a;
+    const href = headLink.href;
+    const themeAttr = (_a = headLink.getAttribute('data-bryntum-theme')) !== null && _a !== void 0 ? _a : '';
+    collectOpenShadowRoots().forEach(shadowRoot => {
+        Array.from(shadowRoot.querySelectorAll('link[data-bryntum-theme]')).forEach(link => {
+            link.setAttribute('data-bryntum-theme', themeAttr);
+            link.href = href;
+        });
+    });
+}
+// Adds a shadow root to the registry so it is included in theme sync operations.
+// Called by BryntumThemeComboComponent.ngOnInit when it detects it is inside a shadow root.
+export function registerShadowRoot(shadowRoot) {
+    openShadowRoots.add(shadowRoot);
+}
+// Removes a shadow root from the registry.
+// Called by BryntumThemeComboComponent.ngOnDestroy to clean up on component teardown.
+export function unregisterShadowRoot(shadowRoot) {
+    openShadowRoots.delete(shadowRoot);
+}
+// Injects a clone of each document.head theme <link> into every registered shadow root
+// that does not already have one. This is required because CSS from document.head does
+// not cascade into shadow DOM, so Bryntum theme styles would be absent without this.
+// Safe to call multiple times — the presence check prevents duplicate injection.
+export function initThemeInShadowRoots() {
+    const headThemeLinks = Array.from(document.head.querySelectorAll('link[data-bryntum-theme]'));
+    if (!headThemeLinks.length) {
+        return;
+    }
+    collectOpenShadowRoots().forEach(shadowRoot => {
+        if (shadowRoot.querySelector('link[data-bryntum-theme]')) {
+            return;
+        }
+        headThemeLinks.forEach(headLink => {
+            if (!headLink.href) {
+                return;
+            }
+            // Clone the head link to preserve all attributes, then ensure absolute href
+            const clone = headLink.cloneNode();
+            clone.href = headLink.href;
+            shadowRoot.appendChild(clone);
+        });
+    });
+}
+// Listens for Bryntum's internal theme-change event and keeps every shadow root's
+// theme link in sync with the new document.head link. Fires after the old <link>s
+// are removed and the new one is fully loaded in document.head.
+// @ts-ignore - ion() is public but not present on GlobalEventsSingleton typings
+GlobalEvents.ion({
+    theme() {
+        const link = document.head.querySelector('link[data-bryntum-theme]');
+        if (link === null || link === void 0 ? void 0 : link.href) {
+            syncThemeToShadowRoots(link);
+        }
+    }
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93ZG9tLmhlbHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudC9zcmMvbGliL3NoYWRvd2RvbS5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRWxELDRFQUE0RTtBQUM1RSxnRkFBZ0Y7QUFDaEYsaUVBQWlFO0FBQ2pFLE1BQU0sZUFBZSxHQUFHLElBQUksR0FBRyxFQUFjLENBQUM7QUFFOUMscUZBQXFGO0FBQ3JGLHNGQUFzRjtBQUN0RixrRUFBa0U7QUFDbEUsU0FBUyxzQkFBc0IsQ0FBQyxPQUErQixRQUFRO0lBQ25FLElBQUksZUFBZSxDQUFDLElBQUksR0FBRyxDQUFDLEVBQUU7UUFDMUIsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0tBQ3RDO0lBQ0QsTUFBTSxLQUFLLEdBQWtCLEVBQUUsQ0FBQztJQUNoQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsRUFBRTtRQUNoRCxJQUFLLEVBQTZDLENBQUMsVUFBVSxFQUFFO1lBQzNELEtBQUssQ0FBQyxJQUFJLENBQUUsRUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ25DLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxzQkFBc0IsQ0FBRSxFQUFVLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztTQUNqRTtJQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0gsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQyxPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDO0FBRUQscUZBQXFGO0FBQ3JGLDRFQUE0RTtBQUM1RSxTQUFTLHNCQUFzQixDQUFDLFFBQTBCOztJQUN0RCxNQUFNLElBQUksR0FBUyxRQUFRLENBQUMsSUFBSSxDQUFDO0lBQ2pDLE1BQU0sU0FBUyxHQUFJLE1BQUEsUUFBUSxDQUFDLFlBQVksQ0FBQyxvQkFBb0IsQ0FBQyxtQ0FBSSxFQUFFLENBQUM7SUFFckUsc0JBQXNCLEVBQUUsQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEVBQUU7UUFDMUMsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQWtCLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDaEcsSUFBSSxDQUFDLFlBQVksQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLENBQUMsQ0FBQztZQUNuRCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNyQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsQ0FBQyxDQUFDO0FBQ1AsQ0FBQztBQUVELGlGQUFpRjtBQUNqRiw0RkFBNEY7QUFDNUYsTUFBTSxVQUFVLGtCQUFrQixDQUFDLFVBQXVCO0lBQ3RELGVBQWUsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7QUFDcEMsQ0FBQztBQUVELDJDQUEyQztBQUMzQyxzRkFBc0Y7QUFDdEYsTUFBTSxVQUFVLG9CQUFvQixDQUFDLFVBQXVCO0lBQ3hELGVBQWUsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7QUFDdkMsQ0FBQztBQUVELHVGQUF1RjtBQUN2Rix1RkFBdUY7QUFDdkYscUZBQXFGO0FBQ3JGLGlGQUFpRjtBQUNqRixNQUFNLFVBQVUsc0JBQXNCO0lBQ2xDLE1BQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBa0IsMEJBQTBCLENBQUMsQ0FBQyxDQUFDO0lBRS9HLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFO1FBQ3hCLE9BQU87S0FDVjtJQUVELHNCQUFzQixFQUFFLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFO1FBQzFDLElBQUksVUFBVSxDQUFDLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFO1lBQ3RELE9BQU87U0FDVjtRQUVELGNBQWMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUU7Z0JBQ2hCLE9BQU87YUFDVjtZQUNELDRFQUE0RTtZQUM1RSxNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsU0FBUyxFQUFxQixDQUFDO1lBQ3RELEtBQUssQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQztZQUMzQixVQUFVLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDLENBQUM7QUFDUCxDQUFDO0FBRUQsa0ZBQWtGO0FBQ2xGLGtGQUFrRjtBQUNsRixnRUFBZ0U7QUFDaEUsZ0ZBQWdGO0FBQ2hGLFlBQVksQ0FBQyxHQUFHLENBQUM7SUFDYixLQUFLO1FBQ0QsTUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQWtCLDBCQUEwQixDQUFDLENBQUM7UUFDdEYsSUFBSSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsSUFBSSxFQUFFO1lBQ1osc0JBQXNCLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDaEM7SUFDTCxDQUFDO0NBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgR2xvYmFsRXZlbnRzIH0gZnJvbSAnQGJyeW50dW0vY29yZS10aGluJztcblxuLy8gTW9kdWxlLWxldmVsIHJlZ2lzdHJ5IG9mIGFsbCBvcGVuIHNoYWRvdyByb290cyB0aGF0IGhvc3QgQnJ5bnR1bSB3aWRnZXRzLlxuLy8gUG9wdWxhdGVkIGxhemlseSBieSBjb2xsZWN0T3BlblNoYWRvd1Jvb3RzKCkgdGhlIGZpcnN0IHRpbWUgaXQgaXMgY2FsbGVkLCBhbmRcbi8vIGtlcHQgdXAgdG8gZGF0ZSB2aWEgcmVnaXN0ZXJTaGFkb3dSb290IC8gdW5yZWdpc3RlclNoYWRvd1Jvb3QuXG5jb25zdCBvcGVuU2hhZG93Um9vdHMgPSBuZXcgU2V0PFNoYWRvd1Jvb3Q+KCk7XG5cbi8vIFdhbGtzIHRoZSBET00gdHJlZSBzdGFydGluZyBmcm9tIGByb290YCBhbmQgY29sbGVjdHMgZXZlcnkgb3BlbiBzaGFkb3cgcm9vdCBmb3VuZC5cbi8vIFJlc3VsdHMgYXJlIGNhY2hlZCBpbiBvcGVuU2hhZG93Um9vdHMgYWZ0ZXIgdGhlIGZpcnN0IHRyYXZlcnNhbCBzbyBzdWJzZXF1ZW50IGNhbGxzXG4vLyBhcmUgTygxKS4gUmVjdXJzaXZlIHNvIG5lc3RlZCBzaGFkb3cgcm9vdHMgYXJlIGFsc28gZGlzY292ZXJlZC5cbmZ1bmN0aW9uIGNvbGxlY3RPcGVuU2hhZG93Um9vdHMocm9vdCA6IERvY3VtZW50IHwgU2hhZG93Um9vdCA9IGRvY3VtZW50KSA6IFNoYWRvd1Jvb3RbXSB7XG4gICAgaWYgKG9wZW5TaGFkb3dSb290cy5zaXplID4gMCkge1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbShvcGVuU2hhZG93Um9vdHMpO1xuICAgIH1cbiAgICBjb25zdCByb290cyA6IFNoYWRvd1Jvb3RbXSA9IFtdO1xuICAgIEFycmF5LmZyb20ocm9vdC5xdWVyeVNlbGVjdG9yQWxsKCcqJykpLmZvckVhY2goZWwgPT4ge1xuICAgICAgICBpZiAoKGVsIGFzIEVsZW1lbnQgJiB7IHNoYWRvd1Jvb3Q/IDogU2hhZG93Um9vdCB9KS5zaGFkb3dSb290KSB7XG4gICAgICAgICAgICByb290cy5wdXNoKChlbCBhcyBhbnkpLnNoYWRvd1Jvb3QpO1xuICAgICAgICAgICAgcm9vdHMucHVzaCguLi5jb2xsZWN0T3BlblNoYWRvd1Jvb3RzKChlbCBhcyBhbnkpLnNoYWRvd1Jvb3QpKTtcbiAgICAgICAgfVxuICAgIH0pO1xuICAgIHJvb3RzLmZvckVhY2gociA9PiBvcGVuU2hhZG93Um9vdHMuYWRkKHIpKTtcbiAgICByZXR1cm4gcm9vdHM7XG59XG5cbi8vIFVwZGF0ZXMgdGhlIGhyZWYgYW5kIGRhdGEtYnJ5bnR1bS10aGVtZSBhdHRyaWJ1dGUgb2YgZXZlcnkgdGhlbWUgPGxpbms+IGluc2lkZSBhbGxcbi8vIHJlZ2lzdGVyZWQgc2hhZG93IHJvb3RzIHRvIG1pcnJvciB0aGUgbmV3IGhlYWQgbGluayBhZnRlciBhIHRoZW1lIGNoYW5nZS5cbmZ1bmN0aW9uIHN5bmNUaGVtZVRvU2hhZG93Um9vdHMoaGVhZExpbmsgOiBIVE1MTGlua0VsZW1lbnQpIDogdm9pZCB7XG4gICAgY29uc3QgaHJlZiAgICAgICA9IGhlYWRMaW5rLmhyZWY7XG4gICAgY29uc3QgdGhlbWVBdHRyICA9IGhlYWRMaW5rLmdldEF0dHJpYnV0ZSgnZGF0YS1icnludHVtLXRoZW1lJykgPz8gJyc7XG5cbiAgICBjb2xsZWN0T3BlblNoYWRvd1Jvb3RzKCkuZm9yRWFjaChzaGFkb3dSb290ID0+IHtcbiAgICAgICAgQXJyYXkuZnJvbShzaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGw8SFRNTExpbmtFbGVtZW50PignbGlua1tkYXRhLWJyeW50dW0tdGhlbWVdJykpLmZvckVhY2gobGluayA9PiB7XG4gICAgICAgICAgICBsaW5rLnNldEF0dHJpYnV0ZSgnZGF0YS1icnludHVtLXRoZW1lJywgdGhlbWVBdHRyKTtcbiAgICAgICAgICAgIGxpbmsuaHJlZiA9IGhyZWY7XG4gICAgICAgIH0pO1xuICAgIH0pO1xufVxuXG4vLyBBZGRzIGEgc2hhZG93IHJvb3QgdG8gdGhlIHJlZ2lzdHJ5IHNvIGl0IGlzIGluY2x1ZGVkIGluIHRoZW1lIHN5bmMgb3BlcmF0aW9ucy5cbi8vIENhbGxlZCBieSBCcnludHVtVGhlbWVDb21ib0NvbXBvbmVudC5uZ09uSW5pdCB3aGVuIGl0IGRldGVjdHMgaXQgaXMgaW5zaWRlIGEgc2hhZG93IHJvb3QuXG5leHBvcnQgZnVuY3Rpb24gcmVnaXN0ZXJTaGFkb3dSb290KHNoYWRvd1Jvb3QgOiBTaGFkb3dSb290KSA6IHZvaWQge1xuICAgIG9wZW5TaGFkb3dSb290cy5hZGQoc2hhZG93Um9vdCk7XG59XG5cbi8vIFJlbW92ZXMgYSBzaGFkb3cgcm9vdCBmcm9tIHRoZSByZWdpc3RyeS5cbi8vIENhbGxlZCBieSBCcnludHVtVGhlbWVDb21ib0NvbXBvbmVudC5uZ09uRGVzdHJveSB0byBjbGVhbiB1cCBvbiBjb21wb25lbnQgdGVhcmRvd24uXG5leHBvcnQgZnVuY3Rpb24gdW5yZWdpc3RlclNoYWRvd1Jvb3Qoc2hhZG93Um9vdCA6IFNoYWRvd1Jvb3QpIDogdm9pZCB7XG4gICAgb3BlblNoYWRvd1Jvb3RzLmRlbGV0ZShzaGFkb3dSb290KTtcbn1cblxuLy8gSW5qZWN0cyBhIGNsb25lIG9mIGVhY2ggZG9jdW1lbnQuaGVhZCB0aGVtZSA8bGluaz4gaW50byBldmVyeSByZWdpc3RlcmVkIHNoYWRvdyByb290XG4vLyB0aGF0IGRvZXMgbm90IGFscmVhZHkgaGF2ZSBvbmUuIFRoaXMgaXMgcmVxdWlyZWQgYmVjYXVzZSBDU1MgZnJvbSBkb2N1bWVudC5oZWFkIGRvZXNcbi8vIG5vdCBjYXNjYWRlIGludG8gc2hhZG93IERPTSwgc28gQnJ5bnR1bSB0aGVtZSBzdHlsZXMgd291bGQgYmUgYWJzZW50IHdpdGhvdXQgdGhpcy5cbi8vIFNhZmUgdG8gY2FsbCBtdWx0aXBsZSB0aW1lcyDigJQgdGhlIHByZXNlbmNlIGNoZWNrIHByZXZlbnRzIGR1cGxpY2F0ZSBpbmplY3Rpb24uXG5leHBvcnQgZnVuY3Rpb24gaW5pdFRoZW1lSW5TaGFkb3dSb290cygpIDogdm9pZCB7XG4gICAgY29uc3QgaGVhZFRoZW1lTGlua3MgPSBBcnJheS5mcm9tKGRvY3VtZW50LmhlYWQucXVlcnlTZWxlY3RvckFsbDxIVE1MTGlua0VsZW1lbnQ+KCdsaW5rW2RhdGEtYnJ5bnR1bS10aGVtZV0nKSk7XG5cbiAgICBpZiAoIWhlYWRUaGVtZUxpbmtzLmxlbmd0aCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29sbGVjdE9wZW5TaGFkb3dSb290cygpLmZvckVhY2goc2hhZG93Um9vdCA9PiB7XG4gICAgICAgIGlmIChzaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJ2xpbmtbZGF0YS1icnludHVtLXRoZW1lXScpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBoZWFkVGhlbWVMaW5rcy5mb3JFYWNoKGhlYWRMaW5rID0+IHtcbiAgICAgICAgICAgIGlmICghaGVhZExpbmsuaHJlZikge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8vIENsb25lIHRoZSBoZWFkIGxpbmsgdG8gcHJlc2VydmUgYWxsIGF0dHJpYnV0ZXMsIHRoZW4gZW5zdXJlIGFic29sdXRlIGhyZWZcbiAgICAgICAgICAgIGNvbnN0IGNsb25lID0gaGVhZExpbmsuY2xvbmVOb2RlKCkgYXMgSFRNTExpbmtFbGVtZW50O1xuICAgICAgICAgICAgY2xvbmUuaHJlZiA9IGhlYWRMaW5rLmhyZWY7XG4gICAgICAgICAgICBzaGFkb3dSb290LmFwcGVuZENoaWxkKGNsb25lKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG59XG5cbi8vIExpc3RlbnMgZm9yIEJyeW50dW0ncyBpbnRlcm5hbCB0aGVtZS1jaGFuZ2UgZXZlbnQgYW5kIGtlZXBzIGV2ZXJ5IHNoYWRvdyByb290J3Ncbi8vIHRoZW1lIGxpbmsgaW4gc3luYyB3aXRoIHRoZSBuZXcgZG9jdW1lbnQuaGVhZCBsaW5rLiBGaXJlcyBhZnRlciB0aGUgb2xkIDxsaW5rPnNcbi8vIGFyZSByZW1vdmVkIGFuZCB0aGUgbmV3IG9uZSBpcyBmdWxseSBsb2FkZWQgaW4gZG9jdW1lbnQuaGVhZC5cbi8vIEB0cy1pZ25vcmUgLSBpb24oKSBpcyBwdWJsaWMgYnV0IG5vdCBwcmVzZW50IG9uIEdsb2JhbEV2ZW50c1NpbmdsZXRvbiB0eXBpbmdzXG5HbG9iYWxFdmVudHMuaW9uKHtcbiAgICB0aGVtZSgpIDogdm9pZCB7XG4gICAgICAgIGNvbnN0IGxpbmsgPSBkb2N1bWVudC5oZWFkLnF1ZXJ5U2VsZWN0b3I8SFRNTExpbmtFbGVtZW50PignbGlua1tkYXRhLWJyeW50dW0tdGhlbWVdJyk7XG4gICAgICAgIGlmIChsaW5rPy5ocmVmKSB7XG4gICAgICAgICAgICBzeW5jVGhlbWVUb1NoYWRvd1Jvb3RzKGxpbmspO1xuICAgICAgICB9XG4gICAgfVxufSk7XG4iXX0=

package/fesm2015/bryntum-chart-angular-thin.js

@@ -1,6 +1,7 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { isDevMode, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { Widget } from '@bryntum/core-thin';
+import { GlobalEvents, Widget } from '@bryntum/core-thin';
 import { Chart } from '@bryntum/chart-thin';
 
 class WrapperHelper {
@@ -76,6 +77,87 @@ class WrapperHelper {
     }
 }
 
+// Module-level registry of all open shadow roots that host Bryntum widgets.
+// Populated lazily by collectOpenShadowRoots() the first time it is called, and
+// kept up to date via registerShadowRoot / unregisterShadowRoot.
+const openShadowRoots = new Set();
+// Walks the DOM tree starting from `root` and collects every open shadow root found.
+// Results are cached in openShadowRoots after the first traversal so subsequent calls
+// are O(1). Recursive so nested shadow roots are also discovered.
+function collectOpenShadowRoots(root = document) {
+    if (openShadowRoots.size > 0) {
+        return Array.from(openShadowRoots);
+    }
+    const roots = [];
+    Array.from(root.querySelectorAll('*')).forEach(el => {
+        if (el.shadowRoot) {
+            roots.push(el.shadowRoot);
+            roots.push(...collectOpenShadowRoots(el.shadowRoot));
+        }
+    });
+    roots.forEach(r => openShadowRoots.add(r));
+    return roots;
+}
+// Updates the href and data-bryntum-theme attribute of every theme <link> inside all
+// registered shadow roots to mirror the new head link after a theme change.
+function syncThemeToShadowRoots(headLink) {
+    var _a;
+    const href = headLink.href;
+    const themeAttr = (_a = headLink.getAttribute('data-bryntum-theme')) !== null && _a !== void 0 ? _a : '';
+    collectOpenShadowRoots().forEach(shadowRoot => {
+        Array.from(shadowRoot.querySelectorAll('link[data-bryntum-theme]')).forEach(link => {
+            link.setAttribute('data-bryntum-theme', themeAttr);
+            link.href = href;
+        });
+    });
+}
+// Adds a shadow root to the registry so it is included in theme sync operations.
+// Called by BryntumThemeComboComponent.ngOnInit when it detects it is inside a shadow root.
+function registerShadowRoot(shadowRoot) {
+    openShadowRoots.add(shadowRoot);
+}
+// Removes a shadow root from the registry.
+// Called by BryntumThemeComboComponent.ngOnDestroy to clean up on component teardown.
+function unregisterShadowRoot(shadowRoot) {
+    openShadowRoots.delete(shadowRoot);
+}
+// Injects a clone of each document.head theme <link> into every registered shadow root
+// that does not already have one. This is required because CSS from document.head does
+// not cascade into shadow DOM, so Bryntum theme styles would be absent without this.
+// Safe to call multiple times — the presence check prevents duplicate injection.
+function initThemeInShadowRoots() {
+    const headThemeLinks = Array.from(document.head.querySelectorAll('link[data-bryntum-theme]'));
+    if (!headThemeLinks.length) {
+        return;
+    }
+    collectOpenShadowRoots().forEach(shadowRoot => {
+        if (shadowRoot.querySelector('link[data-bryntum-theme]')) {
+            return;
+        }
+        headThemeLinks.forEach(headLink => {
+            if (!headLink.href) {
+                return;
+            }
+            // Clone the head link to preserve all attributes, then ensure absolute href
+            const clone = headLink.cloneNode();
+            clone.href = headLink.href;
+            shadowRoot.appendChild(clone);
+        });
+    });
+}
+// Listens for Bryntum's internal theme-change event and keeps every shadow root's
+// theme link in sync with the new document.head link. Fires after the old <link>s
+// are removed and the new one is fully loaded in document.head.
+// @ts-ignore - ion() is public but not present on GlobalEventsSingleton typings
+GlobalEvents.ion({
+    theme() {
+        const link = document.head.querySelector('link[data-bryntum-theme]');
+        if (link === null || link === void 0 ? void 0 : link.href) {
+            syncThemeToShadowRoots(link);
+        }
+    }
+});
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 class BryntumChartComponent {
     constructor(element) {
@@ -116,8 +198,7 @@ class BryntumChartComponent {
         this.onBeforeShow = new EventEmitter();
         /**
          * Fires when any other event is fired from the object.
-         * ...
-         * [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#event-catchAll)
+         * [More...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#event-catchAll)
          * @param {object} event Event object
          * @param {{[key: string]: any, type: string}} event.event The Object that contains event details
          * @param {string} event.event.type The type of the event which is caught by the listener
@@ -175,8 +256,7 @@ class BryntumChartComponent {
         /**
          * Triggered when a widget which had been in a non-visible state for any reason
          * achieves visibility.
-         * ...
-         * [View online docs...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#event-paint)
+         * [More...](https://bryntum.com/products/chart/docs/api/Chart/widget/Chart#event-paint)
          * @param {object} event Event object
          * @param {Core.widget.Widget} event.source The widget being painted.
          * @param {boolean} event.firstPaint `true` if this is the first paint.
@@ -255,9 +335,61 @@ class BryntumChartComponent {
         else {
             WrapperHelper.devWarningContainer(instanceName, containerParam);
         }
+        // In shadow DOM (e.g. Angular ViewEncapsulation.ShadowDom), theme CSS from document.head
+        // does not cascade into the shadow root. Inject a matching <link> so Bryntum's CSS check
+        // finds the theme. The @font-face rules from component styles are also extracted to
+        // document scope so document.fonts detects them (shadow-root @font-face is not reliably
+        // included in document.fonts across all browsers).
+        const shadowRoot = elementRef.nativeElement.getRootNode();
+        if (shadowRoot instanceof ShadowRoot) {
+            initThemeInShadowRoots();
+            BryntumChartComponent.ensureFontsInDocument(shadowRoot);
+        }
         // @ts-ignore
         me.instance = instanceName === 'Widget' ? Widget.create(bryntumConfig) : new instanceClass(bryntumConfig);
     }
+    /**
+     * Extracts all @font-face declarations from a shadow root's stylesheets and adds them to
+     * document.head as a single <style> element. This is needed because @font-face rules inside
+     * a shadow root are not reliably included in document.fonts across all browsers, causing
+     * Bryntum's CSS compatibility check to incorrectly report missing fonts.
+     * Safe to call multiple times — the extraction runs only once per page.
+     */
+    static ensureFontsInDocument(shadowRoot) {
+        var _a;
+        if (document.querySelector('#b-shadow-root-fonts')) {
+            return;
+        }
+        const fontFaceRules = [];
+        const extractFromSheet = (sheet) => {
+            try {
+                const rules = sheet.cssRules;
+                for (let i = 0; i < rules.length; i++) {
+                    if (rules[i].type === CSSRule.FONT_FACE_RULE) {
+                        fontFaceRules.push(rules[i].cssText);
+                    }
+                }
+            }
+            catch (_e) {
+                // Cross-origin access may throw; silently skip
+            }
+        };
+        // adoptedStyleSheets (Angular 14+ / modern browsers)
+        const adoptedSheets = (_a = shadowRoot.adoptedStyleSheets) !== null && _a !== void 0 ? _a : [];
+        adoptedSheets.forEach(sheet => extractFromSheet(sheet));
+        // <style> elements (older Angular or fallback)
+        shadowRoot.querySelectorAll('style').forEach(el => {
+            if (el.sheet) {
+                extractFromSheet(el.sheet);
+            }
+        });
+        if (fontFaceRules.length > 0) {
+            const style = document.createElement('style');
+            style.id = 'b-shadow-root-fonts';
+            style.textContent = fontFaceRules.join('\n');
+            document.head.appendChild(style);
+        }
+    }
     /**
      * Watch for changes
      * @param changes
@@ -377,6 +509,7 @@ BryntumChartComponent.bryntumConfigs = BryntumChartComponent.bryntumFeatureNames
     'label',
     'labelPosition',
     'labels',
+    'labelWidth',
     'layout',
     'layoutStyle',
     'lazyItems',
@@ -505,7 +638,6 @@ BryntumChartComponent.bryntumConfigsOnly = [
 ];
 BryntumChartComponent.bryntumProps = BryntumChartComponent.bryntumFeatureNames.concat([
     'alignSelf',
-    'anchorSize',
     'animate',
     'animationDuration',
     'appendTo',
@@ -531,9 +663,7 @@ BryntumChartComponent.bryntumProps = BryntumChartComponent.bryntumFeatureNames.c
     'field',
     'fillColorField',
     'flex',
-    'focusVisible',
     'gridColor',
-    'hasChanges',
     'height',
     'hidden',
     'html',
@@ -542,13 +672,12 @@ BryntumChartComponent.bryntumProps = BryntumChartComponent.bryntumFeatureNames.c
     'insertBefore',
     'insertFirst',
     'interactive',
-    'isSettingValues',
-    'isValid',
     'items',
     'keyMap',
     'label',
     'labelPosition',
     'labels',
+    'labelWidth',
     'layout',
     'layoutStyle',
     'legendPosition',
@@ -599,7 +728,7 @@ BryntumChartComponent.bryntumProps = BryntumChartComponent.bryntumFeatureNames.c
     'y'
 ]);
 BryntumChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BryntumChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BryntumChartComponent, selector: "bryntum-chart", inputs: { adopt: "adopt", align: "align", anchor: "anchor", ariaDescription: "ariaDescription", ariaLabel: "ariaLabel", autoUpdateRecord: "autoUpdateRecord", border: "border", bubbleEvents: "bubbleEvents", centered: "centered", color: "color", config: "config", constrainTo: "constrainTo", contentElementCls: "contentElementCls", dataField: "dataField", defaultBindProperty: "defaultBindProperty", defaultFocus: "defaultFocus", defaults: "defaults", detectCSSCompatibilityIssues: "detectCSSCompatibilityIssues", dock: "dock", draggable: "draggable", elementAttributes: "elementAttributes", floating: "floating", hideAnimation: "hideAnimation", hideWhenEmpty: "hideWhenEmpty", htmlCls: "htmlCls", ignoreParentReadOnly: "ignoreParentReadOnly", itemCls: "itemCls", lazyItems: "lazyItems", listeners: "listeners", localeClass: "localeClass", localizable: "localizable", localizableProperties: "localizableProperties", maskDefaults: "maskDefaults", masked: "masked", monitorResize: "monitorResize", namedItems: "namedItems", positioned: "positioned", preventTooltipOnTouch: "preventTooltipOnTouch", relayStoreEvents: "relayStoreEvents", ripple: "ripple", rootElement: "rootElement", scrollAction: "scrollAction", showAnimation: "showAnimation", showTooltipWhenDisabled: "showTooltipWhenDisabled", tab: "tab", tabBarItems: "tabBarItems", tag: "tag", textAlign: "textAlign", textContent: "textContent", type: "type", ui: "ui", weight: "weight", alignSelf: "alignSelf", animate: "animate", animationDuration: "animationDuration", appendTo: "appendTo", axisColor: "axisColor", axisLabelColor: "axisLabelColor", background: "background", barDirection: "barDirection", barWidth: "barWidth", bubbleScaleFactor: "bubbleScaleFactor", callOnFunctions: "callOnFunctions", catchEventHandlerExceptions: "catchEventHandlerExceptions", chartPadding: "chartPadding", chartTooltip: "chartTooltip", chartType: "chartType", cls: "cls", column: "column", content: "content", data: "data", dataPointShape: "dataPointShape", dataset: "dataset", disabled: "disabled", extraData: "extraData", field: "field", fillColorField: "fillColorField", flex: "flex", gridColor: "gridColor", height: "height", hidden: "hidden", html: "html", id: "id", inputFieldAlign: "inputFieldAlign", insertBefore: "insertBefore", insertFirst: "insertFirst", interactive: "interactive", items: "items", keyMap: "keyMap", label: "label", labelPosition: "labelPosition", labels: "labels", layout: "layout", layoutStyle: "layoutStyle", legendPosition: "legendPosition", legendScale: "legendScale", margin: "margin", max: "max", maxHeight: "maxHeight", maximizeOnMobile: "maximizeOnMobile", maxTickLabelRotation: "maxTickLabelRotation", maxWidth: "maxWidth", min: "min", minHeight: "minHeight", minTickLabelRotation: "minTickLabelRotation", minWidth: "minWidth", pointSize: "pointSize", readOnly: "readOnly", record: "record", rendition: "rendition", role: "role", rtl: "rtl", scrollable: "scrollable", series: "series", seriesLineDash: "seriesLineDash", seriesLineOpacity: "seriesLineOpacity", seriesLineThickness: "seriesLineThickness", showControls: "showControls", showLegend: "showLegend", showPoints: "showPoints", showSubtitle: "showSubtitle", showTicks: "showTicks", showTitle: "showTitle", showTooltips: "showTooltips", span: "span", strictRecordMapping: "strictRecordMapping", subtitle: "subtitle", subtitleFont: "subtitleFont", subtitlePadding: "subtitlePadding", tickFont: "tickFont", tickMarkColor: "tickMarkColor", title: "title", titleFont: "titleFont", titlePadding: "titlePadding", tooltip: "tooltip", width: "width", x: "x", y: "y", anchorSize: "anchorSize", focusVisible: "focusVisible", hasChanges: "hasChanges", isSettingValues: "isSettingValues", isValid: "isValid", parent: "parent", values: "values" }, outputs: { onBeforeDestroy: "onBeforeDestroy", onBeforeHide: "onBeforeHide", onBeforeSetRecord: "onBeforeSetRecord", onBeforeShow: "onBeforeShow", onCatchAll: "onCatchAll", onDestroy: "onDestroy", onDirtyStateChange: "onDirtyStateChange", onElementCreated: "onElementCreated", onFocusIn: "onFocusIn", onFocusOut: "onFocusOut", onHide: "onHide", onPaint: "onPaint", onReadOnly: "onReadOnly", onRecompose: "onRecompose", onResize: "onResize", onShow: "onShow" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+BryntumChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.0", type: BryntumChartComponent, selector: "bryntum-chart", inputs: { adopt: "adopt", align: "align", anchor: "anchor", ariaDescription: "ariaDescription", ariaLabel: "ariaLabel", autoUpdateRecord: "autoUpdateRecord", border: "border", bubbleEvents: "bubbleEvents", centered: "centered", color: "color", config: "config", constrainTo: "constrainTo", contentElementCls: "contentElementCls", dataField: "dataField", defaultBindProperty: "defaultBindProperty", defaultFocus: "defaultFocus", defaults: "defaults", detectCSSCompatibilityIssues: "detectCSSCompatibilityIssues", dock: "dock", draggable: "draggable", elementAttributes: "elementAttributes", floating: "floating", hideAnimation: "hideAnimation", hideWhenEmpty: "hideWhenEmpty", htmlCls: "htmlCls", ignoreParentReadOnly: "ignoreParentReadOnly", itemCls: "itemCls", lazyItems: "lazyItems", listeners: "listeners", localeClass: "localeClass", localizable: "localizable", localizableProperties: "localizableProperties", maskDefaults: "maskDefaults", masked: "masked", monitorResize: "monitorResize", namedItems: "namedItems", positioned: "positioned", preventTooltipOnTouch: "preventTooltipOnTouch", relayStoreEvents: "relayStoreEvents", ripple: "ripple", rootElement: "rootElement", scrollAction: "scrollAction", showAnimation: "showAnimation", showTooltipWhenDisabled: "showTooltipWhenDisabled", tab: "tab", tabBarItems: "tabBarItems", tag: "tag", textAlign: "textAlign", textContent: "textContent", type: "type", ui: "ui", weight: "weight", alignSelf: "alignSelf", animate: "animate", animationDuration: "animationDuration", appendTo: "appendTo", axisColor: "axisColor", axisLabelColor: "axisLabelColor", background: "background", barDirection: "barDirection", barWidth: "barWidth", bubbleScaleFactor: "bubbleScaleFactor", callOnFunctions: "callOnFunctions", catchEventHandlerExceptions: "catchEventHandlerExceptions", chartPadding: "chartPadding", chartTooltip: "chartTooltip", chartType: "chartType", cls: "cls", column: "column", content: "content", data: "data", dataPointShape: "dataPointShape", dataset: "dataset", disabled: "disabled", extraData: "extraData", field: "field", fillColorField: "fillColorField", flex: "flex", gridColor: "gridColor", height: "height", hidden: "hidden", html: "html", id: "id", inputFieldAlign: "inputFieldAlign", insertBefore: "insertBefore", insertFirst: "insertFirst", interactive: "interactive", items: "items", keyMap: "keyMap", label: "label", labelPosition: "labelPosition", labels: "labels", labelWidth: "labelWidth", layout: "layout", layoutStyle: "layoutStyle", legendPosition: "legendPosition", legendScale: "legendScale", margin: "margin", max: "max", maxHeight: "maxHeight", maximizeOnMobile: "maximizeOnMobile", maxTickLabelRotation: "maxTickLabelRotation", maxWidth: "maxWidth", min: "min", minHeight: "minHeight", minTickLabelRotation: "minTickLabelRotation", minWidth: "minWidth", pointSize: "pointSize", readOnly: "readOnly", record: "record", rendition: "rendition", role: "role", rtl: "rtl", scrollable: "scrollable", series: "series", seriesLineDash: "seriesLineDash", seriesLineOpacity: "seriesLineOpacity", seriesLineThickness: "seriesLineThickness", showControls: "showControls", showLegend: "showLegend", showPoints: "showPoints", showSubtitle: "showSubtitle", showTicks: "showTicks", showTitle: "showTitle", showTooltips: "showTooltips", span: "span", strictRecordMapping: "strictRecordMapping", subtitle: "subtitle", subtitleFont: "subtitleFont", subtitlePadding: "subtitlePadding", tickFont: "tickFont", tickMarkColor: "tickMarkColor", title: "title", titleFont: "titleFont", titlePadding: "titlePadding", tooltip: "tooltip", width: "width", x: "x", y: "y", parent: "parent", values: "values" }, outputs: { onBeforeDestroy: "onBeforeDestroy", onBeforeHide: "onBeforeHide", onBeforeSetRecord: "onBeforeSetRecord", onBeforeShow: "onBeforeShow", onCatchAll: "onCatchAll", onDestroy: "onDestroy", onDirtyStateChange: "onDirtyStateChange", onElementCreated: "onElementCreated", onFocusIn: "onFocusIn", onFocusOut: "onFocusOut", onHide: "onHide", onPaint: "onPaint", onReadOnly: "onReadOnly", onRecompose: "onRecompose", onResize: "onResize", onShow: "onShow" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartComponent, decorators: [{
             type: Component,
             args: [{
@@ -790,6 +919,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                 type: Input
             }], labels: [{
                 type: Input
+            }], labelWidth: [{
+                type: Input
             }], layout: [{
                 type: Input
             }], layoutStyle: [{
@@ -882,16 +1013,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
                 type: Input
             }], y: [{
                 type: Input
-            }], anchorSize: [{
-                type: Input
-            }], focusVisible: [{
-                type: Input
-            }], hasChanges: [{
-                type: Input
-            }], isSettingValues: [{
-                type: Input
-            }], isValid: [{
-                type: Input
             }], parent: [{
                 type: Input
             }], values: [{
@@ -936,15 +1057,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImpor
 class BryntumChartModule {
 }
 BryntumChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BryntumChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, declarations: [BryntumChartComponent], exports: [BryntumChartComponent] });
-BryntumChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, imports: [[]] });
+BryntumChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, declarations: [BryntumChartComponent], imports: [CommonModule], exports: [BryntumChartComponent] });
+BryntumChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.0", ngImport: i0, type: BryntumChartModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         BryntumChartComponent
                     ],
-                    imports: [],
+                    imports: [CommonModule],
                     exports: [
                         BryntumChartComponent
                     ]