@elementar-rt/components 0.6.58 → 0.7.0

package/fesm2022/elementar-rt-components-menu.mjs

@@ -4,32 +4,32 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent } from 'rxjs';
 
 class MenuComponent {
-    open = input(false, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     closed = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: MenuComponent, isStandalone: true, selector: "emr-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { attributes: { "role": "menu" }, properties: { "class.is-open": "open()" }, classAttribute: "emr-menu" }, exportAs: ["emrMenu"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-menu-bg: var(--color-surface-container);--emr-menu-border-radius: 1rem;--emr-menu-padding: calc(var(--spacing, .25rem) * 1.5);--emr-menu-min-width: calc(var(--spacing, .25rem) * 48);--emr-menu-shadow: 0 8px 24px var(--color-shadow);--emr-menu-border: 1px solid var(--color-outline-variant);display:none;flex-direction:column;min-width:var(--emr-menu-min-width);background:var(--emr-menu-bg);border-radius:var(--emr-menu-border-radius);padding:var(--emr-menu-padding);box-shadow:var(--emr-menu-shadow);border:var(--emr-menu-border);z-index:100;animation:menuIn .15s cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){:host{--emr-menu-shadow: 0 8px 24px color-mix(in srgb, var(--color-shadow) 15%, transparent)}}:host.is-open{display:flex}@keyframes menuIn{0%{opacity:0;transform:scale(.95) translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:scale(1) translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: MenuComponent, isStandalone: true, selector: "emr-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { attributes: { "role": "menu" }, properties: { "class.is-open": "open()" }, classAttribute: "emr-menu" }, exportAs: ["emrMenu"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-menu-bg: var(--color-surface-container);--emr-menu-border-radius: 1rem;--emr-menu-padding: calc(var(--spacing, .25rem) * 1.5);--emr-menu-min-width: calc(var(--spacing, .25rem) * 48);--emr-menu-shadow: 0 8px 24px var(--color-shadow);--emr-menu-border: 1px solid var(--color-outline-variant);display:none;flex-direction:column;min-width:var(--emr-menu-min-width);background:var(--emr-menu-bg);border-radius:var(--emr-menu-border-radius);padding:var(--emr-menu-padding);box-shadow:var(--emr-menu-shadow);border:var(--emr-menu-border);z-index:100;animation:menuIn .15s cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){:host{--emr-menu-shadow: 0 8px 24px color-mix(in srgb, var(--color-shadow) 15%, transparent)}}:host.is-open{display:flex}@keyframes menuIn{0%{opacity:0;transform:scale(.95) translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:scale(1) translateY(0)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-menu', exportAs: 'emrMenu', host: {
                         'class': 'emr-menu',
                         'role': 'menu',
                         '[class.is-open]': 'open()',
-                    }, template: "<ng-content/>\n", styles: [":host{--emr-menu-bg: var(--color-surface-container);--emr-menu-border-radius: 1rem;--emr-menu-padding: calc(var(--spacing, .25rem) * 1.5);--emr-menu-min-width: calc(var(--spacing, .25rem) * 48);--emr-menu-shadow: 0 8px 24px var(--color-shadow);--emr-menu-border: 1px solid var(--color-outline-variant);display:none;flex-direction:column;min-width:var(--emr-menu-min-width);background:var(--emr-menu-bg);border-radius:var(--emr-menu-border-radius);padding:var(--emr-menu-padding);box-shadow:var(--emr-menu-shadow);border:var(--emr-menu-border);z-index:100;animation:menuIn .15s cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){:host{--emr-menu-shadow: 0 8px 24px color-mix(in srgb, var(--color-shadow) 15%, transparent)}}:host.is-open{display:flex}@keyframes menuIn{0%{opacity:0;transform:scale(.95) translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:scale(1) translateY(0)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-menu-bg: var(--color-surface-container);--emr-menu-border-radius: 1rem;--emr-menu-padding: calc(var(--spacing, .25rem) * 1.5);--emr-menu-min-width: calc(var(--spacing, .25rem) * 48);--emr-menu-shadow: 0 8px 24px var(--color-shadow);--emr-menu-border: 1px solid var(--color-outline-variant);display:none;flex-direction:column;min-width:var(--emr-menu-min-width);background:var(--emr-menu-bg);border-radius:var(--emr-menu-border-radius);padding:var(--emr-menu-padding);box-shadow:var(--emr-menu-shadow);border:var(--emr-menu-border);z-index:100;animation:menuIn .15s cubic-bezier(.4,0,.2,1)}@supports (color: color-mix(in lab,red,red)){:host{--emr-menu-shadow: 0 8px 24px color-mix(in srgb, var(--color-shadow) 15%, transparent)}}:host.is-open{display:flex}@keyframes menuIn{0%{opacity:0;transform:scale(.95) translateY(calc(var(--spacing, .25rem) * -1))}to{opacity:1;transform:scale(1) translateY(0)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 class MenuItemComponent {
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    danger = input(false, ...(ngDevMode ? [{ debugName: "danger", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    danger = input(false, { ...(ngDevMode ? { debugName: "danger" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     itemClick = output();
     _onClick() {
         if (!this.disabled())
             this.itemClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: MenuItemComponent, isStandalone: true, selector: "emr-menu-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, danger: { classPropertyName: "danger", publicName: "danger", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "menuitem" }, listeners: { "click": "_onClick()" }, properties: { "class.is-disabled": "disabled()", "class.is-danger": "danger()" }, classAttribute: "emr-menu-item" }, exportAs: ["emrMenuItem"], ngImport: i0, template: "<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n", styles: [":host{--emr-menu-item-height: calc(var(--spacing, .25rem) * 10);--emr-menu-item-padding: 0 calc(var(--spacing, .25rem) * 3);--emr-menu-item-border-radius: .75rem;--emr-menu-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-menu-item-font-size: .875rem;--emr-menu-item-color: var(--color-on-surface);--emr-menu-item-hover-bg: var(--color-surface-container-high);--emr-menu-item-danger-color: var(--color-error);display:flex;align-items:center;gap:var(--emr-menu-item-gap);min-height:var(--emr-menu-item-height);padding:var(--emr-menu-item-padding);border-radius:var(--emr-menu-item-border-radius);font-size:var(--emr-menu-item-font-size);color:var(--emr-menu-item-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}:host:hover:not(.is-disabled){background:var(--emr-menu-item-hover-bg)}:host.is-disabled{opacity:.38;cursor:not-allowed}:host.is-danger{color:var(--emr-menu-item-danger-color)}:host .item-icon,:host .item-trailing{display:contents}:host .item-icon:empty,:host .item-trailing:empty{display:none}:host .item-label{flex:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: MenuItemComponent, isStandalone: true, selector: "emr-menu-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, danger: { classPropertyName: "danger", publicName: "danger", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "menuitem" }, listeners: { "click": "_onClick()" }, properties: { "class.is-disabled": "disabled()", "class.is-danger": "danger()" }, classAttribute: "emr-menu-item" }, exportAs: ["emrMenuItem"], ngImport: i0, template: "<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n", styles: [":host{--emr-menu-item-height: calc(var(--spacing, .25rem) * 10);--emr-menu-item-padding: 0 calc(var(--spacing, .25rem) * 3);--emr-menu-item-border-radius: .75rem;--emr-menu-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-menu-item-font-size: .875rem;--emr-menu-item-color: var(--color-on-surface);--emr-menu-item-hover-bg: var(--color-surface-container-high);--emr-menu-item-danger-color: var(--color-error);display:flex;align-items:center;gap:var(--emr-menu-item-gap);min-height:var(--emr-menu-item-height);padding:var(--emr-menu-item-padding);border-radius:var(--emr-menu-item-border-radius);font-size:var(--emr-menu-item-font-size);color:var(--emr-menu-item-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}:host:hover:not(.is-disabled){background:var(--emr-menu-item-hover-bg)}:host.is-disabled{opacity:.38;cursor:not-allowed}:host.is-danger{color:var(--emr-menu-item-danger-color)}:host .item-icon,:host .item-trailing{display:contents}:host .item-icon:empty,:host .item-trailing:empty{display:none}:host .item-label{flex:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-menu-item', exportAs: 'emrMenuItem', host: {
                         'class': 'emr-menu-item',
@@ -37,14 +37,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.is-disabled]': 'disabled()',
                         '[class.is-danger]': 'danger()',
                         '(click)': '_onClick()',
-                    }, template: "<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n", styles: [":host{--emr-menu-item-height: calc(var(--spacing, .25rem) * 10);--emr-menu-item-padding: 0 calc(var(--spacing, .25rem) * 3);--emr-menu-item-border-radius: .75rem;--emr-menu-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-menu-item-font-size: .875rem;--emr-menu-item-color: var(--color-on-surface);--emr-menu-item-hover-bg: var(--color-surface-container-high);--emr-menu-item-danger-color: var(--color-error);display:flex;align-items:center;gap:var(--emr-menu-item-gap);min-height:var(--emr-menu-item-height);padding:var(--emr-menu-item-padding);border-radius:var(--emr-menu-item-border-radius);font-size:var(--emr-menu-item-font-size);color:var(--emr-menu-item-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}:host:hover:not(.is-disabled){background:var(--emr-menu-item-hover-bg)}:host.is-disabled{opacity:.38;cursor:not-allowed}:host.is-danger{color:var(--emr-menu-item-danger-color)}:host .item-icon,:host .item-trailing{display:contents}:host .item-icon:empty,:host .item-trailing:empty{display:none}:host .item-label{flex:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n", styles: [":host{--emr-menu-item-height: calc(var(--spacing, .25rem) * 10);--emr-menu-item-padding: 0 calc(var(--spacing, .25rem) * 3);--emr-menu-item-border-radius: .75rem;--emr-menu-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-menu-item-font-size: .875rem;--emr-menu-item-color: var(--color-on-surface);--emr-menu-item-hover-bg: var(--color-surface-container-high);--emr-menu-item-danger-color: var(--color-error);display:flex;align-items:center;gap:var(--emr-menu-item-gap);min-height:var(--emr-menu-item-height);padding:var(--emr-menu-item-padding);border-radius:var(--emr-menu-item-border-radius);font-size:var(--emr-menu-item-font-size);color:var(--emr-menu-item-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}:host:hover:not(.is-disabled){background:var(--emr-menu-item-hover-bg)}:host.is-disabled{opacity:.38;cursor:not-allowed}:host.is-danger{color:var(--emr-menu-item-danger-color)}:host .item-icon,:host .item-trailing{display:contents}:host .item-icon:empty,:host .item-trailing:empty{display:none}:host .item-label{flex:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], danger: [{ type: i0.Input, args: [{ isSignal: true, alias: "danger", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
 
 class MenuTriggerDirective {
-    emrMenuTrigger = input.required(...(ngDevMode ? [{ debugName: "emrMenuTrigger" }] : []));
+    emrMenuTrigger = input.required(...(ngDevMode ? [{ debugName: "emrMenuTrigger" }] : /* istanbul ignore next */ []));
     _el = inject((ElementRef));
     _destroyRef = inject(DestroyRef);
-    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         fromEvent(document, 'click')
             .pipe(takeUntilDestroyed(this._destroyRef))
@@ -63,10 +63,10 @@ class MenuTriggerDirective {
     _close() {
         this.isOpen.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: MenuTriggerDirective, isStandalone: true, selector: "[emrMenuTrigger]", inputs: { emrMenuTrigger: { classPropertyName: "emrMenuTrigger", publicName: "emrMenuTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "_toggle()" } }, exportAs: ["emrMenuTrigger"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: MenuTriggerDirective, isStandalone: true, selector: "[emrMenuTrigger]", inputs: { emrMenuTrigger: { classPropertyName: "emrMenuTrigger", publicName: "emrMenuTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "_toggle()" } }, exportAs: ["emrMenuTrigger"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrMenuTrigger]',
@@ -78,10 +78,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], propDecorators: { emrMenuTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrMenuTrigger", required: true }] }] } });
 
 class MenuDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: MenuDividerComponent, isStandalone: true, selector: "emr-menu-divider", host: { attributes: { "role": "separator" }, classAttribute: "emr-menu-divider" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:1px;background:var(--color-outline-variant);margin:calc(var(--spacing) * 1) 0}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MenuDividerComponent, isStandalone: true, selector: "emr-menu-divider", host: { attributes: { "role": "separator" }, classAttribute: "emr-menu-divider" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:1px;background:var(--color-outline-variant);margin:calc(var(--spacing) * 1) 0}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MenuDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MenuDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-menu-divider', template: '', host: { 'class': 'emr-menu-divider', 'role': 'separator' }, styles: [":host{display:block;height:1px;background:var(--color-outline-variant);margin:calc(var(--spacing) * 1) 0}\n"] }]
         }] });

package/fesm2022/elementar-rt-components-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-menu.mjs","sources":["../../../projects/components/menu/src/menu/menu.component.ts","../../../projects/components/menu/src/menu/menu.component.html","../../../projects/components/menu/src/menu-item/menu-item.component.ts","../../../projects/components/menu/src/menu-item/menu-item.component.html","../../../projects/components/menu/src/menu-trigger.directive.ts","../../../projects/components/menu/src/menu-divider.component.ts","../../../projects/components/menu/elementar-rt-components-menu.ts"],"sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu',\n  exportAs: 'emrMenu',\n  templateUrl: './menu.component.html',\n  styleUrl: './menu.component.scss',\n  host: {\n    'class': 'emr-menu',\n    'role': 'menu',\n    '[class.is-open]': 'open()',\n  }\n})\nexport class MenuComponent {\n  open = input(false, { transform: booleanAttribute });\n  readonly closed = output<void>();\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input, output } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu-item',\n  exportAs: 'emrMenuItem',\n  templateUrl: './menu-item.component.html',\n  styleUrl: './menu-item.component.scss',\n  host: {\n    'class': 'emr-menu-item',\n    'role': 'menuitem',\n    '[class.is-disabled]': 'disabled()',\n    '[class.is-danger]': 'danger()',\n    '(click)': '_onClick()',\n  }\n})\nexport class MenuItemComponent {\n  disabled = input(false, { transform: booleanAttribute });\n  danger = input(false, { transform: booleanAttribute });\n\n  readonly itemClick = output<void>();\n\n  protected _onClick() {\n    if (!this.disabled()) this.itemClick.emit();\n  }\n}\n","<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\nimport { MenuComponent } from './menu/menu.component';\n\n@Directive({\n  selector: '[emrMenuTrigger]',\n  exportAs: 'emrMenuTrigger',\n  host: {\n    '(click)': '_toggle()',\n  }\n})\nexport class MenuTriggerDirective implements OnInit {\n  emrMenuTrigger = input.required<MenuComponent>();\n\n  private _el = inject(ElementRef<HTMLElement>);\n  private _destroyRef = inject(DestroyRef);\n  readonly isOpen = signal(false);\n\n  ngOnInit() {\n    fromEvent<MouseEvent>(document, 'click')\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(event => {\n        if (!this._el.nativeElement.contains(event.target as Node)) {\n          this._close();\n        }\n      });\n  }\n\n  protected _toggle() {\n    this.isOpen() ? this._close() : this._open();\n  }\n\n  private _open() {\n    this.isOpen.set(true);\n  }\n\n  private _close() {\n    this.isOpen.set(false);\n  }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu-divider',\n  template: '',\n  styles: [`:host { display: block; height: 1px; background: var(--color-outline-variant); margin: calc(var(--spacing) * 1) 0; }`],\n  host: { 'class': 'emr-menu-divider', 'role': 'separator' }\n})\nexport class MenuDividerComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-menu.mjs","sources":["../../../projects/components/menu/src/menu/menu.component.ts","../../../projects/components/menu/src/menu/menu.component.html","../../../projects/components/menu/src/menu-item/menu-item.component.ts","../../../projects/components/menu/src/menu-item/menu-item.component.html","../../../projects/components/menu/src/menu-trigger.directive.ts","../../../projects/components/menu/src/menu-divider.component.ts","../../../projects/components/menu/elementar-rt-components-menu.ts"],"sourcesContent":["import { booleanAttribute, Component, input, output } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu',\n  exportAs: 'emrMenu',\n  templateUrl: './menu.component.html',\n  styleUrl: './menu.component.scss',\n  host: {\n    'class': 'emr-menu',\n    'role': 'menu',\n    '[class.is-open]': 'open()',\n  }\n})\nexport class MenuComponent {\n  open = input(false, { transform: booleanAttribute });\n  readonly closed = output<void>();\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input, output } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu-item',\n  exportAs: 'emrMenuItem',\n  templateUrl: './menu-item.component.html',\n  styleUrl: './menu-item.component.scss',\n  host: {\n    'class': 'emr-menu-item',\n    'role': 'menuitem',\n    '[class.is-disabled]': 'disabled()',\n    '[class.is-danger]': 'danger()',\n    '(click)': '_onClick()',\n  }\n})\nexport class MenuItemComponent {\n  disabled = input(false, { transform: booleanAttribute });\n  danger = input(false, { transform: booleanAttribute });\n\n  readonly itemClick = output<void>();\n\n  protected _onClick() {\n    if (!this.disabled()) this.itemClick.emit();\n  }\n}\n","<span class=\"item-icon\"><ng-content select=\"[emrMenuItemIcon]\"/></span>\n<span class=\"item-label\"><ng-content/></span>\n<span class=\"item-trailing\"><ng-content select=\"[emrMenuItemTrailing]\"/></span>\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\nimport { MenuComponent } from './menu/menu.component';\n\n@Directive({\n  selector: '[emrMenuTrigger]',\n  exportAs: 'emrMenuTrigger',\n  host: {\n    '(click)': '_toggle()',\n  }\n})\nexport class MenuTriggerDirective implements OnInit {\n  emrMenuTrigger = input.required<MenuComponent>();\n\n  private _el = inject(ElementRef<HTMLElement>);\n  private _destroyRef = inject(DestroyRef);\n  readonly isOpen = signal(false);\n\n  ngOnInit() {\n    fromEvent<MouseEvent>(document, 'click')\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(event => {\n        if (!this._el.nativeElement.contains(event.target as Node)) {\n          this._close();\n        }\n      });\n  }\n\n  protected _toggle() {\n    this.isOpen() ? this._close() : this._open();\n  }\n\n  private _open() {\n    this.isOpen.set(true);\n  }\n\n  private _close() {\n    this.isOpen.set(false);\n  }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-menu-divider',\n  template: '',\n  styles: [`:host { display: block; height: 1px; background: var(--color-outline-variant); margin: calc(var(--spacing) * 1) 0; }`],\n  host: { 'class': 'emr-menu-divider', 'role': 'separator' }\n})\nexport class MenuDividerComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,aAAa,CAAA;IACxB,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC3C,MAAM,GAAG,MAAM,EAAQ;wGAFrB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,4WCb1B,iBACA,EAAA,MAAA,EAAA,CAAA,u9BAAA,CAAA,EAAA,CAAA;;4FDYa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;+BACE,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,IAAA,EAGb;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,iBAAiB,EAAE,QAAQ;AAC5B,qBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,u9BAAA,CAAA,EAAA;;;MEIU,iBAAiB,CAAA;IAC5B,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IACxD,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAE7C,SAAS,GAAG,MAAM,EAAQ;IAEzB,QAAQ,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IAC7C;wGARW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wlBCf9B,qNAGA,EAAA,MAAA,EAAA,CAAA,wnCAAA,CAAA,EAAA,CAAA;;4FDYa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,IAAA,EAGjB;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,MAAM,EAAE,UAAU;AAClB,wBAAA,qBAAqB,EAAE,YAAY;AACnC,wBAAA,mBAAmB,EAAE,UAAU;AAC/B,wBAAA,SAAS,EAAE,YAAY;AACxB,qBAAA,EAAA,QAAA,EAAA,qNAAA,EAAA,MAAA,EAAA,CAAA,wnCAAA,CAAA,EAAA;;;MEOU,oBAAoB,CAAA;AAC/B,IAAA,cAAc,GAAG,KAAK,CAAC,QAAQ,oFAAiB;AAExC,IAAA,GAAG,GAAG,MAAM,EAAC,UAAuB,EAAC;AACrC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,6EAAC;IAE/B,QAAQ,GAAA;AACN,QAAA,SAAS,CAAa,QAAQ,EAAE,OAAO;AACpC,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aACzC,SAAS,CAAC,KAAK,IAAG;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC1D,IAAI,CAAC,MAAM,EAAE;YACf;AACF,QAAA,CAAC,CAAC;IACN;IAEU,OAAO,GAAA;AACf,QAAA,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;IAC9C;IAEQ,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;IACvB;IAEQ,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;IACxB;wGA3BW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB;AACF,iBAAA;;;MCXY,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,+JAJrB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6GAAA,CAAA,EAAA,CAAA;;4FAID,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,EAAE,EAAA,IAAA,EAEN,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,WAAW,EAAE,EAAA,MAAA,EAAA,CAAA,6GAAA,CAAA,EAAA;;;ACN5D;;AAEG;;"}

package/fesm2022/elementar-rt-components-micro-chart.mjs

@@ -102,34 +102,20 @@ class MchartLineComponent extends BaseChartTooltip {
     _platformId = inject(PLATFORM_ID);
     _destroyRef = inject(DestroyRef);
     _elementRef = inject(ElementRef);
-    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
-    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
-    strokeWidth = input(2, ...(ngDevMode ? [{ debugName: "strokeWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    showArea = input(false, ...(ngDevMode ? [{ debugName: "showArea", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    showMarkers = input(false, ...(ngDevMode ? [{ debugName: "showMarkers", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    responsive = input(false, ...(ngDevMode ? [{ debugName: "responsive", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    fillAreaGradient = input(false, ...(ngDevMode ? [{ debugName: "fillAreaGradient", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    curve = input('linear', ...(ngDevMode ? [{ debugName: "curve" }] : []));
-    xAccessor = input((d, i) => i, ...(ngDevMode ? [{ debugName: "xAccessor" }] : []));
-    yAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "yAccessor" }] : []));
-    compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    markerDotSize = input(5, ...(ngDevMode ? [{ debugName: "markerDotSize", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
-    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    strokeWidth = input(2, { ...(ngDevMode ? { debugName: "strokeWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    showArea = input(false, { ...(ngDevMode ? { debugName: "showArea" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showMarkers = input(false, { ...(ngDevMode ? { debugName: "showMarkers" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    responsive = input(false, { ...(ngDevMode ? { debugName: "responsive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fillAreaGradient = input(false, { ...(ngDevMode ? { debugName: "fillAreaGradient" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    curve = input('linear', ...(ngDevMode ? [{ debugName: "curve" }] : /* istanbul ignore next */ []));
+    xAccessor = input((d, i) => i, ...(ngDevMode ? [{ debugName: "xAccessor" }] : /* istanbul ignore next */ []));
+    yAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "yAccessor" }] : /* istanbul ignore next */ []));
+    compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    markerDotSize = input(5, { ...(ngDevMode ? { debugName: "markerDotSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
     get gradientId() {
         return 'areaGradient' + this._gradientId;
     }
@@ -359,15 +345,15 @@ class MchartLineComponent extends BaseChartTooltip {
         });
         this._resizeObserver.observe(this._elementRef.nativeElement);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MchartLineComponent, isStandalone: true, selector: "emr-mchart-line", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, showArea: { classPropertyName: "showArea", publicName: "showArea", isSignal: true, isRequired: false, transformFunction: null }, showMarkers: { classPropertyName: "showMarkers", publicName: "showMarkers", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, fillAreaGradient: { classPropertyName: "fillAreaGradient", publicName: "fillAreaGradient", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, xAccessor: { classPropertyName: "xAccessor", publicName: "xAccessor", isSignal: true, isRequired: false, transformFunction: null }, yAccessor: { classPropertyName: "yAccessor", publicName: "yAccessor", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, markerDotSize: { classPropertyName: "markerDotSize", publicName: "markerDotSize", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fill-area-gradient": "fillAreaGradient()" }, classAttribute: "emr-mchart-line" }, exportAs: ["emrMchartLine"], usesInheritance: true, ngImport: i0, template: "<svg>\n  @if (fillAreaGradient()) {\n    <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n      <stop offset=\"0%\" class=\"lg-start-color\"/>\n      <stop offset=\"100%\" class=\"lg-end-color\"/>\n    </linearGradient>\n  }\n</svg>\n", styles: [":host{--emr-mchart-line-line-bg: var(--color-primary);--emr-mchart-line-area-bg: var(--color-primary-200);--emr-mchart-line-marker-line-bg: var(--color-neutral);--emr-mchart-line-marker-dot-bg: var(--color-primary);--emr-mchart-line-area-gradient-start-color: var(--color-primary);--emr-mchart-line-area-gradient-end-color: var(--color-background);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .line{stroke:var(--emr-mchart-line-line-bg);fill:none;stroke-linejoin:round;stroke-linecap:round}:host ::ng-deep .area{stroke-width:0}:host ::ng-deep .marker-line{stroke:var(--emr-mchart-line-marker-line-bg);stroke-width:1;stroke-dasharray:3}:host ::ng-deep .marker-dot{fill:var(--emr-mchart-line-marker-dot-bg)}:host:not(.fill-area-gradient) ::ng-deep .area{fill:var(--emr-mchart-line-area-bg)}:host.fill-area-gradient .lg-start-color{stop-color:var(--emr-mchart-line-area-gradient-start-color)}:host.fill-area-gradient .lg-end-color{stop-color:var(--emr-mchart-line-area-gradient-end-color)}:host-context(html.dark){--emr-mchart-line-area-bg: var(--color-neutral-700);--emr-mchart-line-area-gradient-start-color: var(--color-neutral-700)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: MchartLineComponent, isStandalone: true, selector: "emr-mchart-line", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, showArea: { classPropertyName: "showArea", publicName: "showArea", isSignal: true, isRequired: false, transformFunction: null }, showMarkers: { classPropertyName: "showMarkers", publicName: "showMarkers", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, fillAreaGradient: { classPropertyName: "fillAreaGradient", publicName: "fillAreaGradient", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, xAccessor: { classPropertyName: "xAccessor", publicName: "xAccessor", isSignal: true, isRequired: false, transformFunction: null }, yAccessor: { classPropertyName: "yAccessor", publicName: "yAccessor", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, markerDotSize: { classPropertyName: "markerDotSize", publicName: "markerDotSize", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fill-area-gradient": "fillAreaGradient()" }, classAttribute: "emr-mchart-line" }, exportAs: ["emrMchartLine"], usesInheritance: true, ngImport: i0, template: "<svg>\n  @if (fillAreaGradient()) {\n    <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n      <stop offset=\"0%\" class=\"lg-start-color\"/>\n      <stop offset=\"100%\" class=\"lg-end-color\"/>\n    </linearGradient>\n  }\n</svg>\n", styles: [":host{--emr-mchart-line-line-bg: var(--color-primary);--emr-mchart-line-area-bg: var(--color-primary-200);--emr-mchart-line-marker-line-bg: var(--color-neutral);--emr-mchart-line-marker-dot-bg: var(--color-primary);--emr-mchart-line-area-gradient-start-color: var(--color-primary);--emr-mchart-line-area-gradient-end-color: var(--color-background);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .line{stroke:var(--emr-mchart-line-line-bg);fill:none;stroke-linejoin:round;stroke-linecap:round}:host ::ng-deep .area{stroke-width:0}:host ::ng-deep .marker-line{stroke:var(--emr-mchart-line-marker-line-bg);stroke-width:1;stroke-dasharray:3}:host ::ng-deep .marker-dot{fill:var(--emr-mchart-line-marker-dot-bg)}:host:not(.fill-area-gradient) ::ng-deep .area{fill:var(--emr-mchart-line-area-bg)}:host.fill-area-gradient .lg-start-color{stop-color:var(--emr-mchart-line-area-gradient-start-color)}:host.fill-area-gradient .lg-end-color{stop-color:var(--emr-mchart-line-area-gradient-end-color)}:host-context(html.dark){--emr-mchart-line-area-bg: var(--color-neutral-700);--emr-mchart-line-area-gradient-start-color: var(--color-neutral-700)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartLineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartLineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-line', exportAs: 'emrMchartLine', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-mchart-line',
                         '[class.fill-area-gradient]': 'fillAreaGradient()',
-                    }, template: "<svg>\n  @if (fillAreaGradient()) {\n    <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n      <stop offset=\"0%\" class=\"lg-start-color\"/>\n      <stop offset=\"100%\" class=\"lg-end-color\"/>\n    </linearGradient>\n  }\n</svg>\n", styles: [":host{--emr-mchart-line-line-bg: var(--color-primary);--emr-mchart-line-area-bg: var(--color-primary-200);--emr-mchart-line-marker-line-bg: var(--color-neutral);--emr-mchart-line-marker-dot-bg: var(--color-primary);--emr-mchart-line-area-gradient-start-color: var(--color-primary);--emr-mchart-line-area-gradient-end-color: var(--color-background);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .line{stroke:var(--emr-mchart-line-line-bg);fill:none;stroke-linejoin:round;stroke-linecap:round}:host ::ng-deep .area{stroke-width:0}:host ::ng-deep .marker-line{stroke:var(--emr-mchart-line-marker-line-bg);stroke-width:1;stroke-dasharray:3}:host ::ng-deep .marker-dot{fill:var(--emr-mchart-line-marker-dot-bg)}:host:not(.fill-area-gradient) ::ng-deep .area{fill:var(--emr-mchart-line-area-bg)}:host.fill-area-gradient .lg-start-color{stop-color:var(--emr-mchart-line-area-gradient-start-color)}:host.fill-area-gradient .lg-end-color{stop-color:var(--emr-mchart-line-area-gradient-end-color)}:host-context(html.dark){--emr-mchart-line-area-bg: var(--color-neutral-700);--emr-mchart-line-area-gradient-start-color: var(--color-neutral-700)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<svg>\n  @if (fillAreaGradient()) {\n    <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n      <stop offset=\"0%\" class=\"lg-start-color\"/>\n      <stop offset=\"100%\" class=\"lg-end-color\"/>\n    </linearGradient>\n  }\n</svg>\n", styles: [":host{--emr-mchart-line-line-bg: var(--color-primary);--emr-mchart-line-area-bg: var(--color-primary-200);--emr-mchart-line-marker-line-bg: var(--color-neutral);--emr-mchart-line-marker-dot-bg: var(--color-primary);--emr-mchart-line-area-gradient-start-color: var(--color-primary);--emr-mchart-line-area-gradient-end-color: var(--color-background);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .line{stroke:var(--emr-mchart-line-line-bg);fill:none;stroke-linejoin:round;stroke-linecap:round}:host ::ng-deep .area{stroke-width:0}:host ::ng-deep .marker-line{stroke:var(--emr-mchart-line-marker-line-bg);stroke-width:1;stroke-dasharray:3}:host ::ng-deep .marker-dot{fill:var(--emr-mchart-line-marker-dot-bg)}:host:not(.fill-area-gradient) ::ng-deep .area{fill:var(--emr-mchart-line-area-bg)}:host.fill-area-gradient .lg-start-color{stop-color:var(--emr-mchart-line-area-gradient-start-color)}:host.fill-area-gradient .lg-end-color{stop-color:var(--emr-mchart-line-area-gradient-end-color)}:host-context(html.dark){--emr-mchart-line-area-bg: var(--color-neutral-700);--emr-mchart-line-area-gradient-start-color: var(--color-neutral-700)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], showArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArea", required: false }] }], showMarkers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMarkers", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], fillAreaGradient: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillAreaGradient", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], xAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "xAccessor", required: false }] }], yAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAccessor", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], markerDotSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerDotSize", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }] } });
 
 let nextId = 0;
@@ -388,27 +374,17 @@ class MchartBarComponent extends BaseChartTooltip {
     _platformId = inject(PLATFORM_ID);
     _elementRef = inject(ElementRef);
     _destroyRef = inject(DestroyRef);
-    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
-    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
-    gap = input(0.2, ...(ngDevMode ? [{ debugName: "gap", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    radius = input(0, ...(ngDevMode ? [{ debugName: "radius", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    highlight = input(false, ...(ngDevMode ? [{ debugName: "highlight", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    responsive = input(false, ...(ngDevMode ? [{ debugName: "responsive", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    fillGradient = input(false, ...(ngDevMode ? [{ debugName: "fillGradient", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    xAccessor = input((d, i) => i, ...(ngDevMode ? [{ debugName: "xAccessor" }] : []));
-    yAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "yAccessor" }] : []));
-    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
-    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    gap = input(0.2, { ...(ngDevMode ? { debugName: "gap" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    radius = input(0, { ...(ngDevMode ? { debugName: "radius" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    highlight = input(false, { ...(ngDevMode ? { debugName: "highlight" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    responsive = input(false, { ...(ngDevMode ? { debugName: "responsive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fillGradient = input(false, { ...(ngDevMode ? { debugName: "fillGradient" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    xAccessor = input((d, i) => i, ...(ngDevMode ? [{ debugName: "xAccessor" }] : /* istanbul ignore next */ []));
+    yAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "yAccessor" }] : /* istanbul ignore next */ []));
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
     get gradientId() {
         return 'areaGradient' + this._gradientId;
     }
@@ -611,16 +587,16 @@ class MchartBarComponent extends BaseChartTooltip {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: MchartBarComponent, isStandalone: true, selector: "emr-mchart-bar", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, fillGradient: { classPropertyName: "fillGradient", publicName: "fillGradient", isSignal: true, isRequired: false, transformFunction: null }, xAccessor: { classPropertyName: "xAccessor", publicName: "xAccessor", isSignal: true, isRequired: false, transformFunction: null }, yAccessor: { classPropertyName: "yAccessor", publicName: "yAccessor", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fill-gradient": "fillGradient()", "class.with-tooltip": "!!tooltip()" }, classAttribute: "emr-mchart-bar" }, exportAs: ["emrMchartBar"], usesInheritance: true, ngImport: i0, template: "<svg>\n  <defs>\n    @if (fillGradient()) {\n      <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <stop offset=\"0%\" class=\"lg-start-color\"/>\n        <stop offset=\"100%\" class=\"lg-end-color\"/>\n      </linearGradient>\n    }\n  </defs>\n</svg>\n", styles: [":host{--emr-mchart-bar-bar-bg: var(--color-primary);--emr-mchart-bar-bar-gradient-start-color: var(--color-primary-500);--emr-mchart-bar-bar-gradient-end-color: var(--color-primary);--emr-mchart-bar-highlight-bg: var(--color-neutral-200);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .highlight{fill:var(--emr-mchart-bar-highlight-bg)}:host:not(.fill-gradient) ::ng-deep .bar{fill:var(--emr-mchart-bar-bar-bg)}:host.fill-gradient .lg-start-color{stop-color:var(--emr-mchart-bar-bar-gradient-start-color)}:host.fill-gradient .lg-end-color{stop-color:var(--emr-mchart-bar-bar-gradient-end-color)}:host.with-tooltip ::ng-deep .bar:hover{opacity:.85}:host-context(html.dark){--emr-mchart-bar-highlight-bg: var(--color-neutral-700)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: MchartBarComponent, isStandalone: true, selector: "emr-mchart-bar", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, fillGradient: { classPropertyName: "fillGradient", publicName: "fillGradient", isSignal: true, isRequired: false, transformFunction: null }, xAccessor: { classPropertyName: "xAccessor", publicName: "xAccessor", isSignal: true, isRequired: false, transformFunction: null }, yAccessor: { classPropertyName: "yAccessor", publicName: "yAccessor", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fill-gradient": "fillGradient()", "class.with-tooltip": "!!tooltip()" }, classAttribute: "emr-mchart-bar" }, exportAs: ["emrMchartBar"], usesInheritance: true, ngImport: i0, template: "<svg>\n  <defs>\n    @if (fillGradient()) {\n      <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <stop offset=\"0%\" class=\"lg-start-color\"/>\n        <stop offset=\"100%\" class=\"lg-end-color\"/>\n      </linearGradient>\n    }\n  </defs>\n</svg>\n", styles: [":host{--emr-mchart-bar-bar-bg: var(--color-primary);--emr-mchart-bar-bar-gradient-start-color: var(--color-primary-500);--emr-mchart-bar-bar-gradient-end-color: var(--color-primary);--emr-mchart-bar-highlight-bg: var(--color-neutral-200);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .highlight{fill:var(--emr-mchart-bar-highlight-bg)}:host:not(.fill-gradient) ::ng-deep .bar{fill:var(--emr-mchart-bar-bar-bg)}:host.fill-gradient .lg-start-color{stop-color:var(--emr-mchart-bar-bar-gradient-start-color)}:host.fill-gradient .lg-end-color{stop-color:var(--emr-mchart-bar-bar-gradient-end-color)}:host.with-tooltip ::ng-deep .bar:hover{opacity:.85}:host-context(html.dark){--emr-mchart-bar-highlight-bg: var(--color-neutral-700)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-bar', exportAs: 'emrMchartBar', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-mchart-bar',
                         '[class.fill-gradient]': 'fillGradient()',
                         '[class.with-tooltip]': '!!tooltip()',
-                    }, template: "<svg>\n  <defs>\n    @if (fillGradient()) {\n      <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <stop offset=\"0%\" class=\"lg-start-color\"/>\n        <stop offset=\"100%\" class=\"lg-end-color\"/>\n      </linearGradient>\n    }\n  </defs>\n</svg>\n", styles: [":host{--emr-mchart-bar-bar-bg: var(--color-primary);--emr-mchart-bar-bar-gradient-start-color: var(--color-primary-500);--emr-mchart-bar-bar-gradient-end-color: var(--color-primary);--emr-mchart-bar-highlight-bg: var(--color-neutral-200);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .highlight{fill:var(--emr-mchart-bar-highlight-bg)}:host:not(.fill-gradient) ::ng-deep .bar{fill:var(--emr-mchart-bar-bar-bg)}:host.fill-gradient .lg-start-color{stop-color:var(--emr-mchart-bar-bar-gradient-start-color)}:host.fill-gradient .lg-end-color{stop-color:var(--emr-mchart-bar-bar-gradient-end-color)}:host.with-tooltip ::ng-deep .bar:hover{opacity:.85}:host-context(html.dark){--emr-mchart-bar-highlight-bg: var(--color-neutral-700)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<svg>\n  <defs>\n    @if (fillGradient()) {\n      <linearGradient [id]=\"gradientId\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n        <stop offset=\"0%\" class=\"lg-start-color\"/>\n        <stop offset=\"100%\" class=\"lg-end-color\"/>\n      </linearGradient>\n    }\n  </defs>\n</svg>\n", styles: [":host{--emr-mchart-bar-bar-bg: var(--color-primary);--emr-mchart-bar-bar-gradient-start-color: var(--color-primary-500);--emr-mchart-bar-bar-gradient-end-color: var(--color-primary);--emr-mchart-bar-highlight-bg: var(--color-neutral-200);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host ::ng-deep .highlight{fill:var(--emr-mchart-bar-highlight-bg)}:host:not(.fill-gradient) ::ng-deep .bar{fill:var(--emr-mchart-bar-bar-bg)}:host.fill-gradient .lg-start-color{stop-color:var(--emr-mchart-bar-bar-gradient-start-color)}:host.fill-gradient .lg-end-color{stop-color:var(--emr-mchart-bar-bar-gradient-end-color)}:host.with-tooltip ::ng-deep .bar:hover{opacity:.85}:host-context(html.dark){--emr-mchart-bar-highlight-bg: var(--color-neutral-700)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], highlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlight", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], fillGradient: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillGradient", required: false }] }], xAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "xAccessor", required: false }] }], yAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "yAccessor", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }] } });
 
 class MchartPieComponent extends BaseChartTooltip {
@@ -643,44 +619,22 @@ class MchartPieComponent extends BaseChartTooltip {
     _colorsGenerator;
     _arcTweenGenerator;
     _pieData;
-    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
-    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
-    valueAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "valueAccessor" }] : []));
-    dataItemStrokeWidth = input(1, ...(ngDevMode ? [{ debugName: "dataItemStrokeWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    legendContainerWidth = input(0, ...(ngDevMode ? [{ debugName: "legendContainerWidth", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    showDataAnimation = input(false, ...(ngDevMode ? [{ debugName: "showDataAnimation", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    showValueOnSlices = input(false, ...(ngDevMode ? [{ debugName: "showValueOnSlices", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    showLegend = input(false, ...(ngDevMode ? [{ debugName: "showLegend", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    legendOffset = input(30, ...(ngDevMode ? [{ debugName: "legendOffset", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    legendItemHeight = input(30, ...(ngDevMode ? [{ debugName: "legendItemHeight", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    legendItemSymbolSize = input(12, ...(ngDevMode ? [{ debugName: "legendItemSymbolSize", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    legendItemFontSize = input(14, ...(ngDevMode ? [{ debugName: "legendItemFontSize", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    legendItemSymbolBorderRadius = input(12, ...(ngDevMode ? [{ debugName: "legendItemSymbolBorderRadius", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    valueFontSize = input(12, ...(ngDevMode ? [{ debugName: "valueFontSize", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
-    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    valueAccessor = input((d) => d, ...(ngDevMode ? [{ debugName: "valueAccessor" }] : /* istanbul ignore next */ []));
+    dataItemStrokeWidth = input(1, { ...(ngDevMode ? { debugName: "dataItemStrokeWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    legendContainerWidth = input(0, { ...(ngDevMode ? { debugName: "legendContainerWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    showDataAnimation = input(false, { ...(ngDevMode ? { debugName: "showDataAnimation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showValueOnSlices = input(false, { ...(ngDevMode ? { debugName: "showValueOnSlices" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showLegend = input(false, { ...(ngDevMode ? { debugName: "showLegend" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    legendOffset = input(30, { ...(ngDevMode ? { debugName: "legendOffset" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    legendItemHeight = input(30, { ...(ngDevMode ? { debugName: "legendItemHeight" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    legendItemSymbolSize = input(12, { ...(ngDevMode ? { debugName: "legendItemSymbolSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    legendItemFontSize = input(14, { ...(ngDevMode ? { debugName: "legendItemFontSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    legendItemSymbolBorderRadius = input(12, { ...(ngDevMode ? { debugName: "legendItemSymbolBorderRadius" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    valueFontSize = input(12, { ...(ngDevMode ? { debugName: "valueFontSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    tooltipPosition = input('after-center', ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
     getTooltipPosition() {
         return this.tooltipPosition();
     }
@@ -899,47 +853,47 @@ class MchartPieComponent extends BaseChartTooltip {
             this._hideTooltip();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartPieComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: MchartPieComponent, isStandalone: true, selector: "emr-mchart-pie", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, valueAccessor: { classPropertyName: "valueAccessor", publicName: "valueAccessor", isSignal: true, isRequired: false, transformFunction: null }, dataItemStrokeWidth: { classPropertyName: "dataItemStrokeWidth", publicName: "dataItemStrokeWidth", isSignal: true, isRequired: false, transformFunction: null }, legendContainerWidth: { classPropertyName: "legendContainerWidth", publicName: "legendContainerWidth", isSignal: true, isRequired: false, transformFunction: null }, showDataAnimation: { classPropertyName: "showDataAnimation", publicName: "showDataAnimation", isSignal: true, isRequired: false, transformFunction: null }, showValueOnSlices: { classPropertyName: "showValueOnSlices", publicName: "showValueOnSlices", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, legendOffset: { classPropertyName: "legendOffset", publicName: "legendOffset", isSignal: true, isRequired: false, transformFunction: null }, legendItemHeight: { classPropertyName: "legendItemHeight", publicName: "legendItemHeight", isSignal: true, isRequired: false, transformFunction: null }, legendItemSymbolSize: { classPropertyName: "legendItemSymbolSize", publicName: "legendItemSymbolSize", isSignal: true, isRequired: false, transformFunction: null }, legendItemFontSize: { classPropertyName: "legendItemFontSize", publicName: "legendItemFontSize", isSignal: true, isRequired: false, transformFunction: null }, legendItemSymbolBorderRadius: { classPropertyName: "legendItemSymbolBorderRadius", publicName: "legendItemSymbolBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, valueFontSize: { classPropertyName: "valueFontSize", publicName: "valueFontSize", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-mchart-pie" }, exportAs: ["emrMchartPie"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg></svg>\n", styles: [":host{--emr-mchart-pie-stroke-color: var(--color-background);--emr-mchart-pie-legend-item-color: var(--color-neutral-900);--emr-mchart-pie-legend-item-hover-color: var(--color-primary);--emr-mchart-pie-value-color: var(--color-neutral-950);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host:has(.data-item.active) ::ng-deep .data-item:not(.active){opacity:.7;scale:.93;transition:scale .2s}:host ::ng-deep .data-item{stroke:var(--emr-mchart-pie-stroke-color)}:host ::ng-deep .value{text-anchor:middle;alignment-baseline:middle;fill:var(--emr-mchart-pie-value-color)}:host ::ng-deep .legend-item{cursor:pointer}:host ::ng-deep .legend-item:hover .legend-item-text{fill:var(--emr-mchart-pie-legend-item-hover-color)}:host ::ng-deep .legend-item-text{fill:var(--emr-mchart-pie-legend-item-color)}:host-context(html.dark){--emr-mchart-pie-legend-item-color: var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartPieComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: MchartPieComponent, isStandalone: true, selector: "emr-mchart-pie", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, valueAccessor: { classPropertyName: "valueAccessor", publicName: "valueAccessor", isSignal: true, isRequired: false, transformFunction: null }, dataItemStrokeWidth: { classPropertyName: "dataItemStrokeWidth", publicName: "dataItemStrokeWidth", isSignal: true, isRequired: false, transformFunction: null }, legendContainerWidth: { classPropertyName: "legendContainerWidth", publicName: "legendContainerWidth", isSignal: true, isRequired: false, transformFunction: null }, showDataAnimation: { classPropertyName: "showDataAnimation", publicName: "showDataAnimation", isSignal: true, isRequired: false, transformFunction: null }, showValueOnSlices: { classPropertyName: "showValueOnSlices", publicName: "showValueOnSlices", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, legendOffset: { classPropertyName: "legendOffset", publicName: "legendOffset", isSignal: true, isRequired: false, transformFunction: null }, legendItemHeight: { classPropertyName: "legendItemHeight", publicName: "legendItemHeight", isSignal: true, isRequired: false, transformFunction: null }, legendItemSymbolSize: { classPropertyName: "legendItemSymbolSize", publicName: "legendItemSymbolSize", isSignal: true, isRequired: false, transformFunction: null }, legendItemFontSize: { classPropertyName: "legendItemFontSize", publicName: "legendItemFontSize", isSignal: true, isRequired: false, transformFunction: null }, legendItemSymbolBorderRadius: { classPropertyName: "legendItemSymbolBorderRadius", publicName: "legendItemSymbolBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, valueFontSize: { classPropertyName: "valueFontSize", publicName: "valueFontSize", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-mchart-pie" }, exportAs: ["emrMchartPie"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg></svg>\n", styles: [":host{--emr-mchart-pie-stroke-color: var(--color-background);--emr-mchart-pie-legend-item-color: var(--color-neutral-900);--emr-mchart-pie-legend-item-hover-color: var(--color-primary);--emr-mchart-pie-value-color: var(--color-neutral-950);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host:has(.data-item.active) ::ng-deep .data-item:not(.active){opacity:.7;scale:.93;transition:scale .2s}:host ::ng-deep .data-item{stroke:var(--emr-mchart-pie-stroke-color)}:host ::ng-deep .value{text-anchor:middle;alignment-baseline:middle;fill:var(--emr-mchart-pie-value-color)}:host ::ng-deep .legend-item{cursor:pointer}:host ::ng-deep .legend-item:hover .legend-item-text{fill:var(--emr-mchart-pie-legend-item-hover-color)}:host ::ng-deep .legend-item-text{fill:var(--emr-mchart-pie-legend-item-color)}:host-context(html.dark){--emr-mchart-pie-legend-item-color: var(--color-neutral-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartPieComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartPieComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-pie', exportAs: 'emrMchartPie', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-mchart-pie'
-                    }, template: "<svg></svg>\n", styles: [":host{--emr-mchart-pie-stroke-color: var(--color-background);--emr-mchart-pie-legend-item-color: var(--color-neutral-900);--emr-mchart-pie-legend-item-hover-color: var(--color-primary);--emr-mchart-pie-value-color: var(--color-neutral-950);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host:has(.data-item.active) ::ng-deep .data-item:not(.active){opacity:.7;scale:.93;transition:scale .2s}:host ::ng-deep .data-item{stroke:var(--emr-mchart-pie-stroke-color)}:host ::ng-deep .value{text-anchor:middle;alignment-baseline:middle;fill:var(--emr-mchart-pie-value-color)}:host ::ng-deep .legend-item{cursor:pointer}:host ::ng-deep .legend-item:hover .legend-item-text{fill:var(--emr-mchart-pie-legend-item-hover-color)}:host ::ng-deep .legend-item-text{fill:var(--emr-mchart-pie-legend-item-color)}:host-context(html.dark){--emr-mchart-pie-legend-item-color: var(--color-neutral-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<svg></svg>\n", styles: [":host{--emr-mchart-pie-stroke-color: var(--color-background);--emr-mchart-pie-legend-item-color: var(--color-neutral-900);--emr-mchart-pie-legend-item-hover-color: var(--color-primary);--emr-mchart-pie-value-color: var(--color-neutral-950);display:block;overflow:hidden}:host svg{width:100%;height:100%}:host:has(.data-item.active) ::ng-deep .data-item:not(.active){opacity:.7;scale:.93;transition:scale .2s}:host ::ng-deep .data-item{stroke:var(--emr-mchart-pie-stroke-color)}:host ::ng-deep .value{text-anchor:middle;alignment-baseline:middle;fill:var(--emr-mchart-pie-value-color)}:host ::ng-deep .legend-item{cursor:pointer}:host ::ng-deep .legend-item:hover .legend-item-text{fill:var(--emr-mchart-pie-legend-item-hover-color)}:host ::ng-deep .legend-item-text{fill:var(--emr-mchart-pie-legend-item-color)}:host-context(html.dark){--emr-mchart-pie-legend-item-color: var(--color-neutral-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], valueAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueAccessor", required: false }] }], dataItemStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataItemStrokeWidth", required: false }] }], legendContainerWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendContainerWidth", required: false }] }], showDataAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDataAnimation", required: false }] }], showValueOnSlices: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueOnSlices", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], legendOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendOffset", required: false }] }], legendItemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemHeight", required: false }] }], legendItemSymbolSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemSymbolSize", required: false }] }], legendItemFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemFontSize", required: false }] }], legendItemSymbolBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendItemSymbolBorderRadius", required: false }] }], valueFontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFontSize", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }] } });
 
 class MchartTooltipComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: MchartTooltipComponent, isStandalone: true, selector: "emr-mchart-tooltip", host: { classAttribute: "emr-mchart-tooltip" }, exportAs: ["emrMchartTooltip"], ngImport: i0, template: "<div class=\"title\">\n  <ng-content select=\"emr-mchart-tooltip-title\"></ng-content>\n</div>\n<div class=\"body\">\n  <ng-content select=\"emr-mchart-tooltip-body\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:.5rem;background:#fff;font-size:var(--text-xs);overflow:hidden}:host .title:empty{display:none}:host .body:empty{display:none}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MchartTooltipComponent, isStandalone: true, selector: "emr-mchart-tooltip", host: { classAttribute: "emr-mchart-tooltip" }, exportAs: ["emrMchartTooltip"], ngImport: i0, template: "<div class=\"title\">\n  <ng-content select=\"emr-mchart-tooltip-title\"></ng-content>\n</div>\n<div class=\"body\">\n  <ng-content select=\"emr-mchart-tooltip-body\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:.5rem;background:#fff;font-size:var(--text-xs);overflow:hidden}:host .title:empty{display:none}:host .body:empty{display:none}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-tooltip', exportAs: 'emrMchartTooltip', host: {
                         'class': 'emr-mchart-tooltip'
-                    }, template: "<div class=\"title\">\n  <ng-content select=\"emr-mchart-tooltip-title\"></ng-content>\n</div>\n<div class=\"body\">\n  <ng-content select=\"emr-mchart-tooltip-body\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:.5rem;background:#fff;font-size:var(--text-xs);overflow:hidden}:host .title:empty{display:none}:host .body:empty{display:none}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-800)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"title\">\n  <ng-content select=\"emr-mchart-tooltip-title\"></ng-content>\n</div>\n<div class=\"body\">\n  <ng-content select=\"emr-mchart-tooltip-body\"></ng-content>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:.5rem;background:#fff;font-size:var(--text-xs);overflow:hidden}:host .title:empty{display:none}:host .body:empty{display:none}:host-context(html.dark){background:var(--color-tertiary-200);color:var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class MchartTooltipTitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: MchartTooltipTitleComponent, isStandalone: true, selector: "emr-mchart-tooltip-title", host: { classAttribute: "emr-mchart-tooltip-title" }, exportAs: ["emrMchartTooltipTitle"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background:var(--color-neutral-200);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-weight:500}:host-context(html.dark){background:var(--color-neutral-300);color:var(--color-neutral-900)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MchartTooltipTitleComponent, isStandalone: true, selector: "emr-mchart-tooltip-title", host: { classAttribute: "emr-mchart-tooltip-title" }, exportAs: ["emrMchartTooltipTitle"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background:var(--color-neutral-200);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-weight:500}:host-context(html.dark){background:var(--color-neutral-300);color:var(--color-neutral-900)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-tooltip-title', exportAs: 'emrMchartTooltipTitle', host: {
                         'class': 'emr-mchart-tooltip-title'
-                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background:var(--color-neutral-200);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-weight:500}:host-context(html.dark){background:var(--color-neutral-300);color:var(--color-neutral-900)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background:var(--color-neutral-200);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);font-weight:500}:host-context(html.dark){background:var(--color-neutral-300);color:var(--color-neutral-900)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class MchartTooltipBodyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: MchartTooltipBodyComponent, isStandalone: true, selector: "emr-mchart-tooltip-body", host: { classAttribute: "emr-mchart-tooltip-body" }, exportAs: ["emrMchartTooltipBody"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: MchartTooltipBodyComponent, isStandalone: true, selector: "emr-mchart-tooltip-body", host: { classAttribute: "emr-mchart-tooltip-body" }, exportAs: ["emrMchartTooltipBody"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MchartTooltipBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: MchartTooltipBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-mchart-tooltip-body', exportAs: 'emrMchartTooltipBody', host: {
                         'class': 'emr-mchart-tooltip-body'
-                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 /**