@eagami/ui 5.50.0 → 5.52.0

package/fesm2022/eagami-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { CSP_NONCE, ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, HostBinding, HostListener, Injectable, InjectionToken, Injector, PLATFORM_ID, Renderer2, RendererStyleFlags2, TemplateRef, ViewContainerRef, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, contentChild, effect, forwardRef, inject, input, makeEnvironmentProviders, model, output, provideEnvironmentInitializer, signal, untracked, viewChild, viewChildren } from "@angular/core";
+import { CSP_NONCE, ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, HostBinding, HostListener, Injectable, InjectionToken, Injector, PLATFORM_ID, Renderer2, RendererStyleFlags2, TemplateRef, ViewContainerRef, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, contentChild, effect, forwardRef, inject, input, linkedSignal, makeEnvironmentProviders, model, output, provideEnvironmentInitializer, signal, untracked, viewChild, viewChildren } from "@angular/core";
 import { NgClass, NgComponentOutlet, NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import { NG_VALUE_ACCESSOR, NgControl, TouchedChangeEvent } from "@angular/forms";
 const EAGAMI_I18N_CONFIG = new InjectionToken("EAGAMI_I18N_CONFIG");
@@ -407,6 +407,18 @@ const ar = {
 			tooLarge: (maxMb) => `الملف يتجاوز حد ${maxMb} MB`
 		},
 		breadcrumbs: { label: "مسار التنقل" },
+		chart: {
+			roleDescription: "مخطط",
+			lineChart: "مخطط خطي",
+			barChart: "مخطط شريطي",
+			pieChart: "مخطط دائري",
+			category: "الفئة",
+			value: "القيمة",
+			share: "النسبة",
+			noData: "لا توجد بيانات",
+			point: (series, label, value) => `${series}، ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}، ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `رمز التحقق، ${length} أرقام`,
 			digitLabel: (index, length) => `الرقم ${index} من ${length}`
@@ -604,6 +616,18 @@ const de = {
 			tooLarge: (maxMb) => `Datei überschreitet das Limit von ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Brotkrümelnavigation" },
+		chart: {
+			roleDescription: "Diagramm",
+			lineChart: "Liniendiagramm",
+			barChart: "Balkendiagramm",
+			pieChart: "Kreisdiagramm",
+			category: "Kategorie",
+			value: "Wert",
+			share: "Anteil",
+			noData: "Keine Daten",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Bestätigungscode, ${length} Ziffern`,
 			digitLabel: (index, length) => `Ziffer ${index} von ${length}`
@@ -801,6 +825,18 @@ const el = {
 			tooLarge: (maxMb) => `Το αρχείο υπερβαίνει το όριο των ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Διαδρομή πλοήγησης" },
+		chart: {
+			roleDescription: "γράφημα",
+			lineChart: "Γράφημα γραμμών",
+			barChart: "Ραβδόγραμμα",
+			pieChart: "Κυκλικό διάγραμμα",
+			category: "Κατηγορία",
+			value: "Τιμή",
+			share: "Μερίδιο",
+			noData: "Δεν υπάρχουν δεδομένα",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Κωδικός επαλήθευσης, ${length} ψηφία`,
 			digitLabel: (index, length) => `Ψηφίο ${index} από ${length}`
@@ -998,6 +1034,18 @@ const en = {
 			tooLarge: (maxMb) => `File exceeds ${maxMb} MB limit`
 		},
 		breadcrumbs: { label: "Breadcrumb" },
+		chart: {
+			roleDescription: "chart",
+			lineChart: "Line chart",
+			barChart: "Bar chart",
+			pieChart: "Pie chart",
+			category: "Category",
+			value: "Value",
+			share: "Share",
+			noData: "No data",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Verification code, ${length} digits`,
 			digitLabel: (index, length) => `Digit ${index} of ${length}`
@@ -1195,6 +1243,18 @@ const esES = {
 			tooLarge: (maxMb) => `El archivo supera el límite de ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Ruta de navegación" },
+		chart: {
+			roleDescription: "gráfico",
+			lineChart: "Gráfico de líneas",
+			barChart: "Gráfico de barras",
+			pieChart: "Gráfico circular",
+			category: "Categoría",
+			value: "Valor",
+			share: "Proporción",
+			noData: "Sin datos",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Código de verificación, ${length} dígitos`,
 			digitLabel: (index, length) => `Dígito ${index} de ${length}`
@@ -1392,6 +1452,18 @@ const frFR = {
 			tooLarge: (maxMb) => `Le fichier dépasse la limite de ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Fil d'Ariane" },
+		chart: {
+			roleDescription: "graphique",
+			lineChart: "Graphique linéaire",
+			barChart: "Graphique à barres",
+			pieChart: "Graphique circulaire",
+			category: "Catégorie",
+			value: "Valeur",
+			share: "Part",
+			noData: "Aucune donnée",
+			point: (series, label, value) => `${series}, ${label} : ${value}`,
+			slice: (label, value, percent) => `${label} : ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Code de vérification, ${length} chiffres`,
 			digitLabel: (index, length) => `Chiffre ${index} sur ${length}`
@@ -1589,6 +1661,18 @@ const he = {
 			tooLarge: (maxMb) => `הקובץ חורג ממגבלת ${maxMb} MB`
 		},
 		breadcrumbs: { label: "נתיב ניווט" },
+		chart: {
+			roleDescription: "תרשים",
+			lineChart: "תרשים קווי",
+			barChart: "תרשים עמודות",
+			pieChart: "תרשים עוגה",
+			category: "קטגוריה",
+			value: "ערך",
+			share: "נתח",
+			noData: "אין נתונים",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `קוד אימות, ${length} ספרות`,
 			digitLabel: (index, length) => `ספרה ${index} מתוך ${length}`
@@ -1786,6 +1870,18 @@ const hi = {
 			tooLarge: (maxMb) => `फ़ाइल ${maxMb} MB की सीमा से अधिक है`
 		},
 		breadcrumbs: { label: "ब्रेडक्रंब" },
+		chart: {
+			roleDescription: "चार्ट",
+			lineChart: "लाइन चार्ट",
+			barChart: "बार चार्ट",
+			pieChart: "पाई चार्ट",
+			category: "श्रेणी",
+			value: "मान",
+			share: "हिस्सा",
+			noData: "कोई डेटा नहीं",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `सत्यापन कोड, ${length} अंक`,
 			digitLabel: (index, length) => `${length} में से अंक ${index}`
@@ -1983,6 +2079,18 @@ const is = {
 			tooLarge: (maxMb) => `Skráin fer yfir ${maxMb} MB mörkin`
 		},
 		breadcrumbs: { label: "Brauðmolaslóð" },
+		chart: {
+			roleDescription: "graf",
+			lineChart: "Línurit",
+			barChart: "Súlurit",
+			pieChart: "Kökurit",
+			category: "Flokkur",
+			value: "Gildi",
+			share: "Hlutfall",
+			noData: "Engin gögn",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Staðfestingarkóði, ${length} tölustafir`,
 			digitLabel: (index, length) => `Tölustafur ${index} af ${length}`
@@ -2180,6 +2288,18 @@ const nl = {
 			tooLarge: (maxMb) => `Bestand overschrijdt de limiet van ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Broodkruimelnavigatie" },
+		chart: {
+			roleDescription: "grafiek",
+			lineChart: "Lijndiagram",
+			barChart: "Staafdiagram",
+			pieChart: "Cirkeldiagram",
+			category: "Categorie",
+			value: "Waarde",
+			share: "Aandeel",
+			noData: "Geen gegevens",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Verificatiecode, ${length} cijfers`,
 			digitLabel: (index, length) => `Cijfer ${index} van ${length}`
@@ -2377,6 +2497,18 @@ const pl = {
 			tooLarge: (maxMb) => `Plik przekracza limit ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Ścieżka nawigacji" },
+		chart: {
+			roleDescription: "wykres",
+			lineChart: "Wykres liniowy",
+			barChart: "Wykres słupkowy",
+			pieChart: "Wykres kołowy",
+			category: "Kategoria",
+			value: "Wartość",
+			share: "Udział",
+			noData: "Brak danych",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Kod weryfikacyjny, ${length} cyfr`,
 			digitLabel: (index, length) => `Cyfra ${index} z ${length}`
@@ -2574,6 +2706,18 @@ const ptBR = {
 			tooLarge: (maxMb) => `O arquivo excede o limite de ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Trilha de navegação" },
+		chart: {
+			roleDescription: "gráfico",
+			lineChart: "Gráfico de linhas",
+			barChart: "Gráfico de barras",
+			pieChart: "Gráfico de pizza",
+			category: "Categoria",
+			value: "Valor",
+			share: "Participação",
+			noData: "Sem dados",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Código de verificação, ${length} dígitos`,
 			digitLabel: (index, length) => `Dígito ${index} de ${length}`
@@ -2771,6 +2915,18 @@ const ru = {
 			tooLarge: (maxMb) => `Файл превышает лимит ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Навигационная цепочка" },
+		chart: {
+			roleDescription: "диаграмма",
+			lineChart: "Линейный график",
+			barChart: "Столбчатая диаграмма",
+			pieChart: "Круговая диаграмма",
+			category: "Категория",
+			value: "Значение",
+			share: "Доля",
+			noData: "Нет данных",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Код подтверждения, ${length} цифр`,
 			digitLabel: (index, length) => `Цифра ${index} из ${length}`
@@ -2968,6 +3124,18 @@ const uk = {
 			tooLarge: (maxMb) => `Файл перевищує ліміт ${maxMb} MB`
 		},
 		breadcrumbs: { label: "Навігаційний ланцюжок" },
+		chart: {
+			roleDescription: "діаграма",
+			lineChart: "Лінійний графік",
+			barChart: "Стовпчикова діаграма",
+			pieChart: "Кругова діаграма",
+			category: "Категорія",
+			value: "Значення",
+			share: "Частка",
+			noData: "Немає даних",
+			point: (series, label, value) => `${series}, ${label}: ${value}`,
+			slice: (label, value, percent) => `${label}: ${value}, ${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `Код підтвердження, ${length} цифр`,
 			digitLabel: (index, length) => `Цифра ${index} з ${length}`
@@ -3165,6 +3333,18 @@ const zhCN = {
 			tooLarge: (maxMb) => `文件超过 ${maxMb} MB 限制`
 		},
 		breadcrumbs: { label: "面包屑导航" },
+		chart: {
+			roleDescription: "图表",
+			lineChart: "折线图",
+			barChart: "柱状图",
+			pieChart: "饼图",
+			category: "类别",
+			value: "数值",
+			share: "占比",
+			noData: "无数据",
+			point: (series, label, value) => `${series}，${label}：${value}`,
+			slice: (label, value, percent) => `${label}：${value}，${percent}`
+		},
 		codeInput: {
 			groupLabel: (length) => `验证码，共 ${length} 位`,
 			digitLabel: (index, length) => `第 ${index} 位，共 ${length} 位`
@@ -3738,6 +3918,7 @@ var AccordionItemComponent = class AccordionItemComponent {
 	accordion = inject(AccordionComponent);
 	value = input.required(...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
 	label = input.required(...ngDevMode ? [{ debugName: "label" }] : 	/* istanbul ignore next */ []);
+	icon = input(void 0, ...ngDevMode ? [{ debugName: "icon" }] : 	/* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : 	/* istanbul ignore next */ []);
 	id = input(uniqueId("ea-accordion-item"), ...ngDevMode ? [{ debugName: "id" }] : 	/* istanbul ignore next */ []);
 	isExpanded = computed(() => this.accordion.isExpanded(this.value()), ...ngDevMode ? [{ debugName: "isExpanded" }] : 	/* istanbul ignore next */ []);
@@ -3782,6 +3963,13 @@ var AccordionItemComponent = class AccordionItemComponent {
 				isRequired: true,
 				transformFunction: null
 			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			disabled: {
 				classPropertyName: "disabled",
 				publicName: "disabled",
@@ -3798,12 +3986,25 @@ var AccordionItemComponent = class AccordionItemComponent {
 			}
 		},
 		ngImport: i0,
-		template: "<div\n  class=\"ea-accordion-item ea-accordion-item--{{ size() }}\"\n  [class.ea-accordion-item--expanded]=\"isExpanded()\"\n  [class.ea-accordion-item--disabled]=\"disabled()\">\n  <div\n    class=\"ea-accordion-item__header\"\n    role=\"heading\"\n    [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"ea-accordion-item__trigger\"\n      type=\"button\"\n      [id]=\"id() + '-trigger'\"\n      [attr.aria-expanded]=\"isExpanded()\"\n      [attr.aria-controls]=\"id() + '-content'\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\">\n      <span class=\"ea-accordion-item__label\">{{ label() }}</span>\n      <ea-icon-chevron-down\n        class=\"ea-accordion-item__chevron\"\n        aria-hidden=\"true\" />\n    </button>\n  </div>\n  @if (isExpanded()) {\n    <div\n      class=\"ea-accordion-item__content\"\n      role=\"region\"\n      [id]=\"id() + '-content'\"\n      [attr.aria-labelledby]=\"id() + '-trigger'\">\n      <ng-content />\n    </div>\n  }\n</div>\n",
-		styles: [".ea-accordion-item{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-accordion-item:last-child{border-bottom:none}.ea-accordion-item--2xs{font-size:var(--font-size-2xs)}.ea-accordion-item--xs{font-size:var(--font-size-xs)}.ea-accordion-item--sm{font-size:var(--font-size-sm)}.ea-accordion-item--md{font-size:var(--font-size-md)}.ea-accordion-item--lg{font-size:var(--font-size-lg)}.ea-accordion-item--xl{font-size:var(--font-size-xl)}.ea-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:.75em;width:100%;padding:.75em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-align:start;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-accordion-item__trigger:hover:not(:disabled){background-color:var(--color-state-hover)}.ea-accordion-item__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-accordion-item__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-accordion-item__trigger:disabled{opacity:.5;cursor:default}.ea-accordion-item__chevron{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-out)}.ea-accordion-item--expanded .ea-accordion-item__chevron{transform:rotate(180deg)}.ea-accordion-item__content{padding:.5em 1em 1em;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-accordion-item--disabled{opacity:.5}\n"],
+		template: "<div\n  class=\"ea-accordion-item ea-accordion-item--{{ size() }}\"\n  [class.ea-accordion-item--expanded]=\"isExpanded()\"\n  [class.ea-accordion-item--disabled]=\"disabled()\">\n  <div\n    class=\"ea-accordion-item__header\"\n    role=\"heading\"\n    [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"ea-accordion-item__trigger\"\n      type=\"button\"\n      [id]=\"id() + '-trigger'\"\n      [attr.aria-expanded]=\"isExpanded()\"\n      [attr.aria-controls]=\"id() + '-content'\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\">\n      @if (icon(); as leadingIcon) {\n        <span\n          class=\"ea-accordion-item__icon\"\n          aria-hidden=\"true\">\n          <ng-container *ngComponentOutlet=\"leadingIcon\" />\n        </span>\n      }\n      <span class=\"ea-accordion-item__label\">{{ label() }}</span>\n      <ea-icon-chevron-down\n        class=\"ea-accordion-item__chevron\"\n        aria-hidden=\"true\" />\n    </button>\n  </div>\n  @if (isExpanded()) {\n    <div\n      class=\"ea-accordion-item__content\"\n      role=\"region\"\n      [id]=\"id() + '-content'\"\n      [attr.aria-labelledby]=\"id() + '-trigger'\">\n      <ng-content />\n    </div>\n  }\n</div>\n",
+		styles: [".ea-accordion-item{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-accordion-item:last-child{border-bottom:none}.ea-accordion-item--2xs{font-size:var(--font-size-2xs)}.ea-accordion-item--xs{font-size:var(--font-size-xs)}.ea-accordion-item--sm{font-size:var(--font-size-sm)}.ea-accordion-item--md{font-size:var(--font-size-md)}.ea-accordion-item--lg{font-size:var(--font-size-lg)}.ea-accordion-item--xl{font-size:var(--font-size-xl)}.ea-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:.75em;width:100%;padding:.75em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-align:start;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-accordion-item__trigger:hover:not(:disabled){background-color:var(--color-state-hover)}.ea-accordion-item__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-accordion-item__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-accordion-item__trigger:disabled{opacity:.5;cursor:default}.ea-accordion-item__icon{display:inline-flex;flex-shrink:0;color:var(--color-text-secondary)}.ea-accordion-item__icon+.ea-accordion-item__label{flex-grow:1}.ea-accordion-item__chevron{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-out)}.ea-accordion-item--expanded .ea-accordion-item__chevron{transform:rotate(180deg)}.ea-accordion-item__content{padding:.5em 1em 1em;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-accordion-item--disabled{opacity:.5}\n"],
 		dependencies: [{
 			kind: "component",
 			type: ChevronDownIconComponent,
 			selector: "ea-icon-chevron-down"
+		}, {
+			kind: "directive",
+			type: NgComponentOutlet,
+			selector: "[ngComponentOutlet]",
+			inputs: [
+				"ngComponentOutlet",
+				"ngComponentOutletInputs",
+				"ngComponentOutletInjector",
+				"ngComponentOutletEnvironmentInjector",
+				"ngComponentOutletContent",
+				"ngComponentOutletNgModule"
+			],
+			exportAs: ["ngComponentOutlet"]
 		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
@@ -3817,10 +4018,10 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ea-accordion-item",
-			imports: [ChevronDownIconComponent],
+			imports: [ChevronDownIconComponent, NgComponentOutlet],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div\n  class=\"ea-accordion-item ea-accordion-item--{{ size() }}\"\n  [class.ea-accordion-item--expanded]=\"isExpanded()\"\n  [class.ea-accordion-item--disabled]=\"disabled()\">\n  <div\n    class=\"ea-accordion-item__header\"\n    role=\"heading\"\n    [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"ea-accordion-item__trigger\"\n      type=\"button\"\n      [id]=\"id() + '-trigger'\"\n      [attr.aria-expanded]=\"isExpanded()\"\n      [attr.aria-controls]=\"id() + '-content'\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\">\n      <span class=\"ea-accordion-item__label\">{{ label() }}</span>\n      <ea-icon-chevron-down\n        class=\"ea-accordion-item__chevron\"\n        aria-hidden=\"true\" />\n    </button>\n  </div>\n  @if (isExpanded()) {\n    <div\n      class=\"ea-accordion-item__content\"\n      role=\"region\"\n      [id]=\"id() + '-content'\"\n      [attr.aria-labelledby]=\"id() + '-trigger'\">\n      <ng-content />\n    </div>\n  }\n</div>\n",
-			styles: [".ea-accordion-item{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-accordion-item:last-child{border-bottom:none}.ea-accordion-item--2xs{font-size:var(--font-size-2xs)}.ea-accordion-item--xs{font-size:var(--font-size-xs)}.ea-accordion-item--sm{font-size:var(--font-size-sm)}.ea-accordion-item--md{font-size:var(--font-size-md)}.ea-accordion-item--lg{font-size:var(--font-size-lg)}.ea-accordion-item--xl{font-size:var(--font-size-xl)}.ea-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:.75em;width:100%;padding:.75em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-align:start;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-accordion-item__trigger:hover:not(:disabled){background-color:var(--color-state-hover)}.ea-accordion-item__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-accordion-item__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-accordion-item__trigger:disabled{opacity:.5;cursor:default}.ea-accordion-item__chevron{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-out)}.ea-accordion-item--expanded .ea-accordion-item__chevron{transform:rotate(180deg)}.ea-accordion-item__content{padding:.5em 1em 1em;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-accordion-item--disabled{opacity:.5}\n"]
+			template: "<div\n  class=\"ea-accordion-item ea-accordion-item--{{ size() }}\"\n  [class.ea-accordion-item--expanded]=\"isExpanded()\"\n  [class.ea-accordion-item--disabled]=\"disabled()\">\n  <div\n    class=\"ea-accordion-item__header\"\n    role=\"heading\"\n    [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"ea-accordion-item__trigger\"\n      type=\"button\"\n      [id]=\"id() + '-trigger'\"\n      [attr.aria-expanded]=\"isExpanded()\"\n      [attr.aria-controls]=\"id() + '-content'\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\">\n      @if (icon(); as leadingIcon) {\n        <span\n          class=\"ea-accordion-item__icon\"\n          aria-hidden=\"true\">\n          <ng-container *ngComponentOutlet=\"leadingIcon\" />\n        </span>\n      }\n      <span class=\"ea-accordion-item__label\">{{ label() }}</span>\n      <ea-icon-chevron-down\n        class=\"ea-accordion-item__chevron\"\n        aria-hidden=\"true\" />\n    </button>\n  </div>\n  @if (isExpanded()) {\n    <div\n      class=\"ea-accordion-item__content\"\n      role=\"region\"\n      [id]=\"id() + '-content'\"\n      [attr.aria-labelledby]=\"id() + '-trigger'\">\n      <ng-content />\n    </div>\n  }\n</div>\n",
+			styles: [".ea-accordion-item{border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-accordion-item:last-child{border-bottom:none}.ea-accordion-item--2xs{font-size:var(--font-size-2xs)}.ea-accordion-item--xs{font-size:var(--font-size-xs)}.ea-accordion-item--sm{font-size:var(--font-size-sm)}.ea-accordion-item--md{font-size:var(--font-size-md)}.ea-accordion-item--lg{font-size:var(--font-size-lg)}.ea-accordion-item--xl{font-size:var(--font-size-xl)}.ea-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:.75em;width:100%;padding:.75em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-align:start;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-accordion-item__trigger:hover:not(:disabled){background-color:var(--color-state-hover)}.ea-accordion-item__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-accordion-item__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-accordion-item__trigger:disabled{opacity:.5;cursor:default}.ea-accordion-item__icon{display:inline-flex;flex-shrink:0;color:var(--color-text-secondary)}.ea-accordion-item__icon+.ea-accordion-item__label{flex-grow:1}.ea-accordion-item__chevron{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-out)}.ea-accordion-item--expanded .ea-accordion-item__chevron{transform:rotate(180deg)}.ea-accordion-item__content{padding:.5em 1em 1em;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-accordion-item--disabled{opacity:.5}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -3840,6 +4041,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: true
 			}]
 		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
 		disabled: [{
 			type: i0.Input,
 			args: [{
@@ -6622,6 +6831,7 @@ var TooltipDirective = class TooltipDirective {
 	whenClipped = input(false, ...ngDevMode ? [{ debugName: "whenClipped" }] : 	/* istanbul ignore next */ []);
 	maxWidth = input(200, ...ngDevMode ? [{ debugName: "maxWidth" }] : 	/* istanbul ignore next */ []);
 	dismissDelay = input(150, ...ngDevMode ? [{ debugName: "dismissDelay" }] : 	/* istanbul ignore next */ []);
+	tooltipOpen = input(null, ...ngDevMode ? [{ debugName: "tooltipOpen" }] : 	/* istanbul ignore next */ []);
 	tooltipEl = null;
 	placedPosition = "top";
 	templateView = null;
@@ -6631,20 +6841,23 @@ var TooltipDirective = class TooltipDirective {
 	tooltipId = `ea-tooltip-${Math.random().toString(36).slice(2, 9)}`;
 	hoverMql = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(hover: hover)") : null;
 	showHandler = () => {
+		if (this.controlled()) return;
 		this.pointerInside = true;
 		this.show();
 	};
 	pointerLeaveHandler = () => {
+		if (this.controlled()) return;
 		this.pointerInside = false;
 		this.requestHide();
 	};
 	hideHandler = () => this.requestHide();
 	focusoutHandler = () => {
-		if (!this.pointerInside) this.requestHide();
+		if (!this.pointerInside && !this.controlled()) this.requestHide();
 	};
 	bubbleEnterHandler = () => this.cancelPendingHide();
 	supportsFocusVisible = typeof CSS !== "undefined" && CSS.supports?.("selector(:focus-visible)") === true;
 	focusHandler = (event) => {
+		if (this.controlled()) return;
 		const target = event.target;
 		if (!this.supportsFocusVisible || target.matches(":focus-visible")) this.show();
 	};
@@ -6675,6 +6888,15 @@ var TooltipDirective = class TooltipDirective {
 		native.addEventListener("focusout", this.focusoutHandler);
 		this.syncPointerListeners(this.hoverMql?.matches ?? true);
 		this.hoverMql?.addEventListener("change", this.hoverChangeHandler);
+		let wasControlled = false;
+		afterRenderEffect(() => {
+			const open = this.tooltipOpen();
+			if (open !== null || wasControlled) untracked(() => open ? this.show() : this.hide());
+			wasControlled = open !== null;
+		});
+	}
+	controlled() {
+		return this.tooltipOpen() !== null;
 	}
 	ngOnDestroy() {
 		const native = this.el.nativeElement;
@@ -6939,6 +7161,13 @@ var TooltipDirective = class TooltipDirective {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			tooltipOpen: {
+				classPropertyName: "tooltipOpen",
+				publicName: "tooltipOpen",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		ngImport: i0
@@ -7002,6 +7231,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "dismissDelay",
 				required: false
 			}]
+		}],
+		tooltipOpen: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipOpen",
+				required: false
+			}]
 		}]
 	}
 });
@@ -7697,7 +7934,8 @@ var AvatarEditorComponent = class AvatarEditorComponent {
 					"flip",
 					"whenClipped",
 					"maxWidth",
-					"dismissDelay"
+					"dismissDelay",
+					"tooltipOpen"
 				]
 			},
 			{
@@ -8145,7 +8383,7 @@ var BadgeComponent = class BadgeComponent {
 		},
 		ngImport: i0,
 		template: "<span\n  class=\"ea-badge\"\n  [ngClass]=\"hostClasses()\">\n  <ng-content />\n</span>\n",
-		styles: [".ea-badge{display:inline-flex;align-items:center;gap:.25em;padding:.25em .625em;white-space:nowrap;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-style:solid;border-width:var(--ea-badge-border-width, 0);border-color:var(--ea-badge-border-color, transparent);border-radius:var(--radius-full);forced-color-adjust:none}.ea-badge--xs{font-size:var(--ea-badge-font-size, var(--font-size-2xs))}.ea-badge--sm{font-size:var(--ea-badge-font-size, var(--font-size-xs))}.ea-badge--md{font-size:var(--ea-badge-font-size, var(--font-size-sm))}.ea-badge--lg{font-size:var(--ea-badge-font-size, var(--font-size-md))}.ea-badge--xl{font-size:var(--ea-badge-font-size, var(--font-size-lg))}.ea-badge--default{background-color:var(--ea-badge-background-color, var(--color-bg-muted));color:var(--ea-badge-color, var(--color-text-secondary))}.ea-badge--success{background-color:var(--ea-badge-background-color, var(--color-success-subtle));color:var(--ea-badge-color, var(--color-success-text))}.ea-badge--warning{background-color:var(--ea-badge-background-color, var(--color-warning-subtle));color:var(--ea-badge-color, var(--color-warning-text))}.ea-badge--error{background-color:var(--ea-badge-background-color, var(--color-error-subtle));color:var(--ea-badge-color, var(--color-error-text))}.ea-badge--info{background-color:var(--ea-badge-background-color, var(--color-info-subtle));color:var(--ea-badge-color, var(--color-info-text))}.ea-badge--uppercase{text-transform:uppercase}.ea-badge--pin{justify-content:center;box-sizing:border-box;min-width:var(--ea-badge-size, 1.8em);height:var(--ea-badge-size, 1.8em);padding:0 .375em;font-variant-numeric:tabular-nums}.ea-badge--pin.ea-badge--xs{font-size:var(--ea-badge-font-size, calc(var(--font-size-2xs) * .75))}.ea-badge--pin.ea-badge--sm{font-size:var(--ea-badge-font-size, calc(var(--font-size-xs) * .75))}.ea-badge--pin.ea-badge--md{font-size:var(--ea-badge-font-size, calc(var(--font-size-sm) * .75))}.ea-badge--pin.ea-badge--lg{font-size:var(--ea-badge-font-size, calc(var(--font-size-md) * .75))}.ea-badge--pin.ea-badge--xl{font-size:var(--ea-badge-font-size, calc(var(--font-size-lg) * .75))}\n"],
+		styles: [".ea-badge{display:inline-flex;align-items:center;gap:.25em;padding:.25em .625em;white-space:nowrap;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-style:solid;border-width:var(--ea-badge-border-width, 0);border-color:var(--ea-badge-border-color, transparent);border-radius:var(--radius-full);forced-color-adjust:none}.ea-badge--xs{font-size:var(--ea-badge-font-size, var(--font-size-xs))}.ea-badge--sm{font-size:var(--ea-badge-font-size, var(--font-size-sm))}.ea-badge--md{font-size:var(--ea-badge-font-size, var(--font-size-md))}.ea-badge--lg{font-size:var(--ea-badge-font-size, var(--font-size-lg))}.ea-badge--xl{font-size:var(--ea-badge-font-size, var(--font-size-xl))}.ea-badge--default{background-color:var(--ea-badge-background-color, var(--color-bg-muted));color:var(--ea-badge-color, var(--color-text-secondary))}.ea-badge--success{background-color:var(--ea-badge-background-color, var(--color-success-subtle));color:var(--ea-badge-color, var(--color-success-text))}.ea-badge--warning{background-color:var(--ea-badge-background-color, var(--color-warning-subtle));color:var(--ea-badge-color, var(--color-warning-text))}.ea-badge--error{background-color:var(--ea-badge-background-color, var(--color-error-subtle));color:var(--ea-badge-color, var(--color-error-text))}.ea-badge--info{background-color:var(--ea-badge-background-color, var(--color-info-subtle));color:var(--ea-badge-color, var(--color-info-text))}.ea-badge--uppercase{text-transform:uppercase}.ea-badge--pin{justify-content:center;box-sizing:border-box;min-width:var(--ea-badge-size, 1.8em);height:var(--ea-badge-size, 1.8em);padding:0 .375em;font-variant-numeric:tabular-nums}.ea-badge--pin.ea-badge--xs{font-size:var(--ea-badge-font-size, calc(var(--font-size-xs) * .75))}.ea-badge--pin.ea-badge--sm{font-size:var(--ea-badge-font-size, calc(var(--font-size-sm) * .75))}.ea-badge--pin.ea-badge--md{font-size:var(--ea-badge-font-size, calc(var(--font-size-md) * .75))}.ea-badge--pin.ea-badge--lg{font-size:var(--ea-badge-font-size, calc(var(--font-size-lg) * .75))}.ea-badge--pin.ea-badge--xl{font-size:var(--ea-badge-font-size, calc(var(--font-size-xl) * .75))}\n"],
 		dependencies: [{
 			kind: "directive",
 			type: NgClass,
@@ -8169,7 +8407,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			encapsulation: ViewEncapsulation.None,
 			template: "<span\n  class=\"ea-badge\"\n  [ngClass]=\"hostClasses()\">\n  <ng-content />\n</span>\n",
-			styles: [".ea-badge{display:inline-flex;align-items:center;gap:.25em;padding:.25em .625em;white-space:nowrap;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-style:solid;border-width:var(--ea-badge-border-width, 0);border-color:var(--ea-badge-border-color, transparent);border-radius:var(--radius-full);forced-color-adjust:none}.ea-badge--xs{font-size:var(--ea-badge-font-size, var(--font-size-2xs))}.ea-badge--sm{font-size:var(--ea-badge-font-size, var(--font-size-xs))}.ea-badge--md{font-size:var(--ea-badge-font-size, var(--font-size-sm))}.ea-badge--lg{font-size:var(--ea-badge-font-size, var(--font-size-md))}.ea-badge--xl{font-size:var(--ea-badge-font-size, var(--font-size-lg))}.ea-badge--default{background-color:var(--ea-badge-background-color, var(--color-bg-muted));color:var(--ea-badge-color, var(--color-text-secondary))}.ea-badge--success{background-color:var(--ea-badge-background-color, var(--color-success-subtle));color:var(--ea-badge-color, var(--color-success-text))}.ea-badge--warning{background-color:var(--ea-badge-background-color, var(--color-warning-subtle));color:var(--ea-badge-color, var(--color-warning-text))}.ea-badge--error{background-color:var(--ea-badge-background-color, var(--color-error-subtle));color:var(--ea-badge-color, var(--color-error-text))}.ea-badge--info{background-color:var(--ea-badge-background-color, var(--color-info-subtle));color:var(--ea-badge-color, var(--color-info-text))}.ea-badge--uppercase{text-transform:uppercase}.ea-badge--pin{justify-content:center;box-sizing:border-box;min-width:var(--ea-badge-size, 1.8em);height:var(--ea-badge-size, 1.8em);padding:0 .375em;font-variant-numeric:tabular-nums}.ea-badge--pin.ea-badge--xs{font-size:var(--ea-badge-font-size, calc(var(--font-size-2xs) * .75))}.ea-badge--pin.ea-badge--sm{font-size:var(--ea-badge-font-size, calc(var(--font-size-xs) * .75))}.ea-badge--pin.ea-badge--md{font-size:var(--ea-badge-font-size, calc(var(--font-size-sm) * .75))}.ea-badge--pin.ea-badge--lg{font-size:var(--ea-badge-font-size, calc(var(--font-size-md) * .75))}.ea-badge--pin.ea-badge--xl{font-size:var(--ea-badge-font-size, calc(var(--font-size-lg) * .75))}\n"]
+			styles: [".ea-badge{display:inline-flex;align-items:center;gap:.25em;padding:.25em .625em;white-space:nowrap;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border-style:solid;border-width:var(--ea-badge-border-width, 0);border-color:var(--ea-badge-border-color, transparent);border-radius:var(--radius-full);forced-color-adjust:none}.ea-badge--xs{font-size:var(--ea-badge-font-size, var(--font-size-xs))}.ea-badge--sm{font-size:var(--ea-badge-font-size, var(--font-size-sm))}.ea-badge--md{font-size:var(--ea-badge-font-size, var(--font-size-md))}.ea-badge--lg{font-size:var(--ea-badge-font-size, var(--font-size-lg))}.ea-badge--xl{font-size:var(--ea-badge-font-size, var(--font-size-xl))}.ea-badge--default{background-color:var(--ea-badge-background-color, var(--color-bg-muted));color:var(--ea-badge-color, var(--color-text-secondary))}.ea-badge--success{background-color:var(--ea-badge-background-color, var(--color-success-subtle));color:var(--ea-badge-color, var(--color-success-text))}.ea-badge--warning{background-color:var(--ea-badge-background-color, var(--color-warning-subtle));color:var(--ea-badge-color, var(--color-warning-text))}.ea-badge--error{background-color:var(--ea-badge-background-color, var(--color-error-subtle));color:var(--ea-badge-color, var(--color-error-text))}.ea-badge--info{background-color:var(--ea-badge-background-color, var(--color-info-subtle));color:var(--ea-badge-color, var(--color-info-text))}.ea-badge--uppercase{text-transform:uppercase}.ea-badge--pin{justify-content:center;box-sizing:border-box;min-width:var(--ea-badge-size, 1.8em);height:var(--ea-badge-size, 1.8em);padding:0 .375em;font-variant-numeric:tabular-nums}.ea-badge--pin.ea-badge--xs{font-size:var(--ea-badge-font-size, calc(var(--font-size-xs) * .75))}.ea-badge--pin.ea-badge--sm{font-size:var(--ea-badge-font-size, calc(var(--font-size-sm) * .75))}.ea-badge--pin.ea-badge--md{font-size:var(--ea-badge-font-size, calc(var(--font-size-md) * .75))}.ea-badge--pin.ea-badge--lg{font-size:var(--ea-badge-font-size, calc(var(--font-size-lg) * .75))}.ea-badge--pin.ea-badge--xl{font-size:var(--ea-badge-font-size, calc(var(--font-size-xl) * .75))}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -8207,6 +8445,904 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+function intlLocalizes(locale) {
+	try {
+		return new Intl.NumberFormat(locale).resolvedOptions().locale.split("-")[0] === locale.split("-")[0];
+	} catch {
+		return false;
+	}
+}
+function groupInteger(digits, sep, grouping) {
+	const primary = grouping[0] ?? 3;
+	const secondary = grouping[1] ?? primary;
+	if (digits.length <= primary) return digits;
+	let result = digits.slice(digits.length - primary);
+	let rest = digits.slice(0, digits.length - primary);
+	while (rest.length > 0) {
+		const take = Math.min(secondary, rest.length);
+		result = `${rest.slice(rest.length - take)}${sep}${result}`;
+		rest = rest.slice(0, rest.length - take);
+	}
+	return result;
+}
+function formatGroupedNumber(value, locale, format, options) {
+	if (intlLocalizes(locale)) return value.toLocaleString(locale, options);
+	if (!isFinite(value)) return String(value);
+	const magnitude = Math.abs(value).toString();
+	if (magnitude.includes("e") || magnitude.includes("E")) return value.toString();
+	const [intPart, fracPart] = magnitude.split(".");
+	const grouped = groupInteger(intPart, format.group, format.grouping);
+	const body = fracPart != null ? `${grouped}${format.decimal}${fracPart}` : grouped;
+	return value < 0 ? `-${body}` : body;
+}
+function chartColor(index, override) {
+	return override || `var(--color-chart-${index % 8 + 1})`;
+}
+function niceStep(span, maxTicks) {
+	const raw = span / Math.max(1, maxTicks);
+	const magnitude = Math.pow(10, Math.floor(Math.log10(raw)));
+	const fraction = raw / magnitude;
+	return (fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10) * magnitude;
+}
+function niceScale(min, max, maxTicks = 5) {
+	if (!isFinite(min) || !isFinite(max)) return {
+		min: 0,
+		max: 1,
+		ticks: [0, 1]
+	};
+	if (min === max) {
+		const pad = min === 0 ? 1 : Math.abs(min) * .5;
+		min -= min === 0 ? 0 : pad;
+		max += pad;
+	}
+	const step = niceStep(max - min, maxTicks);
+	const niceMin = Math.floor(min / step) * step;
+	const niceMax = Math.ceil(max / step) * step;
+	const ticks = [];
+	const precision = Math.max(0, -Math.floor(Math.log10(step)) + 1);
+	for (let tick = niceMin; tick <= niceMax + step / 2; tick += step) ticks.push(Number(tick.toFixed(precision)));
+	return {
+		min: niceMin,
+		max: niceMax,
+		ticks
+	};
+}
+function estimateTextWidth(text, fontPx) {
+	return text.length * fontPx * .6;
+}
+function injectChartViewport(size) {
+	const host = inject(ElementRef).nativeElement;
+	const destroyRef = inject(DestroyRef);
+	const width = signal(480, ...ngDevMode ? [{ debugName: "width" }] : 	/* istanbul ignore next */ []);
+	const fontSize = signal(16, ...ngDevMode ? [{ debugName: "fontSize" }] : 	/* istanbul ignore next */ []);
+	const measure = () => {
+		if (host.clientWidth > 0) width.set(host.clientWidth);
+		const font = parseFloat(getComputedStyle(host).fontSize);
+		if (font > 0) fontSize.set(font);
+	};
+	afterNextRender(() => {
+		if (typeof ResizeObserver !== "undefined") {
+			const observer = new ResizeObserver(measure);
+			observer.observe(host);
+			destroyRef.onDestroy(() => observer.disconnect());
+		}
+	});
+	afterRenderEffect(() => {
+		size();
+		measure();
+	});
+	return {
+		width: width.asReadonly(),
+		fontSize: fontSize.asReadonly()
+	};
+}
+function injectChartFormatter(formatValue) {
+	const i18n = inject(EagamiI18nService);
+	return computed(() => {
+		const custom = formatValue();
+		if (custom) return custom;
+		const locale = i18n.locale();
+		const format = i18n.messages().numberFormat;
+		return (value) => formatGroupedNumber(value, locale, format, { maximumFractionDigits: 2 });
+	});
+}
+function clamp$1(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+const CHART_LABEL_ANGLES = {
+	horizontal: 0,
+	diagonal: 45,
+	vertical: 90
+};
+const BREAK_HEIGHT = 2.5;
+function tickLength(axisPx) {
+	return axisPx * .4 + 2;
+}
+function labelRoom(text, angle, axisPx) {
+	if (angle === 0) return estimateTextWidth(text, axisPx) + axisPx;
+	return axisPx * 1.15 / Math.sin(angle * Math.PI / 180);
+}
+function labelBand(widest, angle, axisPx, height) {
+	if (!angle) return axisPx * 2.5 + 2 + 2;
+	const radians = angle * Math.PI / 180;
+	return Math.min(height / 2, axisPx * .8 + 2 + 2 + widest * Math.sin(radians) + axisPx * Math.cos(radians) + axisPx * .5);
+}
+function labelLine(axisY, angle, axisPx) {
+	return angle ? axisY + tickLength(axisPx) + 2 + axisPx * .4 : axisY + axisPx * 1.5 + 2 + 2;
+}
+function axisBreak(x, top, bottom, y, axisPx) {
+	const half = axisPx * .8;
+	const gap = axisPx * .35;
+	return {
+		axis: `M${x},${top}L${x},${y - gap}M${x},${y + gap}L${x},${bottom}`,
+		gap: {
+			x: x - half,
+			y: y - gap,
+			width: 2 * half,
+			height: 2 * gap
+		},
+		slashes: [-gap, gap].map((offset) => `M${x - half},${y + offset + half / 2}L${x + half},${y + offset - half / 2}`).join("")
+	};
+}
+const BAR_GAP = 2;
+const BAR_RADIUS = 4;
+function barPath(x, y, w, h, side) {
+	const r = side ? Math.max(0, side === "top" || side === "bottom" ? Math.min(BAR_RADIUS, w / 2, h) : Math.min(BAR_RADIUS, h / 2, w)) : 0;
+	const arc = (tx, ty) => `A${r},${r} 0 0 1 ${tx},${ty}`;
+	switch (r > 0 ? side : null) {
+		case "top": return `M${x},${y + h}V${y + r}${arc(x + r, y)}H${x + w - r}${arc(x + w, y + r)}V${y + h}Z`;
+		case "bottom": return `M${x},${y}H${x + w}V${y + h - r}${arc(x + w - r, y + h)}H${x + r}${arc(x, y + h - r)}Z`;
+		case "right": return `M${x},${y}H${x + w - r}${arc(x + w, y + r)}V${y + h - r}${arc(x + w - r, y + h)}H${x}Z`;
+		case "left": return `M${x + w},${y}V${y + h}H${x + r}${arc(x, y + h - r)}V${y + r}${arc(x + r, y)}Z`;
+		default: return `M${x},${y}H${x + w}V${y + h}H${x}Z`;
+	}
+}
+function truncate(text, maxWidth, fontPx) {
+	if (estimateTextWidth(text, fontPx) <= maxWidth) return text;
+	const chars = Math.max(1, Math.floor(maxWidth / (fontPx * .6)) - 1);
+	return `${text.slice(0, chars)}…`;
+}
+var BarChartComponent = class BarChartComponent {
+	i18n = inject(EagamiI18nService);
+	labels = input([], ...ngDevMode ? [{ debugName: "labels" }] : 	/* istanbul ignore next */ []);
+	series = input([], ...ngDevMode ? [{ debugName: "series" }] : 	/* istanbul ignore next */ []);
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : 	/* istanbul ignore next */ []);
+	stacked = input(false, ...ngDevMode ? [{ debugName: "stacked" }] : 	/* istanbul ignore next */ []);
+	showGrid = input(true, ...ngDevMode ? [{ debugName: "showGrid" }] : 	/* istanbul ignore next */ []);
+	showLegend = input(true, ...ngDevMode ? [{ debugName: "showLegend" }] : 	/* istanbul ignore next */ []);
+	showValues = input(false, ...ngDevMode ? [{ debugName: "showValues" }] : 	/* istanbul ignore next */ []);
+	xLabelOrientation = input("horizontal", ...ngDevMode ? [{ debugName: "xLabelOrientation" }] : 	/* istanbul ignore next */ []);
+	showAxisBreak = input(false, ...ngDevMode ? [{ debugName: "showAxisBreak" }] : 	/* istanbul ignore next */ []);
+	height = input(240, ...ngDevMode ? [{ debugName: "height" }] : 	/* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	animation = input("grow", ...ngDevMode ? [{ debugName: "animation" }] : 	/* istanbul ignore next */ []);
+	animationDuration = input(600, ...ngDevMode ? [{ debugName: "animationDuration" }] : 	/* istanbul ignore next */ []);
+	formatValue = input(null, ...ngDevMode ? [{ debugName: "formatValue" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(void 0, {
+		...ngDevMode ? { debugName: "ariaLabel" } : 		/* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	pointClick = output();
+	activePointChange = output();
+	viewport = injectChartViewport(this.size);
+	format = injectChartFormatter(this.formatValue);
+	active = signal(null, ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	label = computed(() => this.ariaLabel() || this.i18n.messages().chart.barChart, ...ngDevMode ? [{ debugName: "label" }] : 	/* istanbul ignore next */ []);
+	count = computed(() => Math.max(this.labels().length, ...this.series().map((s) => s.data.length), 0), ...ngDevMode ? [{ debugName: "count" }] : 	/* istanbul ignore next */ []);
+	hasData = computed(() => this.series().some((s) => s.data.some((v) => v != null && isFinite(v))), ...ngDevMode ? [{ debugName: "hasData" }] : 	/* istanbul ignore next */ []);
+	renderPass = computed(() => {
+		this.labels();
+		this.series();
+		this.orientation();
+		this.stacked();
+		this.animation();
+		this.animationDuration();
+		return [{}];
+	}, ...ngDevMode ? [{ debugName: "renderPass" }] : 	/* istanbul ignore next */ []);
+	hostClasses = computed(() => ({
+		[`ea-bar-chart--${this.size()}`]: true,
+		[`ea-bar-chart--${this.orientation()}`]: true,
+		[`ea-bar-chart--animate-${this.animation()}`]: true
+	}), ...ngDevMode ? [{ debugName: "hostClasses" }] : 	/* istanbul ignore next */ []);
+	layout = computed(() => {
+		const vertical = this.orientation() === "vertical";
+		const stacked = this.stacked();
+		const count = Math.max(1, this.count());
+		const series = this.series();
+		const width = this.viewport.width();
+		const height = this.height();
+		const fontPx = this.viewport.fontSize();
+		const axisPx = fontPx * .75;
+		const format = this.format();
+		const valueAt = (s, i) => {
+			const value = series[s]?.data[i];
+			return value == null || !isFinite(value) ? null : value;
+		};
+		let lo = 0;
+		let hi = 0;
+		let lowestTop = Infinity;
+		for (let i = 0; i < count; i++) {
+			let up = 0;
+			let down = 0;
+			series.forEach((_, s) => {
+				const value = valueAt(s, i) ?? 0;
+				if (stacked) {
+					up += Math.max(0, value);
+					down += Math.min(0, value);
+				} else {
+					up = Math.max(up, value);
+					down = Math.min(down, value);
+				}
+			});
+			hi = Math.max(hi, up);
+			lo = Math.min(lo, down);
+			if (stacked && up > 0) lowestTop = Math.min(lowestTop, up);
+		}
+		if (!stacked) {
+			for (const s of series) for (const value of s.data) if (value != null && isFinite(value) && value > 0) lowestTop = Math.min(lowestTop, value);
+		}
+		const breakable = vertical && this.showAxisBreak() && lo >= 0 && isFinite(lowestTop);
+		const scaleLo = breakable ? lowestTop : lo;
+		const labelTexts = Array.from({ length: count }, (_, i) => this.labels()[i] ?? "");
+		const valueRoom = this.showValues() ? axisPx * 1.5 : 0;
+		const provisionalTicks = niceScale(scaleLo, hi).ticks.map(format);
+		const widestTick = Math.max(0, ...provisionalTicks.map((t) => estimateTextWidth(t, axisPx)));
+		let left;
+		let right;
+		let top;
+		let bottom;
+		let categoryText;
+		let angle = 0;
+		if (vertical) {
+			left = widestTick + axisPx;
+			right = axisPx / 2;
+			top = axisPx + valueRoom;
+			categoryText = labelTexts;
+			const orientation = this.xLabelOrientation();
+			const band = Math.max(1, width - left - right) / count;
+			angle = orientation === "auto" ? [
+				0,
+				45,
+				90
+			].find((a) => labelTexts.every((t) => labelRoom(t, a, axisPx) <= band)) ?? 90 : CHART_LABEL_ANGLES[orientation];
+			bottom = labelBand(Math.max(0, ...labelTexts.map((t) => estimateTextWidth(t, axisPx))), angle, axisPx, height);
+		} else {
+			const maxLabel = width * .3;
+			categoryText = labelTexts.map((t) => truncate(t, maxLabel, axisPx));
+			left = Math.max(0, ...categoryText.map((t) => estimateTextWidth(t, axisPx))) + axisPx;
+			right = Math.max(widestTick / 2, this.showValues() ? widestTick + axisPx : 0) + axisPx / 2;
+			top = axisPx / 2;
+			bottom = axisPx * 2.5;
+		}
+		const plotWidth = Math.max(1, width - left - right);
+		const plotHeight = Math.max(1, height - top - bottom);
+		const scale = niceScale(scaleLo, hi, Math.max(2, Math.floor((vertical ? plotHeight : plotWidth) / (vertical ? axisPx * 3 : widestTick + axisPx * 2))));
+		let { min } = scale;
+		const { max } = scale;
+		const scaleTicks = [...scale.ticks];
+		if (breakable && min > 0) {
+			const step = scaleTicks[1] - scaleTicks[0];
+			const clearance = axisPx * 6;
+			const px = (value) => value / (max - min || 1) * plotHeight;
+			for (let steps = 0; steps < 6 && min > 0 && px(lowestTop - min) < clearance; steps++) {
+				min = Number((min - step).toPrecision(12));
+				scaleTicks.unshift(min);
+			}
+		}
+		const axisY = top + plotHeight;
+		const breakY = breakable && min > 0 ? axisY - axisPx * BREAK_HEIGHT : null;
+		const valuePos = (v) => {
+			const t = (clamp$1(v, min, max) - min) / (max - min || 1);
+			return vertical ? top + (1 - t) * plotHeight : left + t * plotWidth;
+		};
+		const baseline = valuePos(clamp$1(0, min, max));
+		const categoryLength = vertical ? plotWidth : plotHeight;
+		const categoryStart = vertical ? left : top;
+		const band = categoryLength / count;
+		const thicknessCap = fontPx * 1.5;
+		const seriesCount = Math.max(1, series.length);
+		const thickness = stacked ? Math.min(band * .6, thicknessCap) : Math.max(1, Math.min((band * .75 - BAR_GAP * (seriesCount - 1)) / seriesCount, thicknessCap));
+		const groupWidth = stacked ? thickness : seriesCount * thickness + (seriesCount - 1) * BAR_GAP;
+		const duration = this.animationDuration();
+		const cascadeStep = count > 1 ? duration * .5 / (count - 1) : 0;
+		const bars = [];
+		const valueLabels = [];
+		const toRect = (cat0, v0, v1, side) => {
+			const [a, b] = [Math.min(v0, v1), Math.max(v0, v1)];
+			return vertical ? barPath(cat0, a, thickness, b - a, side) : barPath(a, cat0, b - a, thickness, side);
+		};
+		const labelFor = (cat0, tip, value, negative) => {
+			const offset = axisPx * .5;
+			const text = format(value);
+			return vertical ? {
+				x: cat0 + thickness / 2,
+				y: negative ? tip + offset + axisPx : tip - offset,
+				text,
+				anchor: "middle"
+			} : {
+				x: negative ? tip - offset : tip + offset,
+				y: cat0 + thickness / 2,
+				text,
+				anchor: negative ? "end" : "start"
+			};
+		};
+		for (let index = 0; index < count; index++) {
+			const bandStart = categoryStart + index * band + (band - groupWidth) / 2;
+			const delay = index * cascadeStep;
+			if (stacked) {
+				const segments = series.map((_, s) => ({
+					s,
+					value: valueAt(s, index)
+				})).filter((seg) => !!seg.value);
+				for (const direction of [1, -1]) {
+					const run = segments.filter((seg) => Math.sign(seg.value) === direction);
+					let sum = 0;
+					run.forEach((seg, i) => {
+						const from = valuePos(sum);
+						sum += seg.value;
+						const to = valuePos(sum);
+						const towardTip = Math.sign(to - from);
+						const start = i === 0 ? from : from + towardTip * BAR_GAP;
+						const side = i === run.length - 1 ? vertical ? direction > 0 ? "top" : "bottom" : direction > 0 ? "right" : "left" : null;
+						if (Math.abs(to - start) > 0) bars.push({
+							series: seg.s,
+							index,
+							value: seg.value,
+							color: chartColor(seg.s, series[seg.s].color),
+							path: toRect(bandStart, start, to, side),
+							delay
+						});
+					});
+					if (this.showValues() && run.length) valueLabels.push({
+						key: `${index}-${direction}`,
+						...labelFor(bandStart, valuePos(sum), sum, direction < 0)
+					});
+				}
+			} else series.forEach((s, seriesIndex) => {
+				const value = valueAt(seriesIndex, index);
+				if (value == null) return;
+				const cat0 = bandStart + seriesIndex * (thickness + BAR_GAP);
+				const tip = valuePos(value);
+				const negative = value < 0;
+				const side = vertical ? negative ? "bottom" : "top" : negative ? "left" : "right";
+				if (tip !== baseline) bars.push({
+					series: seriesIndex,
+					index,
+					value,
+					color: chartColor(seriesIndex, s.color),
+					path: toRect(cat0, baseline, tip, side),
+					delay
+				});
+				if (this.showValues()) valueLabels.push({
+					key: `${index}-${seriesIndex}`,
+					...labelFor(cat0, tip, value, negative)
+				});
+			});
+		}
+		const ticks = scaleTicks.filter((value) => value >= min).map((value) => ({
+			value,
+			text: format(value),
+			pos: valuePos(value)
+		})).filter((tick) => breakY == null || tick.pos < breakY - axisPx);
+		const widestRoom = Math.max(0, ...categoryText.map((t) => labelRoom(t, angle, axisPx)));
+		const labelStep = vertical ? Math.max(1, Math.ceil(widestRoom / band)) : 1;
+		const categories = categoryText.map((text, index) => ({
+			text,
+			index,
+			pos: categoryStart + (index + .5) * band
+		})).filter((c) => c.index % labelStep === 0);
+		return {
+			vertical,
+			width,
+			height,
+			top,
+			left,
+			plotWidth,
+			plotHeight,
+			baseline,
+			band,
+			categoryStart,
+			groupWidth,
+			thickness,
+			axisPx,
+			ticks,
+			categories,
+			bars,
+			valueLabels,
+			valuePos,
+			axisY,
+			tickEndY: axisY + tickLength(axisPx),
+			labelAngle: angle,
+			labelY: labelLine(axisY, angle, axisPx),
+			axisBreak: breakY == null ? null : axisBreak(left, top, axisY, breakY, axisPx)
+		};
+	}, ...ngDevMode ? [{ debugName: "layout" }] : 	/* istanbul ignore next */ []);
+	tooltip = computed(() => {
+		const active = this.active();
+		if (!active) return null;
+		const layout = this.layout();
+		const center = layout.categoryStart + (active.index + .5) * layout.band;
+		const tipValue = this.stacked() ? this.stackEnd(active.series, active.index) : this.valueAt(active.series, active.index) ?? 0;
+		const tip = layout.valuePos(tipValue);
+		const x = layout.vertical ? center : tip;
+		const y = layout.vertical ? Math.min(tip, layout.baseline) : center;
+		const rows = this.series().map((s, i) => ({
+			name: s.name,
+			color: chartColor(i, s.color),
+			value: this.tableValue(s.data[active.index]),
+			active: i === active.series
+		}));
+		return {
+			x,
+			y,
+			title: this.labels()[active.index] ?? "",
+			rows,
+			key: `${active.series}-${active.index}`
+		};
+	}, ...ngDevMode ? [{ debugName: "tooltip" }] : 	/* istanbul ignore next */ []);
+	tooltips = computed(() => {
+		const tip = this.tooltip();
+		return tip ? [tip] : [];
+	}, ...ngDevMode ? [{ debugName: "tooltips" }] : 	/* istanbul ignore next */ []);
+	announcement = computed(() => {
+		const event = this.eventFor(this.active());
+		return event ? this.i18n.messages().chart.point(event.seriesName, event.label, this.format()(event.value)) : "";
+	}, ...ngDevMode ? [{ debugName: "announcement" }] : 	/* istanbul ignore next */ []);
+	showsLegend = computed(() => this.showLegend() && this.series().length > 1, ...ngDevMode ? [{ debugName: "showsLegend" }] : 	/* istanbul ignore next */ []);
+	seriesColor(index) {
+		return chartColor(index, this.series()[index]?.color);
+	}
+	isDimmed(bar) {
+		const active = this.active();
+		return !!active && (active.series !== bar.series || active.index !== bar.index);
+	}
+	tableValue(value) {
+		return value == null || !isFinite(value) ? "–" : this.format()(value);
+	}
+	onPointerMove(event) {
+		const rect = event.currentTarget.getBoundingClientRect();
+		const layout = this.layout();
+		const px = event.clientX - rect.left;
+		const py = event.clientY - rect.top;
+		const along = layout.vertical ? px : py;
+		const across = layout.vertical ? py : px;
+		const index = Math.floor((along - layout.categoryStart) / layout.band);
+		if (index < 0 || index >= this.count()) {
+			this.setActive(null);
+			return;
+		}
+		const candidates = this.series().map((_, s) => s).filter((s) => this.valueAt(s, index) != null);
+		if (!candidates.length) {
+			this.setActive(null);
+			return;
+		}
+		let series;
+		if (this.stacked()) series = candidates.find((s) => {
+			const end = layout.valuePos(this.stackEnd(s, index));
+			const start = layout.valuePos(this.stackEnd(s, index) - (this.valueAt(s, index) ?? 0));
+			return across >= Math.min(start, end) && across <= Math.max(start, end);
+		}) ?? candidates[candidates.length - 1];
+		else {
+			const bandStart = layout.categoryStart + index * layout.band + (layout.band - layout.groupWidth) / 2;
+			const slot = Math.floor((along - bandStart) / (layout.thickness + BAR_GAP));
+			series = candidates.reduce((best, s) => Math.abs(s - slot) < Math.abs(best - slot) ? s : best);
+		}
+		this.setActive({
+			series,
+			index
+		});
+	}
+	onPointerLeave() {
+		this.setActive(null);
+	}
+	onClick() {
+		const event = this.eventFor(this.active());
+		if (event) this.pointClick.emit(event);
+	}
+	onFocus() {
+		if (!this.active()) this.setActive(this.firstIn(0, 1));
+	}
+	onBlur() {
+		this.setActive(null);
+	}
+	onKeydown(event) {
+		const vertical = this.orientation() === "vertical";
+		if (!this.active() && event.key.startsWith("Arrow")) {
+			event.preventDefault();
+			this.setActive(this.firstIn(0, 1));
+			return;
+		}
+		const active = this.active() ?? this.firstIn(0, 1);
+		if (!active) return;
+		const nextCategory = vertical ? "ArrowRight" : "ArrowDown";
+		const prevCategory = vertical ? "ArrowLeft" : "ArrowUp";
+		const nextSeries = vertical ? "ArrowUp" : "ArrowRight";
+		const prevSeries = vertical ? "ArrowDown" : "ArrowLeft";
+		let next = active;
+		switch (event.key) {
+			case nextCategory:
+				next = this.firstIn(active.index + 1, 1, active.series) ?? active;
+				break;
+			case prevCategory:
+				next = this.firstIn(active.index - 1, -1, active.series) ?? active;
+				break;
+			case "Home":
+				next = this.firstIn(0, 1, active.series) ?? active;
+				break;
+			case "End":
+				next = this.firstIn(this.count() - 1, -1, active.series) ?? active;
+				break;
+			case nextSeries:
+			case prevSeries: {
+				const step = event.key === nextSeries ? 1 : -1;
+				const seriesCount = this.series().length;
+				for (let hop = 1; hop < seriesCount; hop++) {
+					const series = (active.series + step * hop + seriesCount) % seriesCount;
+					if (this.valueAt(series, active.index) != null) {
+						next = {
+							series,
+							index: active.index
+						};
+						break;
+					}
+				}
+				break;
+			}
+			case "Enter":
+			case " ":
+				this.onClick();
+				break;
+			case "Escape":
+				next = null;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		this.setActive(next);
+	}
+	valueAt(series, index) {
+		const value = this.series()[series]?.data[index];
+		return value == null || !isFinite(value) ? null : value;
+	}
+	stackEnd(series, index) {
+		const own = this.valueAt(series, index) ?? 0;
+		let sum = 0;
+		for (let s = 0; s <= series; s++) {
+			const value = this.valueAt(s, index) ?? 0;
+			if (Math.sign(value) === Math.sign(own)) sum += value;
+		}
+		return sum;
+	}
+	firstIn(index, step, series) {
+		for (let i = index; i >= 0 && i < this.count(); i += step) {
+			if (series !== void 0 && this.valueAt(series, i) != null) return {
+				series,
+				index: i
+			};
+			const any = this.series().findIndex((_, s) => this.valueAt(s, i) != null);
+			if (any !== -1) return {
+				series: any,
+				index: i
+			};
+		}
+		return null;
+	}
+	eventFor(active) {
+		if (!active) return null;
+		const value = this.valueAt(active.series, active.index);
+		if (value == null) return null;
+		return {
+			seriesIndex: active.series,
+			seriesName: this.series()[active.series].name,
+			index: active.index,
+			label: this.labels()[active.index] ?? "",
+			value
+		};
+	}
+	setActive(next) {
+		const current = this.active();
+		if (current?.series === next?.series && current?.index === next?.index) return;
+		this.active.set(next);
+		this.activePointChange.emit(this.eventFor(next));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BarChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: BarChartComponent,
+		isStandalone: true,
+		selector: "ea-bar-chart",
+		inputs: {
+			labels: {
+				classPropertyName: "labels",
+				publicName: "labels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stacked: {
+				classPropertyName: "stacked",
+				publicName: "stacked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showGrid: {
+				classPropertyName: "showGrid",
+				publicName: "showGrid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showValues: {
+				classPropertyName: "showValues",
+				publicName: "showValues",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			xLabelOrientation: {
+				classPropertyName: "xLabelOrientation",
+				publicName: "xLabelOrientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showAxisBreak: {
+				classPropertyName: "showAxisBreak",
+				publicName: "showAxisBreak",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animation: {
+				classPropertyName: "animation",
+				publicName: "animation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animationDuration: {
+				classPropertyName: "animationDuration",
+				publicName: "animationDuration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatValue: {
+				classPropertyName: "formatValue",
+				publicName: "formatValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			pointClick: "pointClick",
+			activePointChange: "activePointChange"
+		},
+		ngImport: i0,
+		template: "<div\n  class=\"ea-bar-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-bar-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      @for (pass of renderPass(); track pass) {\n        <svg\n          class=\"ea-bar-chart__svg\"\n          aria-hidden=\"true\"\n          [attr.width]=\"layout().width\"\n          [attr.height]=\"layout().height\"\n          [attr.viewBox]=\"'0 0 ' + layout().width + ' ' + layout().height\"\n          [style.--ea-bar-chart-baseline]=\"layout().baseline + 'px'\"\n          (pointermove)=\"onPointerMove($event)\"\n          (pointerdown)=\"onPointerMove($event)\"\n          (pointerleave)=\"onPointerLeave()\"\n          (click)=\"onClick()\">\n          <rect\n            class=\"ea-bar-chart__hit\"\n            [attr.x]=\"layout().left\"\n            [attr.y]=\"layout().top\"\n            [attr.width]=\"layout().plotWidth\"\n            [attr.height]=\"layout().plotHeight\" />\n          @for (tick of layout().ticks; track tick.value) {\n            @if (layout().vertical) {\n              @if (showGrid()) {\n                <line\n                  class=\"ea-bar-chart__grid\"\n                  [attr.x1]=\"layout().left\"\n                  [attr.x2]=\"layout().left + layout().plotWidth\"\n                  [attr.y1]=\"tick.pos\"\n                  [attr.y2]=\"tick.pos\" />\n              }\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"end\"\n                dominant-baseline=\"middle\"\n                [attr.x]=\"layout().left - layout().axisPx / 2\"\n                [attr.y]=\"tick.pos\">\n                {{ tick.text }}\n              </text>\n            } @else {\n              @if (showGrid()) {\n                <line\n                  class=\"ea-bar-chart__grid\"\n                  [attr.x1]=\"tick.pos\"\n                  [attr.x2]=\"tick.pos\"\n                  [attr.y1]=\"layout().top\"\n                  [attr.y2]=\"layout().top + layout().plotHeight\" />\n              }\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"middle\"\n                [attr.x]=\"tick.pos\"\n                [attr.y]=\"layout().top + layout().plotHeight + layout().axisPx * 1.5\">\n                {{ tick.text }}\n              </text>\n            }\n          }\n          @for (category of layout().categories; track category.index) {\n            @if (layout().vertical) {\n              <line\n                class=\"ea-bar-chart__x-tick\"\n                [attr.x1]=\"category.pos\"\n                [attr.x2]=\"category.pos\"\n                [attr.y1]=\"layout().axisY\"\n                [attr.y2]=\"layout().tickEndY\" />\n              <text\n                class=\"ea-bar-chart__axis\"\n                [attr.text-anchor]=\"layout().labelAngle ? 'end' : 'middle'\"\n                [attr.dominant-baseline]=\"layout().labelAngle ? 'central' : null\"\n                [attr.transform]=\"\n                  layout().labelAngle\n                    ? 'rotate(' +\n                      -layout().labelAngle +\n                      ' ' +\n                      category.pos +\n                      ' ' +\n                      layout().labelY +\n                      ')'\n                    : null\n                \"\n                [attr.x]=\"category.pos\"\n                [attr.y]=\"layout().labelY\">\n                {{ category.text }}\n              </text>\n            } @else {\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"end\"\n                dominant-baseline=\"middle\"\n                [attr.x]=\"layout().left - layout().axisPx / 2\"\n                [attr.y]=\"category.pos\">\n                {{ category.text }}\n              </text>\n            }\n          }\n          @for (bar of layout().bars; track $index) {\n            <path\n              class=\"ea-bar-chart__bar\"\n              [class.ea-bar-chart__bar--dimmed]=\"isDimmed(bar)\"\n              [style.--ea-chart-color]=\"bar.color\"\n              [style.--ea-chart-delay]=\"bar.delay + 'ms'\"\n              [attr.d]=\"bar.path\" />\n          }\n          @if (layout().axisBreak; as axisBreak) {\n            <path\n              class=\"ea-bar-chart__y-axis\"\n              [attr.d]=\"axisBreak.axis\" />\n            <path\n              class=\"ea-bar-chart__axis-break\"\n              [attr.d]=\"axisBreak.slashes\" />\n          }\n          @if (layout().vertical) {\n            <line\n              class=\"ea-bar-chart__baseline\"\n              [attr.x1]=\"layout().left\"\n              [attr.x2]=\"layout().left + layout().plotWidth\"\n              [attr.y1]=\"layout().baseline\"\n              [attr.y2]=\"layout().baseline\" />\n          } @else {\n            <line\n              class=\"ea-bar-chart__baseline\"\n              [attr.x1]=\"layout().baseline\"\n              [attr.x2]=\"layout().baseline\"\n              [attr.y1]=\"layout().top\"\n              [attr.y2]=\"layout().top + layout().plotHeight\" />\n          }\n          @for (valueLabel of layout().valueLabels; track valueLabel.key) {\n            <text\n              class=\"ea-bar-chart__value\"\n              [attr.text-anchor]=\"valueLabel.anchor\"\n              [attr.dominant-baseline]=\"layout().vertical ? null : 'middle'\"\n              [attr.x]=\"valueLabel.x\"\n              [attr.y]=\"valueLabel.y\">\n              {{ valueLabel.text }}\n            </text>\n          }\n          @for (tip of tooltips(); track tip.key) {\n            <rect\n              class=\"ea-bar-chart__anchor\"\n              width=\"2\"\n              height=\"2\"\n              [attr.x]=\"tip.x - 1\"\n              [attr.y]=\"tip.y - 1\"\n              [eaTooltip]=\"tooltipContent\"\n              [tooltipOpen]=\"true\"\n              [maxWidth]=\"undefined\" />\n          }\n        </svg>\n      }\n      <ng-template #tooltipContent>\n        @if (tooltip(); as tip) {\n          <div class=\"ea-bar-chart__tooltip\">\n            <span class=\"ea-bar-chart__tooltip-title\">{{ tip.title }}</span>\n            @for (row of tip.rows; track $index) {\n              <span\n                class=\"ea-bar-chart__tooltip-row\"\n                [class.ea-bar-chart__tooltip-row--active]=\"row.active\">\n                <span\n                  class=\"ea-bar-chart__swatch\"\n                  [style.--ea-chart-color]=\"row.color\">\n                </span>\n                <span class=\"ea-bar-chart__tooltip-name\">{{ row.name }}</span>\n                <span class=\"ea-bar-chart__tooltip-value\">{{ row.value }}</span>\n              </span>\n            }\n          </div>\n        }\n      </ng-template>\n      <!-- Hidden through a block, since a table ignores the 1px size and keeps its full height -->\n      <div class=\"ea-bar-chart__table\">\n        <table>\n          <caption>\n            {{ label() }}\n          </caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n              @for (s of series(); track $index) {\n                <th scope=\"col\">{{ s.name }}</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of labels(); track $index; let i = $index) {\n              <tr>\n                <th scope=\"row\">{{ row }}</th>\n                @for (s of series(); track $index) {\n                  <td>{{ tableValue(s.data[i]) }}</td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div\n      class=\"ea-bar-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-bar-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showsLegend()) {\n    <ul\n      class=\"ea-bar-chart__legend\"\n      aria-hidden=\"true\">\n      @for (s of series(); track $index; let i = $index) {\n        <li class=\"ea-bar-chart__legend-item\">\n          <span\n            class=\"ea-bar-chart__swatch\"\n            [style.--ea-chart-color]=\"seriesColor(i)\">\n          </span>\n          {{ s.name }}\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+		styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}ea-bar-chart{display:block}.ea-bar-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-bar-chart--2xs{font-size:var(--font-size-2xs)}.ea-bar-chart--xs{font-size:var(--font-size-xs)}.ea-bar-chart--sm{font-size:var(--font-size-sm)}.ea-bar-chart--md{font-size:var(--font-size-md)}.ea-bar-chart--lg{font-size:var(--font-size-lg)}.ea-bar-chart--xl{font-size:var(--font-size-xl)}.ea-bar-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-bar-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-bar-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-bar-chart__plot svg{display:block;overflow:visible}.ea-bar-chart__svg{direction:ltr;touch-action:pan-y}.ea-bar-chart__hit{fill:transparent}.ea-bar-chart__grid{stroke:var(--color-divider);stroke-width:1px;shape-rendering:crispEdges}.ea-bar-chart__baseline{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;pointer-events:none}.ea-bar-chart__axis{font-size:.75em;fill:var(--color-text-secondary)}.ea-bar-chart__x-tick{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-bar-chart__y-axis{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;fill:none}.ea-bar-chart__axis-break{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px;stroke-linecap:round}.ea-bar-chart__value{font-size:.75em;fill:var(--color-text-secondary);font-variant-numeric:tabular-nums;fill:var(--color-text-primary);pointer-events:none}.ea-bar-chart__bar{fill:var(--ea-chart-color);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);transform-box:view-box}.ea-bar-chart__bar--dimmed{opacity:.35}.ea-bar-chart--vertical .ea-bar-chart__bar{transform-origin:0 var(--ea-bar-chart-baseline)}.ea-bar-chart--horizontal .ea-bar-chart__bar{transform-origin:var(--ea-bar-chart-baseline) 0}.ea-bar-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-bar-chart__anchor{fill:transparent}.ea-bar-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-bar-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-bar-chart__tooltip-row--active{font-weight:var(--font-weight-medium)}.ea-bar-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-bar-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-bar-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-bar-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-bar-chart__table,.ea-bar-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-bar-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-bar-chart--animate-grow.ea-bar-chart--vertical .ea-bar-chart__bar,.ea-bar-chart--animate-cascade.ea-bar-chart--vertical .ea-bar-chart__bar{animation-name:ea-chart-grow-y}.ea-bar-chart--animate-grow.ea-bar-chart--horizontal .ea-bar-chart__bar,.ea-bar-chart--animate-cascade.ea-bar-chart--horizontal .ea-bar-chart__bar{animation-name:ea-chart-grow-x}.ea-bar-chart--animate-grow .ea-bar-chart__bar,.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-grow .ea-bar-chart__bar,.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation:none}}.ea-bar-chart--animate-grow .ea-bar-chart__value,.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation-name:ea-chart-fade;animation-delay:calc(var(--ea-chart-duration, .6s) * .8);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-grow .ea-bar-chart__value,.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation:none}}.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation-delay:var(--ea-chart-delay, 0ms)}.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation-delay:calc(var(--ea-chart-duration, .6s) * 1.3)}.ea-bar-chart--animate-fade .ea-bar-chart__bar,.ea-bar-chart--animate-fade .ea-bar-chart__value{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-fade .ea-bar-chart__bar,.ea-bar-chart--animate-fade .ea-bar-chart__value{animation:none}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgClass,
+			selector: "[ngClass]",
+			inputs: ["class", "ngClass"]
+		}, {
+			kind: "directive",
+			type: TooltipDirective,
+			selector: "[eaTooltip]",
+			inputs: [
+				"eaTooltip",
+				"tooltipPosition",
+				"flip",
+				"whenClipped",
+				"maxWidth",
+				"dismissDelay",
+				"tooltipOpen"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: BarChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-bar-chart",
+			imports: [NgClass, TooltipDirective],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: "<div\n  class=\"ea-bar-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-bar-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      @for (pass of renderPass(); track pass) {\n        <svg\n          class=\"ea-bar-chart__svg\"\n          aria-hidden=\"true\"\n          [attr.width]=\"layout().width\"\n          [attr.height]=\"layout().height\"\n          [attr.viewBox]=\"'0 0 ' + layout().width + ' ' + layout().height\"\n          [style.--ea-bar-chart-baseline]=\"layout().baseline + 'px'\"\n          (pointermove)=\"onPointerMove($event)\"\n          (pointerdown)=\"onPointerMove($event)\"\n          (pointerleave)=\"onPointerLeave()\"\n          (click)=\"onClick()\">\n          <rect\n            class=\"ea-bar-chart__hit\"\n            [attr.x]=\"layout().left\"\n            [attr.y]=\"layout().top\"\n            [attr.width]=\"layout().plotWidth\"\n            [attr.height]=\"layout().plotHeight\" />\n          @for (tick of layout().ticks; track tick.value) {\n            @if (layout().vertical) {\n              @if (showGrid()) {\n                <line\n                  class=\"ea-bar-chart__grid\"\n                  [attr.x1]=\"layout().left\"\n                  [attr.x2]=\"layout().left + layout().plotWidth\"\n                  [attr.y1]=\"tick.pos\"\n                  [attr.y2]=\"tick.pos\" />\n              }\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"end\"\n                dominant-baseline=\"middle\"\n                [attr.x]=\"layout().left - layout().axisPx / 2\"\n                [attr.y]=\"tick.pos\">\n                {{ tick.text }}\n              </text>\n            } @else {\n              @if (showGrid()) {\n                <line\n                  class=\"ea-bar-chart__grid\"\n                  [attr.x1]=\"tick.pos\"\n                  [attr.x2]=\"tick.pos\"\n                  [attr.y1]=\"layout().top\"\n                  [attr.y2]=\"layout().top + layout().plotHeight\" />\n              }\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"middle\"\n                [attr.x]=\"tick.pos\"\n                [attr.y]=\"layout().top + layout().plotHeight + layout().axisPx * 1.5\">\n                {{ tick.text }}\n              </text>\n            }\n          }\n          @for (category of layout().categories; track category.index) {\n            @if (layout().vertical) {\n              <line\n                class=\"ea-bar-chart__x-tick\"\n                [attr.x1]=\"category.pos\"\n                [attr.x2]=\"category.pos\"\n                [attr.y1]=\"layout().axisY\"\n                [attr.y2]=\"layout().tickEndY\" />\n              <text\n                class=\"ea-bar-chart__axis\"\n                [attr.text-anchor]=\"layout().labelAngle ? 'end' : 'middle'\"\n                [attr.dominant-baseline]=\"layout().labelAngle ? 'central' : null\"\n                [attr.transform]=\"\n                  layout().labelAngle\n                    ? 'rotate(' +\n                      -layout().labelAngle +\n                      ' ' +\n                      category.pos +\n                      ' ' +\n                      layout().labelY +\n                      ')'\n                    : null\n                \"\n                [attr.x]=\"category.pos\"\n                [attr.y]=\"layout().labelY\">\n                {{ category.text }}\n              </text>\n            } @else {\n              <text\n                class=\"ea-bar-chart__axis\"\n                text-anchor=\"end\"\n                dominant-baseline=\"middle\"\n                [attr.x]=\"layout().left - layout().axisPx / 2\"\n                [attr.y]=\"category.pos\">\n                {{ category.text }}\n              </text>\n            }\n          }\n          @for (bar of layout().bars; track $index) {\n            <path\n              class=\"ea-bar-chart__bar\"\n              [class.ea-bar-chart__bar--dimmed]=\"isDimmed(bar)\"\n              [style.--ea-chart-color]=\"bar.color\"\n              [style.--ea-chart-delay]=\"bar.delay + 'ms'\"\n              [attr.d]=\"bar.path\" />\n          }\n          @if (layout().axisBreak; as axisBreak) {\n            <path\n              class=\"ea-bar-chart__y-axis\"\n              [attr.d]=\"axisBreak.axis\" />\n            <path\n              class=\"ea-bar-chart__axis-break\"\n              [attr.d]=\"axisBreak.slashes\" />\n          }\n          @if (layout().vertical) {\n            <line\n              class=\"ea-bar-chart__baseline\"\n              [attr.x1]=\"layout().left\"\n              [attr.x2]=\"layout().left + layout().plotWidth\"\n              [attr.y1]=\"layout().baseline\"\n              [attr.y2]=\"layout().baseline\" />\n          } @else {\n            <line\n              class=\"ea-bar-chart__baseline\"\n              [attr.x1]=\"layout().baseline\"\n              [attr.x2]=\"layout().baseline\"\n              [attr.y1]=\"layout().top\"\n              [attr.y2]=\"layout().top + layout().plotHeight\" />\n          }\n          @for (valueLabel of layout().valueLabels; track valueLabel.key) {\n            <text\n              class=\"ea-bar-chart__value\"\n              [attr.text-anchor]=\"valueLabel.anchor\"\n              [attr.dominant-baseline]=\"layout().vertical ? null : 'middle'\"\n              [attr.x]=\"valueLabel.x\"\n              [attr.y]=\"valueLabel.y\">\n              {{ valueLabel.text }}\n            </text>\n          }\n          @for (tip of tooltips(); track tip.key) {\n            <rect\n              class=\"ea-bar-chart__anchor\"\n              width=\"2\"\n              height=\"2\"\n              [attr.x]=\"tip.x - 1\"\n              [attr.y]=\"tip.y - 1\"\n              [eaTooltip]=\"tooltipContent\"\n              [tooltipOpen]=\"true\"\n              [maxWidth]=\"undefined\" />\n          }\n        </svg>\n      }\n      <ng-template #tooltipContent>\n        @if (tooltip(); as tip) {\n          <div class=\"ea-bar-chart__tooltip\">\n            <span class=\"ea-bar-chart__tooltip-title\">{{ tip.title }}</span>\n            @for (row of tip.rows; track $index) {\n              <span\n                class=\"ea-bar-chart__tooltip-row\"\n                [class.ea-bar-chart__tooltip-row--active]=\"row.active\">\n                <span\n                  class=\"ea-bar-chart__swatch\"\n                  [style.--ea-chart-color]=\"row.color\">\n                </span>\n                <span class=\"ea-bar-chart__tooltip-name\">{{ row.name }}</span>\n                <span class=\"ea-bar-chart__tooltip-value\">{{ row.value }}</span>\n              </span>\n            }\n          </div>\n        }\n      </ng-template>\n      <!-- Hidden through a block, since a table ignores the 1px size and keeps its full height -->\n      <div class=\"ea-bar-chart__table\">\n        <table>\n          <caption>\n            {{ label() }}\n          </caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n              @for (s of series(); track $index) {\n                <th scope=\"col\">{{ s.name }}</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of labels(); track $index; let i = $index) {\n              <tr>\n                <th scope=\"row\">{{ row }}</th>\n                @for (s of series(); track $index) {\n                  <td>{{ tableValue(s.data[i]) }}</td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div\n      class=\"ea-bar-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-bar-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showsLegend()) {\n    <ul\n      class=\"ea-bar-chart__legend\"\n      aria-hidden=\"true\">\n      @for (s of series(); track $index; let i = $index) {\n        <li class=\"ea-bar-chart__legend-item\">\n          <span\n            class=\"ea-bar-chart__swatch\"\n            [style.--ea-chart-color]=\"seriesColor(i)\">\n          </span>\n          {{ s.name }}\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+			styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}ea-bar-chart{display:block}.ea-bar-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-bar-chart--2xs{font-size:var(--font-size-2xs)}.ea-bar-chart--xs{font-size:var(--font-size-xs)}.ea-bar-chart--sm{font-size:var(--font-size-sm)}.ea-bar-chart--md{font-size:var(--font-size-md)}.ea-bar-chart--lg{font-size:var(--font-size-lg)}.ea-bar-chart--xl{font-size:var(--font-size-xl)}.ea-bar-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-bar-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-bar-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-bar-chart__plot svg{display:block;overflow:visible}.ea-bar-chart__svg{direction:ltr;touch-action:pan-y}.ea-bar-chart__hit{fill:transparent}.ea-bar-chart__grid{stroke:var(--color-divider);stroke-width:1px;shape-rendering:crispEdges}.ea-bar-chart__baseline{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;pointer-events:none}.ea-bar-chart__axis{font-size:.75em;fill:var(--color-text-secondary)}.ea-bar-chart__x-tick{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-bar-chart__y-axis{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;fill:none}.ea-bar-chart__axis-break{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px;stroke-linecap:round}.ea-bar-chart__value{font-size:.75em;fill:var(--color-text-secondary);font-variant-numeric:tabular-nums;fill:var(--color-text-primary);pointer-events:none}.ea-bar-chart__bar{fill:var(--ea-chart-color);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);transform-box:view-box}.ea-bar-chart__bar--dimmed{opacity:.35}.ea-bar-chart--vertical .ea-bar-chart__bar{transform-origin:0 var(--ea-bar-chart-baseline)}.ea-bar-chart--horizontal .ea-bar-chart__bar{transform-origin:var(--ea-bar-chart-baseline) 0}.ea-bar-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-bar-chart__anchor{fill:transparent}.ea-bar-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-bar-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-bar-chart__tooltip-row--active{font-weight:var(--font-weight-medium)}.ea-bar-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-bar-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-bar-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-bar-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-bar-chart__table,.ea-bar-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-bar-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-bar-chart--animate-grow.ea-bar-chart--vertical .ea-bar-chart__bar,.ea-bar-chart--animate-cascade.ea-bar-chart--vertical .ea-bar-chart__bar{animation-name:ea-chart-grow-y}.ea-bar-chart--animate-grow.ea-bar-chart--horizontal .ea-bar-chart__bar,.ea-bar-chart--animate-cascade.ea-bar-chart--horizontal .ea-bar-chart__bar{animation-name:ea-chart-grow-x}.ea-bar-chart--animate-grow .ea-bar-chart__bar,.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-grow .ea-bar-chart__bar,.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation:none}}.ea-bar-chart--animate-grow .ea-bar-chart__value,.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation-name:ea-chart-fade;animation-delay:calc(var(--ea-chart-duration, .6s) * .8);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-grow .ea-bar-chart__value,.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation:none}}.ea-bar-chart--animate-cascade .ea-bar-chart__bar{animation-delay:var(--ea-chart-delay, 0ms)}.ea-bar-chart--animate-cascade .ea-bar-chart__value{animation-delay:calc(var(--ea-chart-duration, .6s) * 1.3)}.ea-bar-chart--animate-fade .ea-bar-chart__bar,.ea-bar-chart--animate-fade .ea-bar-chart__value{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-bar-chart--animate-fade .ea-bar-chart__bar,.ea-bar-chart--animate-fade .ea-bar-chart__value{animation:none}}\n"]
+		}]
+	}],
+	propDecorators: {
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		stacked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stacked",
+				required: false
+			}]
+		}],
+		showGrid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showGrid",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		showValues: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showValues",
+				required: false
+			}]
+		}],
+		xLabelOrientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xLabelOrientation",
+				required: false
+			}]
+		}],
+		showAxisBreak: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showAxisBreak",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		animation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animation",
+				required: false
+			}]
+		}],
+		animationDuration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animationDuration",
+				required: false
+			}]
+		}],
+		formatValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatValue",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		pointClick: [{
+			type: i0.Output,
+			args: ["pointClick"]
+		}],
+		activePointChange: [{
+			type: i0.Output,
+			args: ["activePointChange"]
+		}]
+	}
+});
 var ChevronRightIconComponent = class ChevronRightIconComponent extends IconComponentBase {
 	static slug = "chevron-right";
 	static category = "feather";
@@ -9131,7 +10267,8 @@ var CheckboxComponent = class CheckboxComponent {
 					"flip",
 					"whenClipped",
 					"maxWidth",
-					"dismissDelay"
+					"dismissDelay",
+					"tooltipOpen"
 				]
 			}
 		],
@@ -11455,7 +12592,7 @@ var ColorPickerComponent = class ColorPickerComponent {
 		],
 		ngImport: i0,
 		template: "<div class=\"ea-color-picker-field ea-color-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-color-picker\">\n    <div\n      class=\"ea-color-picker__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\">\n      <button\n        #triggerEl\n        type=\"button\"\n        class=\"ea-color-picker__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        [id]=\"id()\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-haspopup]=\"'dialog'\"\n        [attr.aria-labelledby]=\"triggerLabelledBy()\"\n        [attr.aria-controls]=\"isOpen() ? popoverId() : null\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (click)=\"toggle()\"\n        (keydown)=\"onTriggerKeydown($event)\">\n        <span\n          class=\"ea-color-picker__swatch\"\n          aria-hidden=\"true\">\n          <span\n            class=\"ea-color-picker__swatch-fill\"\n            [style.--_ea-swatch-color]=\"value() ? displayColor() : null\">\n          </span>\n        </span>\n        @if (!compact()) {\n          <span\n            class=\"ea-color-picker__trigger-value\"\n            [class.ea-color-picker__trigger-value--placeholder]=\"!displayValue()\">\n            <bdi>{{ displayValue() || resolvedPlaceholder() }}</bdi>\n          </span>\n        }\n      </button>\n      @if (clearable() && !compact() && value() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-color-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().colorPicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-color-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"triggerEl\"\n      [open]=\"isOpen()\"\n      [surfaceId]=\"popoverId()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [aria-label]=\"i18n.messages().colorPicker.dialogLabel\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-color-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown)=\"onPopoverKeydown($event)\">\n        <div\n          #svAreaEl\n          class=\"ea-color-picker__sv-area\"\n          role=\"slider\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"i18n.messages().colorPicker.saturationAndValue\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          [attr.aria-valuenow]=\"satPercent()\"\n          [attr.aria-valuetext]=\"\n            i18n\n              .messages()\n              .colorPicker.saturationAndValueStatus(satPercent(), valPercent())\n          \"\n          [style.background-color]=\"hueColor()\"\n          (pointerdown)=\"onSvPointerDown($event)\"\n          (pointermove)=\"onSvPointerMove($event)\"\n          (pointerup)=\"onSvPointerUp($event)\"\n          (pointercancel)=\"onSvPointerUp($event)\"\n          (keydown)=\"onSvKeydown($event)\">\n          <div class=\"ea-color-picker__sv-area-sat\"></div>\n          <div class=\"ea-color-picker__sv-area-val\"></div>\n          <div\n            class=\"ea-color-picker__sv-pointer\"\n            [style.background-color]=\"opaqueColor()\"\n            [style.left]=\"svPointerLeft()\"\n            [style.top]=\"svPointerTop()\">\n          </div>\n        </div>\n\n        <div\n          class=\"ea-color-picker__sv-status\"\n          aria-live=\"polite\">\n          {{\n            i18n\n              .messages()\n              .colorPicker.saturationAndValueStatus(satPercent(), valPercent())\n          }}\n        </div>\n\n        <div class=\"ea-color-picker__sliders\">\n          <div class=\"ea-color-picker__slider-row\">\n            <span\n              class=\"ea-color-picker__swatch ea-color-picker__swatch--lg\"\n              aria-hidden=\"true\">\n              <span\n                class=\"ea-color-picker__swatch-fill\"\n                [style.--_ea-swatch-color]=\"displayColor()\">\n              </span>\n            </span>\n            <div class=\"ea-color-picker__strip-stack\">\n              <div\n                #hueTrackEl\n                class=\"ea-color-picker__strip ea-color-picker__strip--hue\"\n                role=\"slider\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"i18n.messages().colorPicker.hue\"\n                [attr.aria-valuemin]=\"0\"\n                [attr.aria-valuemax]=\"360\"\n                [attr.aria-valuenow]=\"hueRounded()\"\n                (pointerdown)=\"onHuePointerDown($event)\"\n                (pointermove)=\"onHuePointerMove($event)\"\n                (pointerup)=\"onHuePointerUp($event)\"\n                (pointercancel)=\"onHuePointerUp($event)\"\n                (keydown)=\"onHueKeydown($event)\">\n                <div\n                  class=\"ea-color-picker__strip-thumb\"\n                  [style.left]=\"huePointerLeft()\">\n                </div>\n              </div>\n              @if (showAlpha()) {\n                <div\n                  #alphaTrackEl\n                  class=\"ea-color-picker__strip ea-color-picker__strip--alpha\"\n                  role=\"slider\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"i18n.messages().colorPicker.alpha\"\n                  [attr.aria-valuemin]=\"0\"\n                  [attr.aria-valuemax]=\"100\"\n                  [attr.aria-valuenow]=\"alphaPercentRounded()\"\n                  [attr.aria-valuetext]=\"alphaPercentRounded() + '%'\"\n                  [style.--ea-color-picker-alpha-base]=\"opaqueColor()\"\n                  (pointerdown)=\"onAlphaPointerDown($event)\"\n                  (pointermove)=\"onAlphaPointerMove($event)\"\n                  (pointerup)=\"onAlphaPointerUp($event)\"\n                  (pointercancel)=\"onAlphaPointerUp($event)\"\n                  (keydown)=\"onAlphaKeydown($event)\">\n                  <div\n                    class=\"ea-color-picker__strip-thumb\"\n                    [style.left]=\"alphaPointerLeft()\">\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"ea-color-picker__inputs\"\n          [class.ea-color-picker__inputs--hex]=\"activeFormat() === 'hex'\">\n          @switch (activeFormat()) {\n            @case ('hex') {\n              <label\n                class=\"ea-color-picker__input-group ea-color-picker__input-group--hex\">\n                <span class=\"ea-color-picker__input-label\">HEX</span>\n                <input\n                  class=\"ea-color-picker__input\"\n                  type=\"text\"\n                  dir=\"auto\"\n                  spellcheck=\"false\"\n                  autocomplete=\"off\"\n                  maxlength=\"9\"\n                  [value]=\"hexInputValue()\"\n                  (input)=\"onHexInput($event)\"\n                  (blur)=\"onHexBlur()\" />\n              </label>\n            }\n            @case ('rgb') {\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">R</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().r\"\n                  (input)=\"onRgbInput('r', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">G</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().g\"\n                  (input)=\"onRgbInput('g', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">B</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().b\"\n                  (input)=\"onRgbInput('b', $event)\" />\n              </label>\n              @if (showAlpha()) {\n                <label class=\"ea-color-picker__input-group\">\n                  <span class=\"ea-color-picker__input-label\">A</span>\n                  <input\n                    class=\"ea-color-picker__input ea-color-picker__input--num\"\n                    type=\"text\"\n                    inputmode=\"numeric\"\n                    pattern=\"\\d*\"\n                    maxlength=\"3\"\n                    [value]=\"alphaPercentRounded()\"\n                    (input)=\"onAlphaInput($event)\" />\n                </label>\n              }\n            }\n            @case ('hsl') {\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">H</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().h\"\n                  (input)=\"onHslInput('h', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">S</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().s\"\n                  (input)=\"onHslInput('s', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">L</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().l\"\n                  (input)=\"onHslInput('l', $event)\" />\n              </label>\n              @if (showAlpha()) {\n                <label class=\"ea-color-picker__input-group\">\n                  <span class=\"ea-color-picker__input-label\">A</span>\n                  <input\n                    class=\"ea-color-picker__input ea-color-picker__input--num\"\n                    type=\"text\"\n                    inputmode=\"numeric\"\n                    pattern=\"\\d*\"\n                    maxlength=\"3\"\n                    [value]=\"alphaPercentRounded()\"\n                    (input)=\"onAlphaInput($event)\" />\n                </label>\n              }\n            }\n          }\n          @if (canToggleFormat()) {\n            <button\n              type=\"button\"\n              class=\"ea-color-picker__format-toggle\"\n              [attr.aria-label]=\"formatToggleLabel()\"\n              (click)=\"cycleInputMode()\">\n              {{ formatLabel() }}\n            </button>\n          }\n        </div>\n\n        @if (hasEyeDropper()) {\n          <div class=\"ea-color-picker__tools\">\n            <button\n              type=\"button\"\n              class=\"ea-color-picker__tool-btn\"\n              [attr.aria-label]=\"i18n.messages().colorPicker.eyedropper\"\n              (click)=\"pickFromScreen()\">\n              <ea-icon-droplet aria-hidden=\"true\" />\n              <span>{{ i18n.messages().colorPicker.eyedropper }}</span>\n            </button>\n          </div>\n        }\n\n        @if (presets().length > 0) {\n          <div class=\"ea-color-picker__presets\">\n            <span\n              class=\"ea-color-picker__presets-label\"\n              [id]=\"id() + '-presets-label'\">\n              {{ i18n.messages().colorPicker.presets }}\n            </span>\n            <div\n              class=\"ea-color-picker__presets-grid\"\n              role=\"group\"\n              [attr.aria-labelledby]=\"id() + '-presets-label'\">\n              @for (preset of presets(); track preset) {\n                <button\n                  type=\"button\"\n                  class=\"ea-color-picker__preset\"\n                  [attr.aria-label]=\"preset\"\n                  [attr.aria-pressed]=\"activePresets().has(preset)\"\n                  [style.background-color]=\"preset\"\n                  (click)=\"selectPreset(preset)\">\n                </button>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-		styles: [".ea-color-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-color-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-color-picker-field--xs{font-size:var(--font-size-xs)}.ea-color-picker-field--sm{font-size:var(--font-size-sm)}.ea-color-picker-field--md{font-size:var(--font-size-md)}.ea-color-picker-field--lg{font-size:var(--font-size-lg)}.ea-color-picker-field--xl{font-size:var(--font-size-xl)}.ea-color-picker,.ea-color-picker__trigger-wrapper{position:relative}.ea-color-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;text-align:start;font-family:var(--font-family-sans);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-color-picker__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--error{border-color:var(--color-error-default)}.ea-color-picker__trigger--error.ea-color-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-color-picker__trigger--error.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--compact{width:auto;min-height:0;padding:.375em}.ea-color-picker__trigger--compact .ea-color-picker__swatch{width:1.5em;height:1.5em}.ea-color-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-color-picker__trigger--readonly{cursor:default}.ea-color-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-color-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:.85em}.ea-color-picker__trigger-value--placeholder{color:var(--color-text-tertiary);font-family:var(--font-family-sans);font-size:1em}.ea-color-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__clear>*{font-size:1.25em}.ea-color-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-color-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__clear:disabled{cursor:default;opacity:.5}.ea-color-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-color-picker__swatch{position:relative;overflow:hidden;flex-shrink:0;width:1.125em;height:1.125em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);forced-color-adjust:none}.ea-color-picker__swatch--lg{width:2.5em;height:2.5em;border-radius:var(--radius-md)}.ea-color-picker__swatch-fill{position:absolute;inset:0;display:block;background-color:var(--color-bg-base);background-image:linear-gradient(var(--_ea-swatch-color, transparent),var(--_ea-swatch-color, transparent)),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;forced-color-adjust:none}.ea-color-picker__popover{display:flex;flex-direction:column;gap:.75em;width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-color-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-color-picker__popover{border:1px solid CanvasText}}.ea-color-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-color-picker__popover--xs{font-size:var(--font-size-xs)}.ea-color-picker__popover--sm{font-size:var(--font-size-sm)}.ea-color-picker__popover--md{font-size:var(--font-size-md)}.ea-color-picker__popover--lg{font-size:var(--font-size-lg)}.ea-color-picker__popover--xl{font-size:var(--font-size-xl)}.ea-color-picker__sv-area{position:relative;overflow:hidden;width:100%;height:10em;border-radius:var(--radius-sm);cursor:crosshair;forced-color-adjust:none;touch-action:none}.ea-color-picker__sv-area:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__sv-area:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__sv-area-sat{position:absolute;inset:0;background:linear-gradient(to right,var(--color-picker-sv-white),transparent);forced-color-adjust:none}.ea-color-picker__sv-area-val{position:absolute;inset:0;background:linear-gradient(to top,var(--color-picker-sv-black),transparent);forced-color-adjust:none}.ea-color-picker__sv-pointer{position:absolute;z-index:1;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__sv-status{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-color-picker__slider-row{display:flex;align-items:center;gap:.5em}.ea-color-picker__strip-stack{display:flex;flex-direction:column;flex:1;gap:.5em}.ea-color-picker__strip{position:relative;width:100%;height:.75em;border-radius:var(--radius-full);cursor:pointer;forced-color-adjust:none;touch-action:none}.ea-color-picker__strip:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__strip:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__strip--hue{background:linear-gradient(to right,var(--color-picker-hue-red) 0%,var(--color-picker-hue-yellow) 17%,var(--color-picker-hue-green) 33%,var(--color-picker-hue-cyan) 50%,var(--color-picker-hue-blue) 67%,var(--color-picker-hue-magenta) 83%,var(--color-picker-hue-red) 100%)}.ea-color-picker__strip--alpha{background-color:var(--color-bg-base);background-image:linear-gradient(to right,transparent 0%,var(--ea-color-picker-alpha-base, currentcolor) 100%),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0}.ea-color-picker__strip-thumb{position:absolute;top:50%;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__inputs{display:flex;align-items:end;gap:.25em}.ea-color-picker__input-group{display:flex;flex:1;flex-direction:column;gap:.25em;min-width:0;text-align:center}.ea-color-picker__input-group--hex{flex:1}.ea-color-picker__format-toggle{flex-shrink:0;min-width:5.2em;padding:.4em .8em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.625em;font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__format-toggle:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__format-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__format-toggle:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__input{width:100%;min-width:0;padding:.375em .5em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.75em;text-align:center;color:var(--color-text-primary)}.ea-color-picker__input:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__input:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input--num{appearance:textfield}.ea-color-picker__input--num::-webkit-outer-spin-button,.ea-color-picker__input--num::-webkit-inner-spin-button{appearance:none;margin:0}.ea-color-picker__tools{display:flex;justify-content:flex-start}.ea-color-picker__tool-btn{display:inline-flex;align-items:center;gap:.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__tool-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__tool-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__tool-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__tool-btn ea-icon-droplet{width:.875em;height:.875em}.ea-color-picker__presets{display:flex;flex-direction:column;gap:.375em;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-color-picker__presets-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__presets-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25em}.ea-color-picker__preset{width:100%;aspect-ratio:1;padding:0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;forced-color-adjust:none;transition:transform var(--duration-fast) var(--ease-out)}.ea-color-picker__preset:hover{transform:scale(1.1)}.ea-color-picker__preset:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__preset:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__preset[aria-selected=true]{box-shadow:0 0 0 2px var(--color-brand-default)}\n"],
+		styles: [".ea-color-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-color-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-color-picker-field--xs{font-size:var(--font-size-xs)}.ea-color-picker-field--sm{font-size:var(--font-size-sm)}.ea-color-picker-field--md{font-size:var(--font-size-md)}.ea-color-picker-field--lg{font-size:var(--font-size-lg)}.ea-color-picker-field--xl{font-size:var(--font-size-xl)}.ea-color-picker,.ea-color-picker__trigger-wrapper{position:relative}.ea-color-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;text-align:start;font-family:var(--font-family-sans);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-color-picker__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--error{border-color:var(--color-error-default)}.ea-color-picker__trigger--error.ea-color-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-color-picker__trigger--error.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--compact{width:auto;min-height:0;padding:.375em}.ea-color-picker__trigger--compact .ea-color-picker__swatch{width:1.5em;height:1.5em}.ea-color-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-color-picker__trigger--readonly{cursor:default}.ea-color-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-color-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:.875em}.ea-color-picker__trigger-value--placeholder{color:var(--color-text-tertiary);font-family:var(--font-family-sans);font-size:1em}.ea-color-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__clear>*{font-size:1.25em}.ea-color-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-color-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__clear:disabled{cursor:default;opacity:.5}.ea-color-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-color-picker__swatch{position:relative;overflow:hidden;flex-shrink:0;width:1.125em;height:1.125em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);forced-color-adjust:none}.ea-color-picker__swatch--lg{width:2.5em;height:2.5em;border-radius:var(--radius-md)}.ea-color-picker__swatch-fill{position:absolute;inset:0;display:block;background-color:var(--color-bg-base);background-image:linear-gradient(var(--_ea-swatch-color, transparent),var(--_ea-swatch-color, transparent)),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;forced-color-adjust:none}.ea-color-picker__popover{display:flex;flex-direction:column;gap:.75em;width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-color-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-color-picker__popover{border:1px solid CanvasText}}.ea-color-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-color-picker__popover--xs{font-size:var(--font-size-xs)}.ea-color-picker__popover--sm{font-size:var(--font-size-sm)}.ea-color-picker__popover--md{font-size:var(--font-size-md)}.ea-color-picker__popover--lg{font-size:var(--font-size-lg)}.ea-color-picker__popover--xl{font-size:var(--font-size-xl)}.ea-color-picker__sv-area{position:relative;overflow:hidden;width:100%;height:10em;border-radius:var(--radius-sm);cursor:crosshair;forced-color-adjust:none;touch-action:none}.ea-color-picker__sv-area:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__sv-area:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__sv-area-sat{position:absolute;inset:0;background:linear-gradient(to right,var(--color-picker-sv-white),transparent);forced-color-adjust:none}.ea-color-picker__sv-area-val{position:absolute;inset:0;background:linear-gradient(to top,var(--color-picker-sv-black),transparent);forced-color-adjust:none}.ea-color-picker__sv-pointer{position:absolute;z-index:1;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__sv-status{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-color-picker__slider-row{display:flex;align-items:center;gap:.5em}.ea-color-picker__strip-stack{display:flex;flex-direction:column;flex:1;gap:.5em}.ea-color-picker__strip{position:relative;width:100%;height:.75em;border-radius:var(--radius-full);cursor:pointer;forced-color-adjust:none;touch-action:none}.ea-color-picker__strip:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__strip:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__strip--hue{background:linear-gradient(to right,var(--color-picker-hue-red) 0%,var(--color-picker-hue-yellow) 17%,var(--color-picker-hue-green) 33%,var(--color-picker-hue-cyan) 50%,var(--color-picker-hue-blue) 67%,var(--color-picker-hue-magenta) 83%,var(--color-picker-hue-red) 100%)}.ea-color-picker__strip--alpha{background-color:var(--color-bg-base);background-image:linear-gradient(to right,transparent 0%,var(--ea-color-picker-alpha-base, currentcolor) 100%),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0}.ea-color-picker__strip-thumb{position:absolute;top:50%;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__inputs{display:flex;align-items:end;gap:.25em}.ea-color-picker__input-group{display:flex;flex:1;flex-direction:column;gap:.25em;min-width:0;text-align:center}.ea-color-picker__input-group--hex{flex:1}.ea-color-picker__format-toggle{flex-shrink:0;min-width:5.2em;padding:.4em .8em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.625em;font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__format-toggle:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__format-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__format-toggle:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__input{width:100%;min-width:0;padding:.375em .5em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.75em;text-align:center;color:var(--color-text-primary)}.ea-color-picker__input:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__input:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input--num{appearance:textfield}.ea-color-picker__input--num::-webkit-outer-spin-button,.ea-color-picker__input--num::-webkit-inner-spin-button{appearance:none;margin:0}.ea-color-picker__tools{display:flex;justify-content:flex-start}.ea-color-picker__tool-btn{display:inline-flex;align-items:center;gap:.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__tool-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__tool-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__tool-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__tool-btn ea-icon-droplet{width:.875em;height:.875em}.ea-color-picker__presets{display:flex;flex-direction:column;gap:.375em;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-color-picker__presets-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__presets-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25em}.ea-color-picker__preset{width:100%;aspect-ratio:1;padding:0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;forced-color-adjust:none;transition:transform var(--duration-fast) var(--ease-out)}.ea-color-picker__preset:hover{transform:scale(1.1)}.ea-color-picker__preset:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__preset:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__preset[aria-selected=true]{box-shadow:0 0 0 2px var(--color-brand-default)}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -11547,7 +12684,7 @@ i0.ɵɵngDeclareClassMetadata({
 				multi: true
 			}],
 			template: "<div class=\"ea-color-picker-field ea-color-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-color-picker\">\n    <div\n      class=\"ea-color-picker__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\">\n      <button\n        #triggerEl\n        type=\"button\"\n        class=\"ea-color-picker__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        [id]=\"id()\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-haspopup]=\"'dialog'\"\n        [attr.aria-labelledby]=\"triggerLabelledBy()\"\n        [attr.aria-controls]=\"isOpen() ? popoverId() : null\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (click)=\"toggle()\"\n        (keydown)=\"onTriggerKeydown($event)\">\n        <span\n          class=\"ea-color-picker__swatch\"\n          aria-hidden=\"true\">\n          <span\n            class=\"ea-color-picker__swatch-fill\"\n            [style.--_ea-swatch-color]=\"value() ? displayColor() : null\">\n          </span>\n        </span>\n        @if (!compact()) {\n          <span\n            class=\"ea-color-picker__trigger-value\"\n            [class.ea-color-picker__trigger-value--placeholder]=\"!displayValue()\">\n            <bdi>{{ displayValue() || resolvedPlaceholder() }}</bdi>\n          </span>\n        }\n      </button>\n      @if (clearable() && !compact() && value() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-color-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().colorPicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-color-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"triggerEl\"\n      [open]=\"isOpen()\"\n      [surfaceId]=\"popoverId()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [aria-label]=\"i18n.messages().colorPicker.dialogLabel\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-color-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown)=\"onPopoverKeydown($event)\">\n        <div\n          #svAreaEl\n          class=\"ea-color-picker__sv-area\"\n          role=\"slider\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"i18n.messages().colorPicker.saturationAndValue\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          [attr.aria-valuenow]=\"satPercent()\"\n          [attr.aria-valuetext]=\"\n            i18n\n              .messages()\n              .colorPicker.saturationAndValueStatus(satPercent(), valPercent())\n          \"\n          [style.background-color]=\"hueColor()\"\n          (pointerdown)=\"onSvPointerDown($event)\"\n          (pointermove)=\"onSvPointerMove($event)\"\n          (pointerup)=\"onSvPointerUp($event)\"\n          (pointercancel)=\"onSvPointerUp($event)\"\n          (keydown)=\"onSvKeydown($event)\">\n          <div class=\"ea-color-picker__sv-area-sat\"></div>\n          <div class=\"ea-color-picker__sv-area-val\"></div>\n          <div\n            class=\"ea-color-picker__sv-pointer\"\n            [style.background-color]=\"opaqueColor()\"\n            [style.left]=\"svPointerLeft()\"\n            [style.top]=\"svPointerTop()\">\n          </div>\n        </div>\n\n        <div\n          class=\"ea-color-picker__sv-status\"\n          aria-live=\"polite\">\n          {{\n            i18n\n              .messages()\n              .colorPicker.saturationAndValueStatus(satPercent(), valPercent())\n          }}\n        </div>\n\n        <div class=\"ea-color-picker__sliders\">\n          <div class=\"ea-color-picker__slider-row\">\n            <span\n              class=\"ea-color-picker__swatch ea-color-picker__swatch--lg\"\n              aria-hidden=\"true\">\n              <span\n                class=\"ea-color-picker__swatch-fill\"\n                [style.--_ea-swatch-color]=\"displayColor()\">\n              </span>\n            </span>\n            <div class=\"ea-color-picker__strip-stack\">\n              <div\n                #hueTrackEl\n                class=\"ea-color-picker__strip ea-color-picker__strip--hue\"\n                role=\"slider\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"i18n.messages().colorPicker.hue\"\n                [attr.aria-valuemin]=\"0\"\n                [attr.aria-valuemax]=\"360\"\n                [attr.aria-valuenow]=\"hueRounded()\"\n                (pointerdown)=\"onHuePointerDown($event)\"\n                (pointermove)=\"onHuePointerMove($event)\"\n                (pointerup)=\"onHuePointerUp($event)\"\n                (pointercancel)=\"onHuePointerUp($event)\"\n                (keydown)=\"onHueKeydown($event)\">\n                <div\n                  class=\"ea-color-picker__strip-thumb\"\n                  [style.left]=\"huePointerLeft()\">\n                </div>\n              </div>\n              @if (showAlpha()) {\n                <div\n                  #alphaTrackEl\n                  class=\"ea-color-picker__strip ea-color-picker__strip--alpha\"\n                  role=\"slider\"\n                  tabindex=\"0\"\n                  [attr.aria-label]=\"i18n.messages().colorPicker.alpha\"\n                  [attr.aria-valuemin]=\"0\"\n                  [attr.aria-valuemax]=\"100\"\n                  [attr.aria-valuenow]=\"alphaPercentRounded()\"\n                  [attr.aria-valuetext]=\"alphaPercentRounded() + '%'\"\n                  [style.--ea-color-picker-alpha-base]=\"opaqueColor()\"\n                  (pointerdown)=\"onAlphaPointerDown($event)\"\n                  (pointermove)=\"onAlphaPointerMove($event)\"\n                  (pointerup)=\"onAlphaPointerUp($event)\"\n                  (pointercancel)=\"onAlphaPointerUp($event)\"\n                  (keydown)=\"onAlphaKeydown($event)\">\n                  <div\n                    class=\"ea-color-picker__strip-thumb\"\n                    [style.left]=\"alphaPointerLeft()\">\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"ea-color-picker__inputs\"\n          [class.ea-color-picker__inputs--hex]=\"activeFormat() === 'hex'\">\n          @switch (activeFormat()) {\n            @case ('hex') {\n              <label\n                class=\"ea-color-picker__input-group ea-color-picker__input-group--hex\">\n                <span class=\"ea-color-picker__input-label\">HEX</span>\n                <input\n                  class=\"ea-color-picker__input\"\n                  type=\"text\"\n                  dir=\"auto\"\n                  spellcheck=\"false\"\n                  autocomplete=\"off\"\n                  maxlength=\"9\"\n                  [value]=\"hexInputValue()\"\n                  (input)=\"onHexInput($event)\"\n                  (blur)=\"onHexBlur()\" />\n              </label>\n            }\n            @case ('rgb') {\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">R</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().r\"\n                  (input)=\"onRgbInput('r', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">G</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().g\"\n                  (input)=\"onRgbInput('g', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">B</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"rgb().b\"\n                  (input)=\"onRgbInput('b', $event)\" />\n              </label>\n              @if (showAlpha()) {\n                <label class=\"ea-color-picker__input-group\">\n                  <span class=\"ea-color-picker__input-label\">A</span>\n                  <input\n                    class=\"ea-color-picker__input ea-color-picker__input--num\"\n                    type=\"text\"\n                    inputmode=\"numeric\"\n                    pattern=\"\\d*\"\n                    maxlength=\"3\"\n                    [value]=\"alphaPercentRounded()\"\n                    (input)=\"onAlphaInput($event)\" />\n                </label>\n              }\n            }\n            @case ('hsl') {\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">H</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().h\"\n                  (input)=\"onHslInput('h', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">S</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().s\"\n                  (input)=\"onHslInput('s', $event)\" />\n              </label>\n              <label class=\"ea-color-picker__input-group\">\n                <span class=\"ea-color-picker__input-label\">L</span>\n                <input\n                  class=\"ea-color-picker__input ea-color-picker__input--num\"\n                  type=\"text\"\n                  inputmode=\"numeric\"\n                  pattern=\"\\d*\"\n                  maxlength=\"3\"\n                  [value]=\"hslDisplay().l\"\n                  (input)=\"onHslInput('l', $event)\" />\n              </label>\n              @if (showAlpha()) {\n                <label class=\"ea-color-picker__input-group\">\n                  <span class=\"ea-color-picker__input-label\">A</span>\n                  <input\n                    class=\"ea-color-picker__input ea-color-picker__input--num\"\n                    type=\"text\"\n                    inputmode=\"numeric\"\n                    pattern=\"\\d*\"\n                    maxlength=\"3\"\n                    [value]=\"alphaPercentRounded()\"\n                    (input)=\"onAlphaInput($event)\" />\n                </label>\n              }\n            }\n          }\n          @if (canToggleFormat()) {\n            <button\n              type=\"button\"\n              class=\"ea-color-picker__format-toggle\"\n              [attr.aria-label]=\"formatToggleLabel()\"\n              (click)=\"cycleInputMode()\">\n              {{ formatLabel() }}\n            </button>\n          }\n        </div>\n\n        @if (hasEyeDropper()) {\n          <div class=\"ea-color-picker__tools\">\n            <button\n              type=\"button\"\n              class=\"ea-color-picker__tool-btn\"\n              [attr.aria-label]=\"i18n.messages().colorPicker.eyedropper\"\n              (click)=\"pickFromScreen()\">\n              <ea-icon-droplet aria-hidden=\"true\" />\n              <span>{{ i18n.messages().colorPicker.eyedropper }}</span>\n            </button>\n          </div>\n        }\n\n        @if (presets().length > 0) {\n          <div class=\"ea-color-picker__presets\">\n            <span\n              class=\"ea-color-picker__presets-label\"\n              [id]=\"id() + '-presets-label'\">\n              {{ i18n.messages().colorPicker.presets }}\n            </span>\n            <div\n              class=\"ea-color-picker__presets-grid\"\n              role=\"group\"\n              [attr.aria-labelledby]=\"id() + '-presets-label'\">\n              @for (preset of presets(); track preset) {\n                <button\n                  type=\"button\"\n                  class=\"ea-color-picker__preset\"\n                  [attr.aria-label]=\"preset\"\n                  [attr.aria-pressed]=\"activePresets().has(preset)\"\n                  [style.background-color]=\"preset\"\n                  (click)=\"selectPreset(preset)\">\n                </button>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-			styles: [".ea-color-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-color-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-color-picker-field--xs{font-size:var(--font-size-xs)}.ea-color-picker-field--sm{font-size:var(--font-size-sm)}.ea-color-picker-field--md{font-size:var(--font-size-md)}.ea-color-picker-field--lg{font-size:var(--font-size-lg)}.ea-color-picker-field--xl{font-size:var(--font-size-xl)}.ea-color-picker,.ea-color-picker__trigger-wrapper{position:relative}.ea-color-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;text-align:start;font-family:var(--font-family-sans);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-color-picker__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--error{border-color:var(--color-error-default)}.ea-color-picker__trigger--error.ea-color-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-color-picker__trigger--error.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--compact{width:auto;min-height:0;padding:.375em}.ea-color-picker__trigger--compact .ea-color-picker__swatch{width:1.5em;height:1.5em}.ea-color-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-color-picker__trigger--readonly{cursor:default}.ea-color-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-color-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:.85em}.ea-color-picker__trigger-value--placeholder{color:var(--color-text-tertiary);font-family:var(--font-family-sans);font-size:1em}.ea-color-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__clear>*{font-size:1.25em}.ea-color-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-color-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__clear:disabled{cursor:default;opacity:.5}.ea-color-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-color-picker__swatch{position:relative;overflow:hidden;flex-shrink:0;width:1.125em;height:1.125em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);forced-color-adjust:none}.ea-color-picker__swatch--lg{width:2.5em;height:2.5em;border-radius:var(--radius-md)}.ea-color-picker__swatch-fill{position:absolute;inset:0;display:block;background-color:var(--color-bg-base);background-image:linear-gradient(var(--_ea-swatch-color, transparent),var(--_ea-swatch-color, transparent)),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;forced-color-adjust:none}.ea-color-picker__popover{display:flex;flex-direction:column;gap:.75em;width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-color-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-color-picker__popover{border:1px solid CanvasText}}.ea-color-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-color-picker__popover--xs{font-size:var(--font-size-xs)}.ea-color-picker__popover--sm{font-size:var(--font-size-sm)}.ea-color-picker__popover--md{font-size:var(--font-size-md)}.ea-color-picker__popover--lg{font-size:var(--font-size-lg)}.ea-color-picker__popover--xl{font-size:var(--font-size-xl)}.ea-color-picker__sv-area{position:relative;overflow:hidden;width:100%;height:10em;border-radius:var(--radius-sm);cursor:crosshair;forced-color-adjust:none;touch-action:none}.ea-color-picker__sv-area:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__sv-area:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__sv-area-sat{position:absolute;inset:0;background:linear-gradient(to right,var(--color-picker-sv-white),transparent);forced-color-adjust:none}.ea-color-picker__sv-area-val{position:absolute;inset:0;background:linear-gradient(to top,var(--color-picker-sv-black),transparent);forced-color-adjust:none}.ea-color-picker__sv-pointer{position:absolute;z-index:1;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__sv-status{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-color-picker__slider-row{display:flex;align-items:center;gap:.5em}.ea-color-picker__strip-stack{display:flex;flex-direction:column;flex:1;gap:.5em}.ea-color-picker__strip{position:relative;width:100%;height:.75em;border-radius:var(--radius-full);cursor:pointer;forced-color-adjust:none;touch-action:none}.ea-color-picker__strip:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__strip:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__strip--hue{background:linear-gradient(to right,var(--color-picker-hue-red) 0%,var(--color-picker-hue-yellow) 17%,var(--color-picker-hue-green) 33%,var(--color-picker-hue-cyan) 50%,var(--color-picker-hue-blue) 67%,var(--color-picker-hue-magenta) 83%,var(--color-picker-hue-red) 100%)}.ea-color-picker__strip--alpha{background-color:var(--color-bg-base);background-image:linear-gradient(to right,transparent 0%,var(--ea-color-picker-alpha-base, currentcolor) 100%),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0}.ea-color-picker__strip-thumb{position:absolute;top:50%;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__inputs{display:flex;align-items:end;gap:.25em}.ea-color-picker__input-group{display:flex;flex:1;flex-direction:column;gap:.25em;min-width:0;text-align:center}.ea-color-picker__input-group--hex{flex:1}.ea-color-picker__format-toggle{flex-shrink:0;min-width:5.2em;padding:.4em .8em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.625em;font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__format-toggle:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__format-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__format-toggle:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__input{width:100%;min-width:0;padding:.375em .5em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.75em;text-align:center;color:var(--color-text-primary)}.ea-color-picker__input:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__input:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input--num{appearance:textfield}.ea-color-picker__input--num::-webkit-outer-spin-button,.ea-color-picker__input--num::-webkit-inner-spin-button{appearance:none;margin:0}.ea-color-picker__tools{display:flex;justify-content:flex-start}.ea-color-picker__tool-btn{display:inline-flex;align-items:center;gap:.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__tool-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__tool-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__tool-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__tool-btn ea-icon-droplet{width:.875em;height:.875em}.ea-color-picker__presets{display:flex;flex-direction:column;gap:.375em;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-color-picker__presets-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__presets-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25em}.ea-color-picker__preset{width:100%;aspect-ratio:1;padding:0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;forced-color-adjust:none;transition:transform var(--duration-fast) var(--ease-out)}.ea-color-picker__preset:hover{transform:scale(1.1)}.ea-color-picker__preset:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__preset:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__preset[aria-selected=true]{box-shadow:0 0 0 2px var(--color-brand-default)}\n"]
+			styles: [".ea-color-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-color-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-color-picker-field--xs{font-size:var(--font-size-xs)}.ea-color-picker-field--sm{font-size:var(--font-size-sm)}.ea-color-picker-field--md{font-size:var(--font-size-md)}.ea-color-picker-field--lg{font-size:var(--font-size-lg)}.ea-color-picker-field--xl{font-size:var(--font-size-xl)}.ea-color-picker,.ea-color-picker__trigger-wrapper{position:relative}.ea-color-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;text-align:start;font-family:var(--font-family-sans);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-color-picker__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--error{border-color:var(--color-error-default)}.ea-color-picker__trigger--error.ea-color-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-color-picker__trigger--error.ea-color-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger--compact{width:auto;min-height:0;padding:.375em}.ea-color-picker__trigger--compact .ea-color-picker__swatch{width:1.5em;height:1.5em}.ea-color-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-color-picker__trigger--readonly{cursor:default}.ea-color-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-color-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:.875em}.ea-color-picker__trigger-value--placeholder{color:var(--color-text-tertiary);font-family:var(--font-family-sans);font-size:1em}.ea-color-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__clear>*{font-size:1.25em}.ea-color-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-color-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__clear:disabled{cursor:default;opacity:.5}.ea-color-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-color-picker__swatch{position:relative;overflow:hidden;flex-shrink:0;width:1.125em;height:1.125em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);forced-color-adjust:none}.ea-color-picker__swatch--lg{width:2.5em;height:2.5em;border-radius:var(--radius-md)}.ea-color-picker__swatch-fill{position:absolute;inset:0;display:block;background-color:var(--color-bg-base);background-image:linear-gradient(var(--_ea-swatch-color, transparent),var(--_ea-swatch-color, transparent)),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0;forced-color-adjust:none}.ea-color-picker__popover{display:flex;flex-direction:column;gap:.75em;width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-color-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-color-picker__popover{border:1px solid CanvasText}}.ea-color-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-color-picker__popover--xs{font-size:var(--font-size-xs)}.ea-color-picker__popover--sm{font-size:var(--font-size-sm)}.ea-color-picker__popover--md{font-size:var(--font-size-md)}.ea-color-picker__popover--lg{font-size:var(--font-size-lg)}.ea-color-picker__popover--xl{font-size:var(--font-size-xl)}.ea-color-picker__sv-area{position:relative;overflow:hidden;width:100%;height:10em;border-radius:var(--radius-sm);cursor:crosshair;forced-color-adjust:none;touch-action:none}.ea-color-picker__sv-area:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__sv-area:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__sv-area-sat{position:absolute;inset:0;background:linear-gradient(to right,var(--color-picker-sv-white),transparent);forced-color-adjust:none}.ea-color-picker__sv-area-val{position:absolute;inset:0;background:linear-gradient(to top,var(--color-picker-sv-black),transparent);forced-color-adjust:none}.ea-color-picker__sv-pointer{position:absolute;z-index:1;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__sv-status{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-color-picker__slider-row{display:flex;align-items:center;gap:.5em}.ea-color-picker__strip-stack{display:flex;flex-direction:column;flex:1;gap:.5em}.ea-color-picker__strip{position:relative;width:100%;height:.75em;border-radius:var(--radius-full);cursor:pointer;forced-color-adjust:none;touch-action:none}.ea-color-picker__strip:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__strip:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__strip--hue{background:linear-gradient(to right,var(--color-picker-hue-red) 0%,var(--color-picker-hue-yellow) 17%,var(--color-picker-hue-green) 33%,var(--color-picker-hue-cyan) 50%,var(--color-picker-hue-blue) 67%,var(--color-picker-hue-magenta) 83%,var(--color-picker-hue-red) 100%)}.ea-color-picker__strip--alpha{background-color:var(--color-bg-base);background-image:linear-gradient(to right,transparent 0%,var(--ea-color-picker-alpha-base, currentcolor) 100%),linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0}.ea-color-picker__strip-thumb{position:absolute;top:50%;width:.875em;height:.875em;border:2px solid var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-picker-thumb-halo);pointer-events:none;transform:translate(-50%,-50%)}.ea-color-picker__inputs{display:flex;align-items:end;gap:.25em}.ea-color-picker__input-group{display:flex;flex:1;flex-direction:column;gap:.25em;min-width:0;text-align:center}.ea-color-picker__input-group--hex{flex:1}.ea-color-picker__format-toggle{flex-shrink:0;min-width:5.2em;padding:.4em .8em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.625em;font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__format-toggle:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__format-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__format-toggle:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__input{width:100%;min-width:0;padding:.375em .5em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.75em;text-align:center;color:var(--color-text-primary)}.ea-color-picker__input:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__input:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__input--num{appearance:textfield}.ea-color-picker__input--num::-webkit-outer-spin-button,.ea-color-picker__input--num::-webkit-inner-spin-button{appearance:none;margin:0}.ea-color-picker__tools{display:flex;justify-content:flex-start}.ea-color-picker__tool-btn{display:inline-flex;align-items:center;gap:.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-color-picker__tool-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-color-picker__tool-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__tool-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__tool-btn ea-icon-droplet{width:.875em;height:.875em}.ea-color-picker__presets{display:flex;flex-direction:column;gap:.375em;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-color-picker__presets-label{font-size:.625em;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.ea-color-picker__presets-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25em}.ea-color-picker__preset{width:100%;aspect-ratio:1;padding:0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;forced-color-adjust:none;transition:transform var(--duration-fast) var(--ease-out)}.ea-color-picker__preset:hover{transform:scale(1.1)}.ea-color-picker__preset:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-color-picker__preset:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-color-picker__preset[aria-selected=true]{box-shadow:0 0 0 2px var(--color-brand-default)}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -18083,6 +19220,1094 @@ function roundTo(value, digits) {
 	const factor = 10 ** digits;
 	return (Math.round(value * factor) / factor).toString();
 }
+const EDGE_INSET = 8;
+const DRAG_THRESHOLD = 4;
+const WHEEL_LINE_PX = 16;
+const ZOOM_RATE = .01;
+function valueBetween(a, b, position, curve) {
+	if (curve === "step") return position < (a.position + b.position) / 2 ? a.value : b.value;
+	return a.value + (b.value - a.value) * (position - a.position) / (b.position - a.position);
+}
+function linearPath(points) {
+	return points.map((p, i) => `${i ? "L" : "M"}${p.x},${p.y}`).join("");
+}
+function stepPath(points) {
+	let d = `M${points[0].x},${points[0].y}`;
+	for (let i = 1; i < points.length; i++) {
+		const mid = (points[i - 1].x + points[i].x) / 2;
+		d += `H${mid}V${points[i].y}H${points[i].x}`;
+	}
+	return d;
+}
+function smoothPath(points) {
+	const n = points.length;
+	if (n < 3) return linearPath(points);
+	const slopes = [];
+	for (let i = 0; i < n - 1; i++) slopes.push((points[i + 1].y - points[i].y) / (points[i + 1].x - points[i].x));
+	const tangents = [slopes[0]];
+	for (let i = 1; i < n - 1; i++) tangents.push(slopes[i - 1] * slopes[i] <= 0 ? 0 : (slopes[i - 1] + slopes[i]) / 2);
+	tangents.push(slopes[n - 2]);
+	for (let i = 0; i < n - 1; i++) {
+		if (slopes[i] === 0) {
+			tangents[i] = 0;
+			tangents[i + 1] = 0;
+			continue;
+		}
+		const a = tangents[i] / slopes[i];
+		const b = tangents[i + 1] / slopes[i];
+		const s = a * a + b * b;
+		if (s > 9) {
+			const k = 3 / Math.sqrt(s);
+			tangents[i] = k * a * slopes[i];
+			tangents[i + 1] = k * b * slopes[i];
+		}
+	}
+	let d = `M${points[0].x},${points[0].y}`;
+	for (let i = 0; i < n - 1; i++) {
+		const p = points[i];
+		const q = points[i + 1];
+		const third = (q.x - p.x) / 3;
+		d += `C${p.x + third},${p.y + tangents[i] * third},${q.x - third},${q.y - tangents[i + 1] * third},${q.x},${q.y}`;
+	}
+	return d;
+}
+const CURVES = {
+	linear: linearPath,
+	smooth: smoothPath,
+	step: stepPath
+};
+let nextId = 0;
+var LineChartComponent = class LineChartComponent {
+	i18n = inject(EagamiI18nService);
+	labels = input([], ...ngDevMode ? [{ debugName: "labels" }] : 	/* istanbul ignore next */ []);
+	series = input([], ...ngDevMode ? [{ debugName: "series" }] : 	/* istanbul ignore next */ []);
+	xValues = input(null, ...ngDevMode ? [{ debugName: "xValues" }] : 	/* istanbul ignore next */ []);
+	xTicks = input(null, ...ngDevMode ? [{ debugName: "xTicks" }] : 	/* istanbul ignore next */ []);
+	visibleXSpan = input(null, ...ngDevMode ? [{ debugName: "visibleXSpan" }] : 	/* istanbul ignore next */ []);
+	curve = input("linear", ...ngDevMode ? [{ debugName: "curve" }] : 	/* istanbul ignore next */ []);
+	showArea = input(false, ...ngDevMode ? [{ debugName: "showArea" }] : 	/* istanbul ignore next */ []);
+	showPoints = input(true, ...ngDevMode ? [{ debugName: "showPoints" }] : 	/* istanbul ignore next */ []);
+	showGrid = input(true, ...ngDevMode ? [{ debugName: "showGrid" }] : 	/* istanbul ignore next */ []);
+	showLegend = input(true, ...ngDevMode ? [{ debugName: "showLegend" }] : 	/* istanbul ignore next */ []);
+	yMin = input(void 0, ...ngDevMode ? [{ debugName: "yMin" }] : 	/* istanbul ignore next */ []);
+	yMax = input(void 0, ...ngDevMode ? [{ debugName: "yMax" }] : 	/* istanbul ignore next */ []);
+	xLabelOrientation = input("horizontal", ...ngDevMode ? [{ debugName: "xLabelOrientation" }] : 	/* istanbul ignore next */ []);
+	showAxisBreak = input(false, ...ngDevMode ? [{ debugName: "showAxisBreak" }] : 	/* istanbul ignore next */ []);
+	height = input(240, ...ngDevMode ? [{ debugName: "height" }] : 	/* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	animation = input("draw", ...ngDevMode ? [{ debugName: "animation" }] : 	/* istanbul ignore next */ []);
+	animationDuration = input(600, ...ngDevMode ? [{ debugName: "animationDuration" }] : 	/* istanbul ignore next */ []);
+	formatValue = input(null, ...ngDevMode ? [{ debugName: "formatValue" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(void 0, {
+		...ngDevMode ? { debugName: "ariaLabel" } : 		/* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	pointClick = output();
+	activePointChange = output();
+	visibleRangeChange = output();
+	viewport = injectChartViewport(this.size);
+	format = injectChartFormatter(this.formatValue);
+	active = signal(null, ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	clipId = `ea-line-chart-clip-${nextId++}`;
+	breakMaskId = `${this.clipId}-break`;
+	panEnd = linkedSignal(() => {
+		this.xValues();
+		this.series();
+		this.visibleXSpan();
+		return null;
+	}, ...ngDevMode ? [{ debugName: "panEnd" }] : 	/* istanbul ignore next */ []);
+	zoomSpan = linkedSignal(() => this.visibleXSpan(), ...ngDevMode ? [{ debugName: "zoomSpan" }] : 	/* istanbul ignore next */ []);
+	gestureSpan = null;
+	panning = signal(false, ...ngDevMode ? [{ debugName: "panning" }] : 	/* istanbul ignore next */ []);
+	drag = null;
+	suppressClick = false;
+	label = computed(() => this.ariaLabel() || this.i18n.messages().chart.lineChart, ...ngDevMode ? [{ debugName: "label" }] : 	/* istanbul ignore next */ []);
+	count = computed(() => Math.max(this.labels().length, ...this.series().map((s) => s.data.length), 0), ...ngDevMode ? [{ debugName: "count" }] : 	/* istanbul ignore next */ []);
+	hasData = computed(() => this.series().some((s) => s.data.some((v) => this.isValue(v))), ...ngDevMode ? [{ debugName: "hasData" }] : 	/* istanbul ignore next */ []);
+	positions = computed(() => {
+		const xValues = this.xValues();
+		return Array.from({ length: this.count() }, (_, i) => xValues ? xValues[i] ?? NaN : i);
+	}, ...ngDevMode ? [{ debugName: "positions" }] : 	/* istanbul ignore next */ []);
+	domain = computed(() => {
+		const known = [...this.positions(), ...this.xTicks()?.map((t) => t.value) ?? []].filter((p) => isFinite(p));
+		const first = known.length ? Math.min(...known) : 0;
+		const last = known.length ? Math.max(...known) : 0;
+		const span = this.zoomSpan();
+		if (span == null || !(span > 0) || last - first <= span) return {
+			first,
+			last,
+			start: first,
+			end: last,
+			span: null
+		};
+		const end = clamp$1(this.panEnd() ?? last, first + span, last);
+		return {
+			first,
+			last,
+			start: end - span,
+			end,
+			span
+		};
+	}, ...ngDevMode ? [{ debugName: "domain" }] : 	/* istanbul ignore next */ []);
+	windowed = computed(() => this.domain().span != null, ...ngDevMode ? [{ debugName: "windowed" }] : 	/* istanbul ignore next */ []);
+	renderPass = computed(() => {
+		this.labels();
+		this.series();
+		this.xValues();
+		this.animation();
+		this.animationDuration();
+		return [{}];
+	}, ...ngDevMode ? [{ debugName: "renderPass" }] : 	/* istanbul ignore next */ []);
+	hostClasses = computed(() => ({
+		[`ea-line-chart--${this.size()}`]: true,
+		[`ea-line-chart--animate-${this.animation()}`]: true,
+		"ea-line-chart--pannable": this.windowed(),
+		"ea-line-chart--panning": this.panning()
+	}), ...ngDevMode ? [{ debugName: "hostClasses" }] : 	/* istanbul ignore next */ []);
+	runs = computed(() => {
+		const positions = this.positions();
+		return this.series().map((s) => {
+			const runs = [];
+			let run = [];
+			positions.forEach((position, index) => {
+				const value = s.data[index];
+				if (!this.isValue(value) || !isFinite(position)) {
+					if (run.length) runs.push(run);
+					run = [];
+					return;
+				}
+				run.push({
+					index,
+					position,
+					value
+				});
+			});
+			if (run.length) runs.push(run);
+			return runs;
+		});
+	}, ...ngDevMode ? [{ debugName: "runs" }] : 	/* istanbul ignore next */ []);
+	visibleValues = computed(() => {
+		const runs = this.runs().flat();
+		const domain = this.domain();
+		if (domain.span == null) return runs.flatMap((run) => run.map((p) => p.value));
+		const curve = this.curve();
+		const values = [];
+		for (const run of runs) run.forEach((point, i) => {
+			if (point.position >= domain.start && point.position <= domain.end) values.push(point.value);
+			const next = run[i + 1];
+			for (const edge of next ? [domain.start, domain.end] : []) if (point.position < edge && next.position > edge) values.push(valueBetween(point, next, edge, curve));
+		});
+		return values;
+	}, ...ngDevMode ? [{ debugName: "visibleValues" }] : 	/* istanbul ignore next */ []);
+	layout = computed(() => {
+		const width = this.viewport.width();
+		const height = this.height();
+		const axisPx = this.viewport.fontSize() * .75;
+		const orientation = this.xLabelOrientation();
+		const fixedAngle = orientation === "auto" ? 0 : CHART_LABEL_ANGLES[orientation];
+		const plot = this.plotArea(width, height, axisPx, fixedAngle);
+		const angle = orientation === "auto" ? [
+			0,
+			45,
+			90
+		].find((a) => this.labelsFit(plot.candidates, a, axisPx)) ?? 90 : fixedAngle;
+		const { plotHeight, min, max, tickTexts, left, plotWidth, x, xLabels } = angle === fixedAngle ? plot : this.plotArea(width, height, axisPx, angle);
+		const top = axisPx;
+		const y = (v) => top + (1 - (clamp$1(v, min, max) - min) / (max - min || 1)) * plotHeight;
+		const baselineY = y(clamp$1(0, min, max));
+		const breakY = this.showAxisBreak() && min > 0 ? top + plotHeight - axisPx * BREAK_HEIGHT : null;
+		const axisY = top + plotHeight;
+		const curve = CURVES[this.curve()];
+		const series = this.series().map((s, seriesIndex) => {
+			const runs = this.runs()[seriesIndex].map((run) => run.map((p) => ({
+				x: x(p.index),
+				y: y(p.value),
+				index: p.index,
+				value: p.value
+			})));
+			return {
+				name: s.name,
+				color: chartColor(seriesIndex, s.color),
+				paths: runs.map(curve),
+				areas: runs.map((seg) => `${curve(seg)}L${seg[seg.length - 1].x},${baselineY}L${seg[0].x},${baselineY}Z`),
+				points: runs.flat()
+			};
+		});
+		return {
+			width,
+			height,
+			top,
+			left,
+			plotWidth,
+			plotHeight,
+			baselineY,
+			windowed: this.domain().span != null,
+			axisBreak: breakY == null ? null : axisBreak(left, top, axisY, breakY, axisPx),
+			axisY,
+			tickEndY: axisY + tickLength(axisPx),
+			labelAngle: angle,
+			labelY: labelLine(axisY, angle, axisPx),
+			tickX: left - axisPx / 2,
+			ticks: tickTexts.map((t) => ({
+				...t,
+				y: y(t.value)
+			})).filter((t) => breakY == null || t.y < breakY - axisPx),
+			xLabels,
+			series,
+			x,
+			y
+		};
+	}, ...ngDevMode ? [{ debugName: "layout" }] : 	/* istanbul ignore next */ []);
+	plotArea(width, height, axisPx, angle) {
+		const format = this.format();
+		const domain = this.domain();
+		const windowed = domain.span != null;
+		const top = axisPx;
+		const bottom = labelBand(this.widestXLabel(axisPx), angle, axisPx, height);
+		const plotHeight = Math.max(1, height - top - bottom);
+		const maxTicks = Math.max(2, Math.floor(plotHeight / (axisPx * 3)));
+		const { min, max, ticks } = this.yScale(this.visibleValues(), plotHeight, axisPx, maxTicks);
+		const tickTexts = ticks.map((value) => ({
+			value,
+			text: format(value)
+		}));
+		const gutterTexts = [...tickTexts.map((t) => t.text), ...windowed ? this.yScale(this.runs().flatMap((runs) => runs.flat().map((p) => p.value)), plotHeight, axisPx, maxTicks).ticks.map(format) : []];
+		const left = Math.max(0, ...gutterTexts.map((t) => estimateTextWidth(t, axisPx))) + axisPx;
+		const positions = this.positions();
+		const xAxis = (right) => {
+			const plotWidth = Math.max(1, width - left - right);
+			const at = this.atPosition(domain, left, plotWidth);
+			const x = (i) => at(positions[i]);
+			return {
+				plotWidth,
+				x,
+				xLabels: this.xLabels(domain, at, x, plotWidth, axisPx, angle),
+				candidates: this.xLabelCandidates(domain, at, x)
+			};
+		};
+		const axis = xAxis(axisPx / 2);
+		const xLabels = axis.xLabels.map((label) => {
+			if (angle) return {
+				...label,
+				textX: label.x
+			};
+			const half = estimateTextWidth(label.text, axisPx) / 2;
+			return {
+				...label,
+				textX: clamp$1(label.x, half, width - half)
+			};
+		});
+		return {
+			plotHeight,
+			min,
+			max,
+			tickTexts,
+			left,
+			...axis,
+			xLabels
+		};
+	}
+	tooltip = computed(() => {
+		const active = this.active();
+		if (!active) return null;
+		const layout = this.layout();
+		const x = layout.x(active.index);
+		const activeValue = this.series()[active.series]?.data[active.index];
+		const rows = this.series().map((s, i) => {
+			const value = s.data[active.index];
+			return {
+				name: s.name,
+				color: chartColor(i, s.color),
+				value: this.tableValue(value),
+				active: i === active.series
+			};
+		});
+		return {
+			x,
+			y: this.isValue(activeValue) ? layout.y(activeValue) : layout.top,
+			title: this.labels()[active.index] ?? "",
+			rows,
+			key: `${active.series}-${active.index}`
+		};
+	}, ...ngDevMode ? [{ debugName: "tooltip" }] : 	/* istanbul ignore next */ []);
+	tooltips = computed(() => {
+		const tip = this.tooltip();
+		return tip ? [tip] : [];
+	}, ...ngDevMode ? [{ debugName: "tooltips" }] : 	/* istanbul ignore next */ []);
+	announcement = computed(() => {
+		const event = this.eventFor(this.active());
+		return event ? this.i18n.messages().chart.point(event.seriesName, event.label, this.format()(event.value)) : "";
+	}, ...ngDevMode ? [{ debugName: "announcement" }] : 	/* istanbul ignore next */ []);
+	showsLegend = computed(() => this.showLegend() && this.series().length > 1, ...ngDevMode ? [{ debugName: "showsLegend" }] : 	/* istanbul ignore next */ []);
+	seriesColor(index) {
+		return chartColor(index, this.series()[index]?.color);
+	}
+	isDimmed(index) {
+		const active = this.active();
+		return !!active && active.series !== index && this.series().length > 1;
+	}
+	isActivePoint(seriesIndex, index) {
+		const active = this.active();
+		return !!active && active.series === seriesIndex && active.index === index;
+	}
+	tableValue(value) {
+		return this.isValue(value) ? this.format()(value) : "–";
+	}
+	onPointerDown(event) {
+		this.suppressClick = false;
+		const domain = this.domain();
+		if (domain.span != null && event.button === 0) this.drag = {
+			pointerId: event.pointerId,
+			x: event.clientX,
+			end: domain.end,
+			moved: false
+		};
+		this.onPointerMove(event);
+	}
+	onPointerMove(event) {
+		if (this.drag && event.buttons === 0) this.endDrag();
+		const drag = this.drag;
+		if (drag && drag.pointerId === event.pointerId) {
+			const dx = event.clientX - drag.x;
+			if (drag.moved || Math.abs(dx) >= DRAG_THRESHOLD) {
+				if (!drag.moved) {
+					drag.moved = true;
+					this.panning.set(true);
+					this.setActive(null);
+					event.currentTarget.setPointerCapture?.(event.pointerId);
+				}
+				this.panTo(drag.end - dx * this.unitsPerPx());
+				return;
+			}
+		}
+		const rect = event.currentTarget.getBoundingClientRect();
+		const index = this.indexAt(event.clientX - rect.left);
+		const py = event.clientY - rect.top;
+		const layout = this.layout();
+		let series = -1;
+		let nearest = Infinity;
+		this.series().forEach((_, i) => {
+			const value = this.valueAt(i, index);
+			if (value == null) return;
+			const distance = Math.abs(layout.y(value) - py);
+			if (distance < nearest) {
+				nearest = distance;
+				series = i;
+			}
+		});
+		this.setActive(series === -1 ? null : {
+			series,
+			index
+		});
+	}
+	onPointerUp(event) {
+		if (this.drag?.pointerId === event.pointerId) {
+			this.suppressClick = this.drag.moved;
+			this.endDrag();
+		}
+	}
+	onPointerLeave() {
+		if (!this.drag?.moved) this.setActive(null);
+	}
+	onWheel(event) {
+		if (event.ctrlKey && event.deltaY && this.visibleXSpan() != null) {
+			event.preventDefault();
+			const { start, end } = this.domain();
+			this.zoomTo((end - start) * Math.exp(event.deltaY * ZOOM_RATE), {
+				clientX: event.clientX,
+				currentTarget: event.currentTarget
+			});
+			return;
+		}
+		const domain = this.domain();
+		if (domain.span == null) return;
+		const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.shiftKey ? event.deltaY : 0;
+		if (!delta) return;
+		event.preventDefault();
+		const unit = event.deltaMode === WheelEvent.DOM_DELTA_LINE ? WHEEL_LINE_PX : event.deltaMode === WheelEvent.DOM_DELTA_PAGE ? this.layout().plotWidth : 1;
+		this.setActive(null);
+		this.panTo(domain.end + delta * unit * this.unitsPerPx());
+	}
+	onClick() {
+		if (this.suppressClick) {
+			this.suppressClick = false;
+			return;
+		}
+		const event = this.eventFor(this.active());
+		if (event) this.pointClick.emit(event);
+	}
+	onFocus() {
+		if (!this.active()) this.setActive(this.firstPoint());
+	}
+	onBlur() {
+		this.setActive(null);
+	}
+	onKeydown(event) {
+		if (!this.active() && event.key.startsWith("Arrow")) {
+			event.preventDefault();
+			this.setActive(this.firstPoint());
+			return;
+		}
+		const active = this.active() ?? this.firstPoint();
+		if (!active) return;
+		const count = this.count();
+		const seriesCount = this.series().length;
+		let next = active;
+		switch (event.key) {
+			case "ArrowRight":
+				next = this.nearestValid(active.series, active.index + 1, 1);
+				break;
+			case "ArrowLeft":
+				next = this.nearestValid(active.series, active.index - 1, -1);
+				break;
+			case "Home":
+				next = this.nearestValid(active.series, 0, 1);
+				break;
+			case "End":
+				next = this.nearestValid(active.series, count - 1, -1);
+				break;
+			case "ArrowUp":
+			case "ArrowDown": {
+				const step = event.key === "ArrowDown" ? 1 : -1;
+				for (let hop = 1; hop < seriesCount; hop++) {
+					const series = (active.series + step * hop + seriesCount) % seriesCount;
+					if (this.valueAt(series, active.index) != null) {
+						next = {
+							series,
+							index: active.index
+						};
+						break;
+					}
+				}
+				break;
+			}
+			case "Enter":
+			case " ":
+				this.onClick();
+				break;
+			case "Escape":
+				next = null;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		const target = next ?? (event.key === "Escape" ? null : active);
+		if (target) this.reveal(target.index);
+		this.setActive(target);
+	}
+	isValue(value) {
+		return value != null && isFinite(value);
+	}
+	yScale(values, plotHeight, axisPx, maxTicks) {
+		const yMin = this.yMin();
+		const yMax = this.yMax();
+		const dataMin = Math.min(...values);
+		const dataMax = Math.max(...values);
+		let lo = yMin ?? dataMin;
+		let hi = yMax ?? dataMax;
+		const zeroFloor = this.showArea() && yMin === void 0 && !(dataMin < 0);
+		if (zeroFloor) lo = Math.min(lo, 0);
+		if (lo > hi) [lo, hi] = [hi, lo];
+		const clearance = axisPx;
+		const breakClearance = axisPx * 6;
+		const derivedFloor = yMin === void 0 && !zeroFloor && dataMin > 0;
+		if (this.windowed() && isFinite(lo) && isFinite(hi)) {
+			const spread = hi - lo || Math.abs(hi) || 1;
+			const pad = clearance * spread / Math.max(1, plotHeight - 2 * clearance);
+			const breakPad = breakClearance * spread / Math.max(1, plotHeight - clearance - breakClearance);
+			const min = yMin ?? (zeroFloor ? lo : derivedFloor ? Math.max(0, lo - breakPad) : lo - pad);
+			const max = yMax ?? hi + pad;
+			return {
+				min,
+				max,
+				ticks: niceScale(min, max, maxTicks).ticks.filter((t) => t >= min && t <= max)
+			};
+		}
+		const scale = niceScale(lo, hi, maxTicks);
+		const step = scale.ticks[1] - scale.ticks[0];
+		const ticks = [...scale.ticks];
+		let min = yMin ?? scale.min;
+		let max = yMax ?? scale.max;
+		if (min > max) [min, max] = [max, min];
+		const px = (value) => value / (max - min || 1) * plotHeight;
+		const lowTight = () => yMin === void 0 && !zeroFloor && px(dataMin - min) < (derivedFloor && min > 0 ? breakClearance : clearance);
+		const highTight = yMax === void 0 && px(max - dataMax) < clearance;
+		for (let steps = 0; steps < 6 && lowTight() && !(derivedFloor && min <= 0); steps++) {
+			min = Number((min - step).toPrecision(12));
+			ticks.unshift(min);
+		}
+		if (highTight) {
+			max = Number((max + step).toPrecision(12));
+			ticks.push(max);
+		}
+		return {
+			min,
+			max,
+			ticks: ticks.filter((t) => t >= min && t <= max)
+		};
+	}
+	atPosition(domain, left, plotWidth) {
+		const inset = domain.span != null ? EDGE_INSET : 0;
+		const inner = Math.max(1, plotWidth - 2 * inset);
+		const extent = domain.end - domain.start;
+		const scale = inner / extent;
+		return (position) => extent > 0 ? left + inset + (position - domain.start) * scale : left + plotWidth / 2;
+	}
+	xLabelCandidates(domain, at, x) {
+		const inView = (position) => position >= domain.start && position <= domain.end;
+		const ticks = this.xTicks();
+		if (ticks) return ticks.filter((t) => inView(t.value)).map((t) => ({
+			key: t.value,
+			text: t.label,
+			x: at(t.value)
+		}));
+		const positions = this.positions();
+		return positions.map((position, index) => ({
+			key: index,
+			text: this.labels()[index] ?? "",
+			x: x(index)
+		})).filter((l) => inView(positions[l.key]));
+	}
+	labelsFit(labels, angle, axisPx) {
+		return labels.every((label, i) => i === 0 || label.x - labels[i - 1].x >= (labelRoom(label.text, angle, axisPx) + labelRoom(labels[i - 1].text, angle, axisPx)) / 2);
+	}
+	xLabels(domain, at, x, plotWidth, axisPx, angle) {
+		const candidates = this.xLabelCandidates(domain, at, x);
+		if (this.xTicks()) return candidates;
+		const texts = this.positions().map((_, i) => this.labels()[i] ?? "");
+		if (!this.xValues()) {
+			const count = texts.length;
+			const extent = domain.end - domain.start;
+			const spacing = count > 1 ? (plotWidth - (domain.span != null ? 2 * EDGE_INSET : 0)) / extent : plotWidth;
+			const room = Math.max(0, ...texts.map((t) => labelRoom(t, angle, axisPx)));
+			const step = Math.max(1, Math.ceil(room / spacing));
+			return candidates.filter((l) => l.key % step === 0);
+		}
+		const labels = [];
+		let edge = -Infinity;
+		for (const label of candidates) {
+			const half = labelRoom(label.text, angle, axisPx) / 2;
+			if (label.x - half >= edge) {
+				labels.push(label);
+				edge = label.x + half;
+			}
+		}
+		return labels;
+	}
+	widestXLabel(axisPx) {
+		const texts = this.xTicks()?.map((t) => t.label) ?? this.labels();
+		return Math.max(0, ...texts.map((t) => estimateTextWidth(t, axisPx)));
+	}
+	onGestureStart(event) {
+		if (this.visibleXSpan() == null) return;
+		event.preventDefault();
+		const { start, end } = this.domain();
+		this.gestureSpan = end - start;
+	}
+	onGestureChange(event) {
+		if (this.gestureSpan == null || !("scale" in event) || !("clientX" in event)) return;
+		const { scale, clientX } = event;
+		if (typeof scale !== "number" || typeof clientX !== "number" || !(scale > 0)) return;
+		event.preventDefault();
+		this.zoomTo(this.gestureSpan / scale, {
+			clientX,
+			currentTarget: event.currentTarget
+		});
+	}
+	onGestureEnd() {
+		this.gestureSpan = null;
+	}
+	zoomTo(span, { clientX, currentTarget }) {
+		const domain = this.domain();
+		const full = domain.last - domain.first;
+		if (!(full > 0) || !(currentTarget instanceof Element)) return;
+		const next = clamp$1(span, Math.min(this.minSpan(), full), full);
+		const shown = domain.end - domain.start;
+		const inset = domain.span != null ? EDGE_INSET : 0;
+		const { left, plotWidth } = this.layout();
+		const ratio = clamp$1((clientX - currentTarget.getBoundingClientRect().left - left - inset) / Math.max(1, plotWidth - 2 * inset), 0, 1);
+		const end = clamp$1(domain.start + ratio * shown + (1 - ratio) * next, domain.first + next, domain.last);
+		this.setActive(null);
+		this.zoomSpan.set(next);
+		this.panEnd.set(end);
+		this.visibleRangeChange.emit({
+			start: end - next,
+			end
+		});
+	}
+	minSpan() {
+		const known = this.positions().filter((p) => isFinite(p)).sort((a, b) => a - b);
+		const gaps = known.slice(1).map((p, i) => p - known[i]).filter((gap) => gap > 0);
+		return gaps.length ? Math.min(...gaps) * 2 : 1;
+	}
+	unitsPerPx() {
+		return (this.domain().span ?? 0) / Math.max(1, this.layout().plotWidth - 2 * EDGE_INSET);
+	}
+	panTo(end) {
+		const domain = this.domain();
+		if (domain.span == null) return;
+		const next = clamp$1(end, domain.first + domain.span, domain.last);
+		if (next === domain.end) return;
+		this.panEnd.set(next);
+		this.visibleRangeChange.emit({
+			start: next - domain.span,
+			end: next
+		});
+	}
+	endDrag() {
+		this.drag = null;
+		this.panning.set(false);
+	}
+	reveal(index) {
+		const domain = this.domain();
+		const position = this.positions()[index];
+		if (domain.span == null) return;
+		if (position < domain.start) this.panTo(position + domain.span);
+		else if (position > domain.end) this.panTo(position);
+	}
+	indexAt(px) {
+		const layout = this.layout();
+		const count = this.count();
+		const domain = this.domain();
+		if (!this.xValues()) {
+			if (count < 2) return 0;
+			const inset = domain.span != null ? EDGE_INSET : 0;
+			const inner = Math.max(1, layout.plotWidth - 2 * inset);
+			return clamp$1(Math.round(domain.start + (px - layout.left - inset) / inner * (domain.end - domain.start)), Math.ceil(domain.start), Math.floor(domain.end));
+		}
+		const positions = this.positions();
+		let best = -1;
+		let nearest = Infinity;
+		for (let index = 0; index < count; index++) {
+			const position = positions[index];
+			if (position < domain.start || position > domain.end || !this.series().some((_, s) => this.valueAt(s, index) != null)) continue;
+			const distance = Math.abs(layout.x(index) - px);
+			if (distance < nearest) {
+				nearest = distance;
+				best = index;
+			}
+		}
+		return best;
+	}
+	valueAt(series, index) {
+		const value = this.series()[series]?.data[index];
+		return this.isValue(value) && isFinite(this.positions()[index]) ? value : null;
+	}
+	firstPoint() {
+		const domain = this.domain();
+		for (let index = 0; index < this.count(); index++) {
+			if (this.positions()[index] < domain.start) continue;
+			const series = this.series().findIndex((_, s) => this.valueAt(s, index) != null);
+			if (series !== -1) return {
+				series,
+				index
+			};
+		}
+		return null;
+	}
+	nearestValid(series, index, step) {
+		for (let i = index; i >= 0 && i < this.count(); i += step) if (this.valueAt(series, i) != null) return {
+			series,
+			index: i
+		};
+		return null;
+	}
+	eventFor(active) {
+		if (!active) return null;
+		const value = this.valueAt(active.series, active.index);
+		if (value == null) return null;
+		return {
+			seriesIndex: active.series,
+			seriesName: this.series()[active.series].name,
+			index: active.index,
+			label: this.labels()[active.index] ?? "",
+			value
+		};
+	}
+	setActive(next) {
+		const current = this.active();
+		if (current?.series === next?.series && current?.index === next?.index) return;
+		this.active.set(next);
+		this.activePointChange.emit(this.eventFor(next));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: LineChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: LineChartComponent,
+		isStandalone: true,
+		selector: "ea-line-chart",
+		inputs: {
+			labels: {
+				classPropertyName: "labels",
+				publicName: "labels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			xValues: {
+				classPropertyName: "xValues",
+				publicName: "xValues",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			xTicks: {
+				classPropertyName: "xTicks",
+				publicName: "xTicks",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			visibleXSpan: {
+				classPropertyName: "visibleXSpan",
+				publicName: "visibleXSpan",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			curve: {
+				classPropertyName: "curve",
+				publicName: "curve",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showArea: {
+				classPropertyName: "showArea",
+				publicName: "showArea",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showPoints: {
+				classPropertyName: "showPoints",
+				publicName: "showPoints",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showGrid: {
+				classPropertyName: "showGrid",
+				publicName: "showGrid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yMin: {
+				classPropertyName: "yMin",
+				publicName: "yMin",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			yMax: {
+				classPropertyName: "yMax",
+				publicName: "yMax",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			xLabelOrientation: {
+				classPropertyName: "xLabelOrientation",
+				publicName: "xLabelOrientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showAxisBreak: {
+				classPropertyName: "showAxisBreak",
+				publicName: "showAxisBreak",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animation: {
+				classPropertyName: "animation",
+				publicName: "animation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animationDuration: {
+				classPropertyName: "animationDuration",
+				publicName: "animationDuration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatValue: {
+				classPropertyName: "formatValue",
+				publicName: "formatValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			pointClick: "pointClick",
+			activePointChange: "activePointChange",
+			visibleRangeChange: "visibleRangeChange"
+		},
+		ngImport: i0,
+		template: "<div\n  class=\"ea-line-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-line-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      @for (pass of renderPass(); track pass) {\n        <svg\n          class=\"ea-line-chart__svg\"\n          aria-hidden=\"true\"\n          [attr.width]=\"layout().width\"\n          [attr.height]=\"layout().height\"\n          [attr.viewBox]=\"'0 0 ' + layout().width + ' ' + layout().height\"\n          [style.--ea-line-chart-baseline]=\"layout().baselineY + 'px'\"\n          (pointermove)=\"onPointerMove($event)\"\n          (pointerdown)=\"onPointerDown($event)\"\n          (pointerup)=\"onPointerUp($event)\"\n          (pointercancel)=\"onPointerUp($event)\"\n          (pointerleave)=\"onPointerLeave()\"\n          (wheel)=\"onWheel($event)\"\n          (gesturestart)=\"onGestureStart($event)\"\n          (gesturechange)=\"onGestureChange($event)\"\n          (gestureend)=\"onGestureEnd()\"\n          (click)=\"onClick()\">\n          @if (layout().windowed) {\n            <defs>\n              <clipPath [attr.id]=\"clipId\">\n                <rect\n                  [attr.x]=\"layout().left\"\n                  y=\"0\"\n                  [attr.width]=\"layout().plotWidth\"\n                  [attr.height]=\"layout().height\" />\n              </clipPath>\n            </defs>\n          }\n          <rect\n            class=\"ea-line-chart__hit\"\n            [attr.x]=\"layout().left\"\n            [attr.y]=\"layout().top\"\n            [attr.width]=\"layout().plotWidth\"\n            [attr.height]=\"layout().plotHeight\" />\n          @for (tick of layout().ticks; track tick.value) {\n            @if (showGrid()) {\n              <line\n                class=\"ea-line-chart__grid\"\n                [attr.x1]=\"layout().left\"\n                [attr.x2]=\"layout().left + layout().plotWidth\"\n                [attr.y1]=\"tick.y\"\n                [attr.y2]=\"tick.y\" />\n            }\n            <text\n              class=\"ea-line-chart__axis ea-line-chart__axis--y\"\n              text-anchor=\"end\"\n              dominant-baseline=\"middle\"\n              [attr.x]=\"layout().tickX\"\n              [attr.y]=\"tick.y\">\n              {{ tick.text }}\n            </text>\n          }\n          <line\n            class=\"ea-line-chart__baseline\"\n            [attr.x1]=\"layout().left\"\n            [attr.x2]=\"layout().left + layout().plotWidth\"\n            [attr.y1]=\"layout().top + layout().plotHeight\"\n            [attr.y2]=\"layout().top + layout().plotHeight\" />\n          @if (layout().axisBreak; as axisBreak) {\n            <path\n              class=\"ea-line-chart__y-axis\"\n              [attr.d]=\"axisBreak.axis\" />\n            <path\n              class=\"ea-line-chart__axis-break\"\n              [attr.d]=\"axisBreak.slashes\" />\n          }\n          @for (xLabel of layout().xLabels; track xLabel.key) {\n            <line\n              class=\"ea-line-chart__x-tick\"\n              [attr.x1]=\"xLabel.x\"\n              [attr.x2]=\"xLabel.x\"\n              [attr.y1]=\"layout().axisY\"\n              [attr.y2]=\"layout().tickEndY\" />\n            <text\n              class=\"ea-line-chart__axis ea-line-chart__axis--x\"\n              [attr.text-anchor]=\"layout().labelAngle ? 'end' : 'middle'\"\n              [attr.dominant-baseline]=\"layout().labelAngle ? 'central' : null\"\n              [attr.transform]=\"\n                layout().labelAngle\n                  ? 'rotate(' +\n                    -layout().labelAngle +\n                    ' ' +\n                    xLabel.x +\n                    ' ' +\n                    layout().labelY +\n                    ')'\n                  : null\n              \"\n              [attr.x]=\"xLabel.textX\"\n              [attr.y]=\"layout().labelY\">\n              {{ xLabel.text }}\n            </text>\n          }\n          @if (layout().axisBreak; as axisBreak) {\n            <!-- Keeps the break's gap open under a crosshair drawn along the y-axis -->\n            <mask\n              maskUnits=\"userSpaceOnUse\"\n              [attr.id]=\"breakMaskId\">\n              <rect\n                fill=\"white\"\n                x=\"0\"\n                y=\"0\"\n                [attr.width]=\"layout().width\"\n                [attr.height]=\"layout().height\" />\n              <rect\n                fill=\"black\"\n                [attr.x]=\"axisBreak.gap.x\"\n                [attr.y]=\"axisBreak.gap.y\"\n                [attr.width]=\"axisBreak.gap.width\"\n                [attr.height]=\"axisBreak.gap.height\" />\n            </mask>\n          }\n          @if (tooltip(); as tip) {\n            <line\n              class=\"ea-line-chart__crosshair\"\n              [attr.mask]=\"layout().axisBreak ? 'url(#' + breakMaskId + ')' : null\"\n              [attr.x1]=\"tip.x\"\n              [attr.x2]=\"tip.x\"\n              [attr.y1]=\"layout().top\"\n              [attr.y2]=\"layout().top + layout().plotHeight\" />\n          }\n          <g [attr.clip-path]=\"layout().windowed ? 'url(#' + clipId + ')' : null\">\n            <g class=\"ea-line-chart__lines\">\n              @for (line of layout().series; track $index; let s = $index) {\n                <g\n                  class=\"ea-line-chart__series\"\n                  [class.ea-line-chart__series--dimmed]=\"isDimmed(s)\"\n                  [style.--ea-chart-color]=\"line.color\">\n                  @if (showArea()) {\n                    @for (area of line.areas; track $index) {\n                      <path\n                        class=\"ea-line-chart__area\"\n                        [attr.d]=\"area\" />\n                    }\n                  }\n                  @for (path of line.paths; track $index) {\n                    <path\n                      class=\"ea-line-chart__line\"\n                      pathLength=\"1\"\n                      [attr.d]=\"path\" />\n                  }\n                  @for (point of line.points; track point.index) {\n                    @if (showPoints() || isActivePoint(s, point.index)) {\n                      <circle\n                        class=\"ea-line-chart__point\"\n                        [class.ea-line-chart__point--active]=\"\n                          isActivePoint(s, point.index)\n                        \"\n                        [attr.cx]=\"point.x\"\n                        [attr.cy]=\"point.y\"\n                        [attr.r]=\"isActivePoint(s, point.index) ? 6 : 4\" />\n                    }\n                  }\n                </g>\n              }\n            </g>\n          </g>\n          @for (tip of tooltips(); track tip.key) {\n            <rect\n              class=\"ea-line-chart__anchor\"\n              width=\"12\"\n              height=\"12\"\n              [attr.x]=\"tip.x - 6\"\n              [attr.y]=\"tip.y - 6\"\n              [eaTooltip]=\"tooltipContent\"\n              [tooltipOpen]=\"true\"\n              [maxWidth]=\"undefined\" />\n          }\n        </svg>\n      }\n      <ng-template #tooltipContent>\n        @if (tooltip(); as tip) {\n          <div class=\"ea-line-chart__tooltip\">\n            <span class=\"ea-line-chart__tooltip-title\">{{ tip.title }}</span>\n            @for (row of tip.rows; track $index) {\n              <span\n                class=\"ea-line-chart__tooltip-row\"\n                [class.ea-line-chart__tooltip-row--active]=\"row.active\">\n                <span\n                  class=\"ea-line-chart__swatch\"\n                  [style.--ea-chart-color]=\"row.color\">\n                </span>\n                <span class=\"ea-line-chart__tooltip-name\">{{ row.name }}</span>\n                <span class=\"ea-line-chart__tooltip-value\">{{ row.value }}</span>\n              </span>\n            }\n          </div>\n        }\n      </ng-template>\n      <!-- Hidden through a block, since a table ignores the 1px size and keeps its full height -->\n      <div class=\"ea-line-chart__table\">\n        <table>\n          <caption>\n            {{ label() }}\n          </caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n\n              @for (s of series(); track $index) {\n                <th scope=\"col\">{{ s.name }}</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of labels(); track $index; let i = $index) {\n              <tr>\n                <th scope=\"row\">{{ row }}</th>\n\n                @for (s of series(); track $index) {\n                  <td>{{ tableValue(s.data[i]) }}</td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div\n      class=\"ea-line-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-line-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showsLegend()) {\n    <ul\n      class=\"ea-line-chart__legend\"\n      aria-hidden=\"true\">\n      @for (s of series(); track $index; let i = $index) {\n        <li class=\"ea-line-chart__legend-item\">\n          <span\n            class=\"ea-line-chart__legend-line\"\n            [style.--ea-chart-color]=\"seriesColor(i)\">\n          </span>\n          {{ s.name }}\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+		styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}ea-line-chart{display:block}.ea-line-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-line-chart--2xs{font-size:var(--font-size-2xs)}.ea-line-chart--xs{font-size:var(--font-size-xs)}.ea-line-chart--sm{font-size:var(--font-size-sm)}.ea-line-chart--md{font-size:var(--font-size-md)}.ea-line-chart--lg{font-size:var(--font-size-lg)}.ea-line-chart--xl{font-size:var(--font-size-xl)}.ea-line-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-line-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-line-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-line-chart__plot svg{display:block;overflow:visible}.ea-line-chart__svg{direction:ltr;touch-action:pan-y}.ea-line-chart__hit{fill:transparent}.ea-line-chart__grid{stroke:var(--color-divider);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__baseline{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__axis{font-size:.75em;fill:var(--color-text-secondary)}.ea-line-chart__x-tick{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__y-axis{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;fill:none}.ea-line-chart__axis-break{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px;stroke-linecap:round}.ea-line-chart__crosshair{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;pointer-events:none}.ea-line-chart__series{pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.ea-line-chart__series--dimmed{opacity:.35}.ea-line-chart__area{fill:var(--ea-chart-color);fill-opacity:.12}.ea-line-chart__line{fill:none;stroke:var(--ea-chart-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ea-line-chart__point{fill:var(--ea-chart-color);stroke:var(--ea-chart-surface, var(--color-bg-base));stroke-width:2px}.ea-line-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-line-chart__anchor{fill:transparent}.ea-line-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-line-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-line-chart__tooltip-row--active{font-weight:var(--font-weight-medium)}.ea-line-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-line-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-line-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-line-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-line-chart__legend-line{width:1em;height:2px;border-radius:var(--radius-full);background-color:var(--ea-chart-color)}.ea-line-chart__table,.ea-line-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-line-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-line-chart--pannable .ea-line-chart__svg{cursor:grab}.ea-line-chart--panning .ea-line-chart__svg{cursor:grabbing;-webkit-user-select:none;user-select:none}.ea-line-chart--animate-draw .ea-line-chart__line{stroke-dasharray:1;animation-name:ea-chart-draw;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-draw .ea-line-chart__line{animation:none}}.ea-line-chart--animate-draw .ea-line-chart__area,.ea-line-chart--animate-draw .ea-line-chart__point{animation-name:ea-chart-fade;animation-delay:var(--ea-chart-duration, .6s);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-draw .ea-line-chart__area,.ea-line-chart--animate-draw .ea-line-chart__point{animation:none}}.ea-line-chart--animate-reveal .ea-line-chart__lines{clip-path:inset(-8px);animation-name:ea-line-chart-reveal;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-reveal .ea-line-chart__lines{animation:none}}.ea-line-chart--animate-fade .ea-line-chart__series{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-fade .ea-line-chart__series{animation:none}}.ea-line-chart--animate-rise .ea-line-chart__series{animation-name:ea-chart-grow-y;transform-origin:0 var(--ea-line-chart-baseline);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-rise .ea-line-chart__series{animation:none}}@keyframes ea-line-chart-reveal{0%{clip-path:inset(-8px 100% -8px -8px)}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgClass,
+			selector: "[ngClass]",
+			inputs: ["class", "ngClass"]
+		}, {
+			kind: "directive",
+			type: TooltipDirective,
+			selector: "[eaTooltip]",
+			inputs: [
+				"eaTooltip",
+				"tooltipPosition",
+				"flip",
+				"whenClipped",
+				"maxWidth",
+				"dismissDelay",
+				"tooltipOpen"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: LineChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-line-chart",
+			imports: [NgClass, TooltipDirective],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: "<div\n  class=\"ea-line-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-line-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      @for (pass of renderPass(); track pass) {\n        <svg\n          class=\"ea-line-chart__svg\"\n          aria-hidden=\"true\"\n          [attr.width]=\"layout().width\"\n          [attr.height]=\"layout().height\"\n          [attr.viewBox]=\"'0 0 ' + layout().width + ' ' + layout().height\"\n          [style.--ea-line-chart-baseline]=\"layout().baselineY + 'px'\"\n          (pointermove)=\"onPointerMove($event)\"\n          (pointerdown)=\"onPointerDown($event)\"\n          (pointerup)=\"onPointerUp($event)\"\n          (pointercancel)=\"onPointerUp($event)\"\n          (pointerleave)=\"onPointerLeave()\"\n          (wheel)=\"onWheel($event)\"\n          (gesturestart)=\"onGestureStart($event)\"\n          (gesturechange)=\"onGestureChange($event)\"\n          (gestureend)=\"onGestureEnd()\"\n          (click)=\"onClick()\">\n          @if (layout().windowed) {\n            <defs>\n              <clipPath [attr.id]=\"clipId\">\n                <rect\n                  [attr.x]=\"layout().left\"\n                  y=\"0\"\n                  [attr.width]=\"layout().plotWidth\"\n                  [attr.height]=\"layout().height\" />\n              </clipPath>\n            </defs>\n          }\n          <rect\n            class=\"ea-line-chart__hit\"\n            [attr.x]=\"layout().left\"\n            [attr.y]=\"layout().top\"\n            [attr.width]=\"layout().plotWidth\"\n            [attr.height]=\"layout().plotHeight\" />\n          @for (tick of layout().ticks; track tick.value) {\n            @if (showGrid()) {\n              <line\n                class=\"ea-line-chart__grid\"\n                [attr.x1]=\"layout().left\"\n                [attr.x2]=\"layout().left + layout().plotWidth\"\n                [attr.y1]=\"tick.y\"\n                [attr.y2]=\"tick.y\" />\n            }\n            <text\n              class=\"ea-line-chart__axis ea-line-chart__axis--y\"\n              text-anchor=\"end\"\n              dominant-baseline=\"middle\"\n              [attr.x]=\"layout().tickX\"\n              [attr.y]=\"tick.y\">\n              {{ tick.text }}\n            </text>\n          }\n          <line\n            class=\"ea-line-chart__baseline\"\n            [attr.x1]=\"layout().left\"\n            [attr.x2]=\"layout().left + layout().plotWidth\"\n            [attr.y1]=\"layout().top + layout().plotHeight\"\n            [attr.y2]=\"layout().top + layout().plotHeight\" />\n          @if (layout().axisBreak; as axisBreak) {\n            <path\n              class=\"ea-line-chart__y-axis\"\n              [attr.d]=\"axisBreak.axis\" />\n            <path\n              class=\"ea-line-chart__axis-break\"\n              [attr.d]=\"axisBreak.slashes\" />\n          }\n          @for (xLabel of layout().xLabels; track xLabel.key) {\n            <line\n              class=\"ea-line-chart__x-tick\"\n              [attr.x1]=\"xLabel.x\"\n              [attr.x2]=\"xLabel.x\"\n              [attr.y1]=\"layout().axisY\"\n              [attr.y2]=\"layout().tickEndY\" />\n            <text\n              class=\"ea-line-chart__axis ea-line-chart__axis--x\"\n              [attr.text-anchor]=\"layout().labelAngle ? 'end' : 'middle'\"\n              [attr.dominant-baseline]=\"layout().labelAngle ? 'central' : null\"\n              [attr.transform]=\"\n                layout().labelAngle\n                  ? 'rotate(' +\n                    -layout().labelAngle +\n                    ' ' +\n                    xLabel.x +\n                    ' ' +\n                    layout().labelY +\n                    ')'\n                  : null\n              \"\n              [attr.x]=\"xLabel.textX\"\n              [attr.y]=\"layout().labelY\">\n              {{ xLabel.text }}\n            </text>\n          }\n          @if (layout().axisBreak; as axisBreak) {\n            <!-- Keeps the break's gap open under a crosshair drawn along the y-axis -->\n            <mask\n              maskUnits=\"userSpaceOnUse\"\n              [attr.id]=\"breakMaskId\">\n              <rect\n                fill=\"white\"\n                x=\"0\"\n                y=\"0\"\n                [attr.width]=\"layout().width\"\n                [attr.height]=\"layout().height\" />\n              <rect\n                fill=\"black\"\n                [attr.x]=\"axisBreak.gap.x\"\n                [attr.y]=\"axisBreak.gap.y\"\n                [attr.width]=\"axisBreak.gap.width\"\n                [attr.height]=\"axisBreak.gap.height\" />\n            </mask>\n          }\n          @if (tooltip(); as tip) {\n            <line\n              class=\"ea-line-chart__crosshair\"\n              [attr.mask]=\"layout().axisBreak ? 'url(#' + breakMaskId + ')' : null\"\n              [attr.x1]=\"tip.x\"\n              [attr.x2]=\"tip.x\"\n              [attr.y1]=\"layout().top\"\n              [attr.y2]=\"layout().top + layout().plotHeight\" />\n          }\n          <g [attr.clip-path]=\"layout().windowed ? 'url(#' + clipId + ')' : null\">\n            <g class=\"ea-line-chart__lines\">\n              @for (line of layout().series; track $index; let s = $index) {\n                <g\n                  class=\"ea-line-chart__series\"\n                  [class.ea-line-chart__series--dimmed]=\"isDimmed(s)\"\n                  [style.--ea-chart-color]=\"line.color\">\n                  @if (showArea()) {\n                    @for (area of line.areas; track $index) {\n                      <path\n                        class=\"ea-line-chart__area\"\n                        [attr.d]=\"area\" />\n                    }\n                  }\n                  @for (path of line.paths; track $index) {\n                    <path\n                      class=\"ea-line-chart__line\"\n                      pathLength=\"1\"\n                      [attr.d]=\"path\" />\n                  }\n                  @for (point of line.points; track point.index) {\n                    @if (showPoints() || isActivePoint(s, point.index)) {\n                      <circle\n                        class=\"ea-line-chart__point\"\n                        [class.ea-line-chart__point--active]=\"\n                          isActivePoint(s, point.index)\n                        \"\n                        [attr.cx]=\"point.x\"\n                        [attr.cy]=\"point.y\"\n                        [attr.r]=\"isActivePoint(s, point.index) ? 6 : 4\" />\n                    }\n                  }\n                </g>\n              }\n            </g>\n          </g>\n          @for (tip of tooltips(); track tip.key) {\n            <rect\n              class=\"ea-line-chart__anchor\"\n              width=\"12\"\n              height=\"12\"\n              [attr.x]=\"tip.x - 6\"\n              [attr.y]=\"tip.y - 6\"\n              [eaTooltip]=\"tooltipContent\"\n              [tooltipOpen]=\"true\"\n              [maxWidth]=\"undefined\" />\n          }\n        </svg>\n      }\n      <ng-template #tooltipContent>\n        @if (tooltip(); as tip) {\n          <div class=\"ea-line-chart__tooltip\">\n            <span class=\"ea-line-chart__tooltip-title\">{{ tip.title }}</span>\n            @for (row of tip.rows; track $index) {\n              <span\n                class=\"ea-line-chart__tooltip-row\"\n                [class.ea-line-chart__tooltip-row--active]=\"row.active\">\n                <span\n                  class=\"ea-line-chart__swatch\"\n                  [style.--ea-chart-color]=\"row.color\">\n                </span>\n                <span class=\"ea-line-chart__tooltip-name\">{{ row.name }}</span>\n                <span class=\"ea-line-chart__tooltip-value\">{{ row.value }}</span>\n              </span>\n            }\n          </div>\n        }\n      </ng-template>\n      <!-- Hidden through a block, since a table ignores the 1px size and keeps its full height -->\n      <div class=\"ea-line-chart__table\">\n        <table>\n          <caption>\n            {{ label() }}\n          </caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n\n              @for (s of series(); track $index) {\n                <th scope=\"col\">{{ s.name }}</th>\n              }\n            </tr>\n          </thead>\n          <tbody>\n            @for (row of labels(); track $index; let i = $index) {\n              <tr>\n                <th scope=\"row\">{{ row }}</th>\n\n                @for (s of series(); track $index) {\n                  <td>{{ tableValue(s.data[i]) }}</td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div\n      class=\"ea-line-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-line-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showsLegend()) {\n    <ul\n      class=\"ea-line-chart__legend\"\n      aria-hidden=\"true\">\n      @for (s of series(); track $index; let i = $index) {\n        <li class=\"ea-line-chart__legend-item\">\n          <span\n            class=\"ea-line-chart__legend-line\"\n            [style.--ea-chart-color]=\"seriesColor(i)\">\n          </span>\n          {{ s.name }}\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+			styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}ea-line-chart{display:block}.ea-line-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-line-chart--2xs{font-size:var(--font-size-2xs)}.ea-line-chart--xs{font-size:var(--font-size-xs)}.ea-line-chart--sm{font-size:var(--font-size-sm)}.ea-line-chart--md{font-size:var(--font-size-md)}.ea-line-chart--lg{font-size:var(--font-size-lg)}.ea-line-chart--xl{font-size:var(--font-size-xl)}.ea-line-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-line-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-line-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-line-chart__plot svg{display:block;overflow:visible}.ea-line-chart__svg{direction:ltr;touch-action:pan-y}.ea-line-chart__hit{fill:transparent}.ea-line-chart__grid{stroke:var(--color-divider);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__baseline{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__axis{font-size:.75em;fill:var(--color-text-secondary)}.ea-line-chart__x-tick{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges}.ea-line-chart__y-axis{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;fill:none}.ea-line-chart__axis-break{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px;stroke-linecap:round}.ea-line-chart__crosshair{stroke:var(--color-border-strong);stroke-width:1px;shape-rendering:crispEdges;pointer-events:none}.ea-line-chart__series{pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.ea-line-chart__series--dimmed{opacity:.35}.ea-line-chart__area{fill:var(--ea-chart-color);fill-opacity:.12}.ea-line-chart__line{fill:none;stroke:var(--ea-chart-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ea-line-chart__point{fill:var(--ea-chart-color);stroke:var(--ea-chart-surface, var(--color-bg-base));stroke-width:2px}.ea-line-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-line-chart__anchor{fill:transparent}.ea-line-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-line-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-line-chart__tooltip-row--active{font-weight:var(--font-weight-medium)}.ea-line-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-line-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-line-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-line-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-line-chart__legend-line{width:1em;height:2px;border-radius:var(--radius-full);background-color:var(--ea-chart-color)}.ea-line-chart__table,.ea-line-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-line-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-line-chart--pannable .ea-line-chart__svg{cursor:grab}.ea-line-chart--panning .ea-line-chart__svg{cursor:grabbing;-webkit-user-select:none;user-select:none}.ea-line-chart--animate-draw .ea-line-chart__line{stroke-dasharray:1;animation-name:ea-chart-draw;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-draw .ea-line-chart__line{animation:none}}.ea-line-chart--animate-draw .ea-line-chart__area,.ea-line-chart--animate-draw .ea-line-chart__point{animation-name:ea-chart-fade;animation-delay:var(--ea-chart-duration, .6s);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-draw .ea-line-chart__area,.ea-line-chart--animate-draw .ea-line-chart__point{animation:none}}.ea-line-chart--animate-reveal .ea-line-chart__lines{clip-path:inset(-8px);animation-name:ea-line-chart-reveal;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-reveal .ea-line-chart__lines{animation:none}}.ea-line-chart--animate-fade .ea-line-chart__series{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-fade .ea-line-chart__series{animation:none}}.ea-line-chart--animate-rise .ea-line-chart__series{animation-name:ea-chart-grow-y;transform-origin:0 var(--ea-line-chart-baseline);animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-line-chart--animate-rise .ea-line-chart__series{animation:none}}@keyframes ea-line-chart-reveal{0%{clip-path:inset(-8px 100% -8px -8px)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: false
+			}]
+		}],
+		xValues: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xValues",
+				required: false
+			}]
+		}],
+		xTicks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xTicks",
+				required: false
+			}]
+		}],
+		visibleXSpan: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "visibleXSpan",
+				required: false
+			}]
+		}],
+		curve: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "curve",
+				required: false
+			}]
+		}],
+		showArea: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showArea",
+				required: false
+			}]
+		}],
+		showPoints: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showPoints",
+				required: false
+			}]
+		}],
+		showGrid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showGrid",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		yMin: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yMin",
+				required: false
+			}]
+		}],
+		yMax: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yMax",
+				required: false
+			}]
+		}],
+		xLabelOrientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xLabelOrientation",
+				required: false
+			}]
+		}],
+		showAxisBreak: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showAxisBreak",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		animation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animation",
+				required: false
+			}]
+		}],
+		animationDuration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animationDuration",
+				required: false
+			}]
+		}],
+		formatValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatValue",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		pointClick: [{
+			type: i0.Output,
+			args: ["pointClick"]
+		}],
+		activePointChange: [{
+			type: i0.Output,
+			args: ["activePointChange"]
+		}],
+		visibleRangeChange: [{
+			type: i0.Output,
+			args: ["visibleRangeChange"]
+		}]
+	}
+});
 var MenuComponent = class MenuComponent {
 	injector = inject(Injector);
 	i18n = inject(EagamiI18nService);
@@ -18749,7 +20974,8 @@ var TagComponent = class TagComponent {
 					"flip",
 					"whenClipped",
 					"maxWidth",
-					"dismissDelay"
+					"dismissDelay",
+					"tooltipOpen"
 				]
 			},
 			{
@@ -19423,7 +21649,7 @@ var MultiSelectComponent = class MultiSelectComponent {
 		],
 		ngImport: i0,
 		template: "<div class=\"ea-multi-select-field ea-multi-select-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-multi-select\">\n    <div\n      #wrapperEl\n      class=\"ea-multi-select__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\"\n      (click)=\"onTriggerAreaClick()\">\n      <div\n        #triggerEl\n        class=\"ea-multi-select__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        [id]=\"id()\"\n        role=\"combobox\"\n        [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n        [attr.aria-labelledby]=\"label() ? id() + '-label' : null\"\n        [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-controls]=\"isOpen() ? listboxId() : null\"\n        [attr.aria-activedescendant]=\"isOpen() && !searchable() ? activeOptionId() : null\"\n        [attr.aria-disabled]=\"isDisabled() || null\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (keydown)=\"handleTriggerKeydown($event)\">\n        <span class=\"ea-multi-select__trigger-content\">\n          @if (!hasValue()) {\n            <span class=\"ea-multi-select__trigger-placeholder\">\n              <bdi>{{ resolvedPlaceholder() }}</bdi>\n            </span>\n          } @else {\n            @for (opt of visibleChips(); track opt.value) {\n              <ea-tag\n                [size]=\"size()\"\n                variant=\"default\"\n                [maxWidth]=\"maxChipWidth()\"\n                [removable]=\"!isDisabled() && !readonly()\"\n                [removeTabbable]=\"false\"\n                [removeLabel]=\"i18n.messages().multiSelect.removeOption(opt.label)\"\n                (removed)=\"removeChip(opt)\">\n                <span>{{ opt.label }}</span>\n              </ea-tag>\n            }\n            @if (hiddenChipCount() > 0) {\n              <span class=\"ea-multi-select__more\">+{{ hiddenChipCount() }}</span>\n            }\n          }\n        </span>\n      </div>\n      @if (hasValue() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-multi-select__clear\"\n          [attr.aria-label]=\"i18n.messages().multiSelect.clearAll\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-multi-select__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n      <ea-icon-chevron-down\n        class=\"ea-multi-select__trigger-icon\"\n        aria-hidden=\"true\" />\n    </div>\n\n    <ea-popover\n      [anchor]=\"wrapperEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      [aria-label]=\"i18n.messages().multiSelect.dialogLabel\"\n      [matchAnchorWidth]=\"true\"\n      [maxWidth]=\"popoverMaxWidth()\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"reposition\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-multi-select__popover\"\n        [ngClass]=\"menuClasses()\"\n        [style.max-height.px]=\"popoverMaxHeight()\">\n        @if (searchable()) {\n          <div class=\"ea-multi-select__search\">\n            <ea-icon-search\n              class=\"ea-multi-select__search-icon\"\n              aria-hidden=\"true\" />\n            <input\n              #searchEl\n              type=\"text\"\n              dir=\"auto\"\n              class=\"ea-multi-select__search-input\"\n              autocomplete=\"off\"\n              [placeholder]=\"resolvedSearchPlaceholder()\"\n              [value]=\"searchTerm()\"\n              [attr.aria-controls]=\"listboxId()\"\n              [attr.aria-activedescendant]=\"activeOptionId()\"\n              (input)=\"onSearchInput($event)\"\n              (keydown)=\"handlePopoverKeydown($event)\" />\n          </div>\n        }\n\n        <ul\n          #listEl\n          class=\"ea-multi-select__list\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          [id]=\"listboxId()\"\n          [attr.aria-label]=\"label() ?? ariaLabel() ?? null\">\n          @if (selectAllVisible()) {\n            <li\n              class=\"ea-multi-select__option ea-multi-select__option--select-all\"\n              [class.ea-multi-select__option--focused]=\"focusedIndex() === 0\"\n              [id]=\"id() + '-opt-0'\"\n              role=\"option\"\n              [attr.aria-selected]=\"selectAllState() === 'all'\"\n              [attr.aria-checked]=\"selectAllAriaChecked()\"\n              (click)=\"onSelectAllClick()\">\n              <ea-checkbox\n                size=\"sm\"\n                inert\n                aria-hidden=\"true\"\n                [checked]=\"selectAllState() === 'all'\"\n                [indeterminate]=\"selectAllState() === 'some'\" />\n              <span class=\"ea-multi-select__option-label\">\n                {{ i18n.messages().multiSelect.selectAll }}\n              </span>\n            </li>\n          }\n          @for (group of renderedGroups(); track $index) {\n            <li\n              class=\"ea-multi-select__group\"\n              [class.ea-multi-select__group--ruled]=\"group.rule\"\n              role=\"presentation\">\n              @if (group.label; as groupLabel) {\n                <span\n                  class=\"ea-multi-select__group-label\"\n                  aria-hidden=\"true\">\n                  {{ groupLabel }}\n                </span>\n              }\n              <ul\n                class=\"ea-multi-select__group-options\"\n                [attr.role]=\"grouped() ? 'group' : 'presentation'\"\n                [attr.aria-label]=\"group.label ?? null\">\n                @for (entry of group.options; track entry.option.value) {\n                  <li\n                    class=\"ea-multi-select__option\"\n                    [class.ea-multi-select__option--focused]=\"\n                      focusedIndex() === entry.index + selectAllOffset()\n                    \"\n                    [class.ea-multi-select__option--disabled]=\"entry.option.disabled\"\n                    [id]=\"id() + '-opt-' + (entry.index + selectAllOffset())\"\n                    role=\"option\"\n                    [attr.aria-selected]=\"selectedSet().has(entry.option.value)\"\n                    [attr.aria-disabled]=\"entry.option.disabled || null\"\n                    (click)=\"onOptionClick(entry.option, entry.index)\">\n                    <ea-checkbox\n                      size=\"sm\"\n                      inert\n                      aria-hidden=\"true\"\n                      [checked]=\"selectedSet().has(entry.option.value)\"\n                      [disabled]=\"!!entry.option.disabled\" />\n                    <span\n                      #optionLabelEl\n                      class=\"ea-multi-select__option-label\"\n                      [attr.data-value]=\"entry.option.value\"\n                      [eaTooltip]=\"\n                        clippedOptions().has(entry.option.value) ? entry.option.label : ''\n                      \">\n                      {{ entry.option.label }}\n                    </span>\n                  </li>\n                }\n              </ul>\n            </li>\n          }\n          @if (creatableText(); as newText) {\n            <li\n              class=\"ea-multi-select__option ea-multi-select__option--create\"\n              [class.ea-multi-select__option--focused]=\"focusedIndex() === createRow()\"\n              [id]=\"id() + '-opt-' + createRow()\"\n              role=\"option\"\n              [attr.aria-selected]=\"false\"\n              (click)=\"createOption()\">\n              <ea-icon-plus\n                class=\"ea-multi-select__create-icon\"\n                aria-hidden=\"true\" />\n              <span class=\"ea-multi-select__option-label\">\n                {{ i18n.messages().multiSelect.create(newText) }}\n              </span>\n            </li>\n          }\n        </ul>\n        @if (filteredOptions().length === 0 && !creatableText()) {\n          <div\n            class=\"ea-multi-select__empty\"\n            role=\"status\">\n            {{ i18n.messages().multiSelect.searchEmpty }}\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-		styles: [".ea-multi-select-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-multi-select-field--2xs{font-size:var(--font-size-2xs)}.ea-multi-select-field--xs{font-size:var(--font-size-xs)}.ea-multi-select-field--sm{font-size:var(--font-size-sm)}.ea-multi-select-field--md{font-size:var(--font-size-md)}.ea-multi-select-field--lg{font-size:var(--font-size-lg)}.ea-multi-select-field--xl{font-size:var(--font-size-xl)}.ea-multi-select{position:relative}.ea-multi-select__trigger-wrapper{position:relative;display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-multi-select__trigger-wrapper:has(ea-tag){padding-block:.125em}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error){border-color:var(--color-error-default)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--disabled){background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly){cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger{display:flex;align-items:center;flex:1;min-width:0;text-align:start;font-family:var(--font-family-sans);cursor:pointer}.ea-multi-select__trigger:focus-visible{outline:none}.ea-multi-select__trigger--disabled,.ea-multi-select__trigger--readonly{cursor:default}.ea-multi-select__trigger-content{display:flex;flex-wrap:nowrap;align-items:center;gap:.25em;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ea-multi-select__trigger-content::-webkit-scrollbar{display:none}.ea-multi-select__trigger-content ea-tag{flex-shrink:0;--ea-tag-padding-block: 0}.ea-multi-select__trigger-placeholder{color:var(--color-text-tertiary)}.ea-multi-select__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:var(--transition-transform)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open) .ea-multi-select__trigger-icon{transform:rotate(180deg)}.ea-multi-select__more{display:inline-flex;flex-shrink:0;align-items:center;padding:0 .4411764706em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted);font-size:.85em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ea-multi-select__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__clear>*{font-size:1.25em}.ea-multi-select__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-multi-select__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-multi-select__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__clear:disabled{cursor:default;opacity:.5}.ea-multi-select__clear{flex-shrink:0}.ea-multi-select__popover{display:flex;flex-direction:column;overflow:hidden;max-height:20rem;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-multi-select-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-multi-select__popover{border:1px solid CanvasText}}.ea-multi-select__popover--2xs{font-size:var(--font-size-2xs)}.ea-multi-select__popover--xs{font-size:var(--font-size-xs)}.ea-multi-select__popover--sm{font-size:var(--font-size-sm)}.ea-multi-select__popover--md{font-size:var(--font-size-md)}.ea-multi-select__popover--lg{font-size:var(--font-size-lg)}.ea-multi-select__popover--xl{font-size:var(--font-size-xl)}.ea-multi-select__search{display:flex;align-items:center;gap:.5em;flex-shrink:0;padding:.5em .75em;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-multi-select__search-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-tertiary)}.ea-multi-select__search-input{flex:1;min-width:0;padding:0;border:none;background:none;font-family:var(--font-family-sans);font-size:inherit;color:var(--color-text-primary)}.ea-multi-select__search-input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-multi-select__search-input:focus{outline:none}.ea-multi-select__list{overflow-y:auto;overscroll-behavior:none;flex:1;margin:0;padding:.25em 0;list-style:none}.ea-multi-select__group{position:relative}.ea-multi-select__group--ruled{padding-top:.25em;margin-top:.25em}.ea-multi-select__group--ruled:before{position:absolute;top:0;inset-inline-end:0;inset-inline-start:0;height:var(--border-width-thin);background-color:var(--color-divider);content:\"\"}.ea-multi-select__group-options{padding:0;margin:0;list-style:none}.ea-multi-select__group-label{display:block;padding:.5em .75em .125em;font-size:.8125em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.ea-multi-select__option{display:flex;align-items:center;gap:.5em;padding:.375em .75em;font-size:inherit;font-family:var(--font-family-sans);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__option--focused{background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option--focused{background-color:Highlight;color:HighlightText}}.ea-multi-select__option--disabled{color:var(--color-text-disabled);cursor:default}@media(forced-colors:active){.ea-multi-select__option--disabled{color:GrayText}}.ea-multi-select__option--select-all{border-bottom:var(--border-width-thin) solid var(--color-border-default);font-weight:var(--font-weight-medium)}.ea-multi-select__option--create{font-weight:var(--font-weight-medium);color:var(--color-brand-text)}.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:Highlight;color:HighlightText}}.ea-multi-select__option ea-checkbox{pointer-events:none;display:inline-flex;align-items:center;line-height:1}.ea-multi-select__create-icon{flex-shrink:0;width:1em;height:1em}.ea-multi-select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ea-multi-select__empty{padding:.75em;font-size:inherit;text-align:center;color:var(--color-text-tertiary);list-style:none}\n"],
+		styles: [".ea-multi-select-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-multi-select-field--2xs{font-size:var(--font-size-2xs)}.ea-multi-select-field--xs{font-size:var(--font-size-xs)}.ea-multi-select-field--sm{font-size:var(--font-size-sm)}.ea-multi-select-field--md{font-size:var(--font-size-md)}.ea-multi-select-field--lg{font-size:var(--font-size-lg)}.ea-multi-select-field--xl{font-size:var(--font-size-xl)}.ea-multi-select{position:relative}.ea-multi-select__trigger-wrapper{position:relative;display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-multi-select__trigger-wrapper:has(ea-tag){padding-block:.125em}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error){border-color:var(--color-error-default)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--disabled){background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly){cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger{display:flex;align-items:center;flex:1;min-width:0;text-align:start;font-family:var(--font-family-sans);cursor:pointer}.ea-multi-select__trigger:focus-visible{outline:none}.ea-multi-select__trigger--disabled,.ea-multi-select__trigger--readonly{cursor:default}.ea-multi-select__trigger-content{display:flex;flex-wrap:nowrap;align-items:center;gap:.25em;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ea-multi-select__trigger-content::-webkit-scrollbar{display:none}.ea-multi-select__trigger-content ea-tag{flex-shrink:0;--ea-tag-padding-block: 0}.ea-multi-select__trigger-placeholder{color:var(--color-text-tertiary)}.ea-multi-select__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:var(--transition-transform)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open) .ea-multi-select__trigger-icon{transform:rotate(180deg)}.ea-multi-select__more{display:inline-flex;flex-shrink:0;align-items:center;padding:0 .4285714286em;font-size:.875em;font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);color:var(--color-text-secondary)}.ea-multi-select__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__clear>*{font-size:1.25em}.ea-multi-select__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-multi-select__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-multi-select__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__clear:disabled{cursor:default;opacity:.5}.ea-multi-select__clear{flex-shrink:0}.ea-multi-select__popover{display:flex;flex-direction:column;overflow:hidden;max-height:20rem;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-multi-select-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-multi-select__popover{border:1px solid CanvasText}}.ea-multi-select__popover--2xs{font-size:var(--font-size-2xs)}.ea-multi-select__popover--xs{font-size:var(--font-size-xs)}.ea-multi-select__popover--sm{font-size:var(--font-size-sm)}.ea-multi-select__popover--md{font-size:var(--font-size-md)}.ea-multi-select__popover--lg{font-size:var(--font-size-lg)}.ea-multi-select__popover--xl{font-size:var(--font-size-xl)}.ea-multi-select__search{display:flex;align-items:center;gap:.5em;flex-shrink:0;padding:.5em .75em;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-multi-select__search-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-tertiary)}.ea-multi-select__search-input{flex:1;min-width:0;padding:0;border:none;background:none;font-family:var(--font-family-sans);font-size:inherit;color:var(--color-text-primary)}.ea-multi-select__search-input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-multi-select__search-input:focus{outline:none}.ea-multi-select__list{overflow-y:auto;overscroll-behavior:none;flex:1;margin:0;padding:.25em 0;list-style:none}.ea-multi-select__group{position:relative}.ea-multi-select__group--ruled{padding-top:.25em;margin-top:.25em}.ea-multi-select__group--ruled:before{position:absolute;top:0;inset-inline-end:0;inset-inline-start:0;height:var(--border-width-thin);background-color:var(--color-divider);content:\"\"}.ea-multi-select__group-options{padding:0;margin:0;list-style:none}.ea-multi-select__group-label{display:block;padding:.5em .75em .125em;font-size:.8125em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.ea-multi-select__option{display:flex;align-items:center;gap:.5em;padding:.375em .75em;font-size:inherit;font-family:var(--font-family-sans);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__option--focused{background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option--focused{background-color:Highlight;color:HighlightText}}.ea-multi-select__option--disabled{color:var(--color-text-disabled);cursor:default}@media(forced-colors:active){.ea-multi-select__option--disabled{color:GrayText}}.ea-multi-select__option--select-all{border-bottom:var(--border-width-thin) solid var(--color-border-default);font-weight:var(--font-weight-medium)}.ea-multi-select__option--create{font-weight:var(--font-weight-medium);color:var(--color-brand-text)}.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:Highlight;color:HighlightText}}.ea-multi-select__option ea-checkbox{pointer-events:none;display:inline-flex;align-items:center;line-height:1}.ea-multi-select__create-icon{flex-shrink:0;width:1em;height:1em}.ea-multi-select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ea-multi-select__empty{padding:.75em;font-size:inherit;text-align:center;color:var(--color-text-tertiary);list-style:none}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -19541,7 +21767,8 @@ var MultiSelectComponent = class MultiSelectComponent {
 					"flip",
 					"whenClipped",
 					"maxWidth",
-					"dismissDelay"
+					"dismissDelay",
+					"tooltipOpen"
 				]
 			},
 			{
@@ -19582,7 +21809,7 @@ i0.ɵɵngDeclareClassMetadata({
 				multi: true
 			}],
 			template: "<div class=\"ea-multi-select-field ea-multi-select-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-multi-select\">\n    <div\n      #wrapperEl\n      class=\"ea-multi-select__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\"\n      (click)=\"onTriggerAreaClick()\">\n      <div\n        #triggerEl\n        class=\"ea-multi-select__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        [id]=\"id()\"\n        role=\"combobox\"\n        [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n        [attr.aria-labelledby]=\"label() ? id() + '-label' : null\"\n        [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-controls]=\"isOpen() ? listboxId() : null\"\n        [attr.aria-activedescendant]=\"isOpen() && !searchable() ? activeOptionId() : null\"\n        [attr.aria-disabled]=\"isDisabled() || null\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (keydown)=\"handleTriggerKeydown($event)\">\n        <span class=\"ea-multi-select__trigger-content\">\n          @if (!hasValue()) {\n            <span class=\"ea-multi-select__trigger-placeholder\">\n              <bdi>{{ resolvedPlaceholder() }}</bdi>\n            </span>\n          } @else {\n            @for (opt of visibleChips(); track opt.value) {\n              <ea-tag\n                [size]=\"size()\"\n                variant=\"default\"\n                [maxWidth]=\"maxChipWidth()\"\n                [removable]=\"!isDisabled() && !readonly()\"\n                [removeTabbable]=\"false\"\n                [removeLabel]=\"i18n.messages().multiSelect.removeOption(opt.label)\"\n                (removed)=\"removeChip(opt)\">\n                <span>{{ opt.label }}</span>\n              </ea-tag>\n            }\n            @if (hiddenChipCount() > 0) {\n              <span class=\"ea-multi-select__more\">+{{ hiddenChipCount() }}</span>\n            }\n          }\n        </span>\n      </div>\n      @if (hasValue() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-multi-select__clear\"\n          [attr.aria-label]=\"i18n.messages().multiSelect.clearAll\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-multi-select__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n      <ea-icon-chevron-down\n        class=\"ea-multi-select__trigger-icon\"\n        aria-hidden=\"true\" />\n    </div>\n\n    <ea-popover\n      [anchor]=\"wrapperEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      [aria-label]=\"i18n.messages().multiSelect.dialogLabel\"\n      [matchAnchorWidth]=\"true\"\n      [maxWidth]=\"popoverMaxWidth()\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"reposition\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-multi-select__popover\"\n        [ngClass]=\"menuClasses()\"\n        [style.max-height.px]=\"popoverMaxHeight()\">\n        @if (searchable()) {\n          <div class=\"ea-multi-select__search\">\n            <ea-icon-search\n              class=\"ea-multi-select__search-icon\"\n              aria-hidden=\"true\" />\n            <input\n              #searchEl\n              type=\"text\"\n              dir=\"auto\"\n              class=\"ea-multi-select__search-input\"\n              autocomplete=\"off\"\n              [placeholder]=\"resolvedSearchPlaceholder()\"\n              [value]=\"searchTerm()\"\n              [attr.aria-controls]=\"listboxId()\"\n              [attr.aria-activedescendant]=\"activeOptionId()\"\n              (input)=\"onSearchInput($event)\"\n              (keydown)=\"handlePopoverKeydown($event)\" />\n          </div>\n        }\n\n        <ul\n          #listEl\n          class=\"ea-multi-select__list\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          [id]=\"listboxId()\"\n          [attr.aria-label]=\"label() ?? ariaLabel() ?? null\">\n          @if (selectAllVisible()) {\n            <li\n              class=\"ea-multi-select__option ea-multi-select__option--select-all\"\n              [class.ea-multi-select__option--focused]=\"focusedIndex() === 0\"\n              [id]=\"id() + '-opt-0'\"\n              role=\"option\"\n              [attr.aria-selected]=\"selectAllState() === 'all'\"\n              [attr.aria-checked]=\"selectAllAriaChecked()\"\n              (click)=\"onSelectAllClick()\">\n              <ea-checkbox\n                size=\"sm\"\n                inert\n                aria-hidden=\"true\"\n                [checked]=\"selectAllState() === 'all'\"\n                [indeterminate]=\"selectAllState() === 'some'\" />\n              <span class=\"ea-multi-select__option-label\">\n                {{ i18n.messages().multiSelect.selectAll }}\n              </span>\n            </li>\n          }\n          @for (group of renderedGroups(); track $index) {\n            <li\n              class=\"ea-multi-select__group\"\n              [class.ea-multi-select__group--ruled]=\"group.rule\"\n              role=\"presentation\">\n              @if (group.label; as groupLabel) {\n                <span\n                  class=\"ea-multi-select__group-label\"\n                  aria-hidden=\"true\">\n                  {{ groupLabel }}\n                </span>\n              }\n              <ul\n                class=\"ea-multi-select__group-options\"\n                [attr.role]=\"grouped() ? 'group' : 'presentation'\"\n                [attr.aria-label]=\"group.label ?? null\">\n                @for (entry of group.options; track entry.option.value) {\n                  <li\n                    class=\"ea-multi-select__option\"\n                    [class.ea-multi-select__option--focused]=\"\n                      focusedIndex() === entry.index + selectAllOffset()\n                    \"\n                    [class.ea-multi-select__option--disabled]=\"entry.option.disabled\"\n                    [id]=\"id() + '-opt-' + (entry.index + selectAllOffset())\"\n                    role=\"option\"\n                    [attr.aria-selected]=\"selectedSet().has(entry.option.value)\"\n                    [attr.aria-disabled]=\"entry.option.disabled || null\"\n                    (click)=\"onOptionClick(entry.option, entry.index)\">\n                    <ea-checkbox\n                      size=\"sm\"\n                      inert\n                      aria-hidden=\"true\"\n                      [checked]=\"selectedSet().has(entry.option.value)\"\n                      [disabled]=\"!!entry.option.disabled\" />\n                    <span\n                      #optionLabelEl\n                      class=\"ea-multi-select__option-label\"\n                      [attr.data-value]=\"entry.option.value\"\n                      [eaTooltip]=\"\n                        clippedOptions().has(entry.option.value) ? entry.option.label : ''\n                      \">\n                      {{ entry.option.label }}\n                    </span>\n                  </li>\n                }\n              </ul>\n            </li>\n          }\n          @if (creatableText(); as newText) {\n            <li\n              class=\"ea-multi-select__option ea-multi-select__option--create\"\n              [class.ea-multi-select__option--focused]=\"focusedIndex() === createRow()\"\n              [id]=\"id() + '-opt-' + createRow()\"\n              role=\"option\"\n              [attr.aria-selected]=\"false\"\n              (click)=\"createOption()\">\n              <ea-icon-plus\n                class=\"ea-multi-select__create-icon\"\n                aria-hidden=\"true\" />\n              <span class=\"ea-multi-select__option-label\">\n                {{ i18n.messages().multiSelect.create(newText) }}\n              </span>\n            </li>\n          }\n        </ul>\n        @if (filteredOptions().length === 0 && !creatableText()) {\n          <div\n            class=\"ea-multi-select__empty\"\n            role=\"status\">\n            {{ i18n.messages().multiSelect.searchEmpty }}\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-			styles: [".ea-multi-select-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-multi-select-field--2xs{font-size:var(--font-size-2xs)}.ea-multi-select-field--xs{font-size:var(--font-size-xs)}.ea-multi-select-field--sm{font-size:var(--font-size-sm)}.ea-multi-select-field--md{font-size:var(--font-size-md)}.ea-multi-select-field--lg{font-size:var(--font-size-lg)}.ea-multi-select-field--xl{font-size:var(--font-size-xl)}.ea-multi-select{position:relative}.ea-multi-select__trigger-wrapper{position:relative;display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-multi-select__trigger-wrapper:has(ea-tag){padding-block:.125em}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error){border-color:var(--color-error-default)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--disabled){background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly){cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger{display:flex;align-items:center;flex:1;min-width:0;text-align:start;font-family:var(--font-family-sans);cursor:pointer}.ea-multi-select__trigger:focus-visible{outline:none}.ea-multi-select__trigger--disabled,.ea-multi-select__trigger--readonly{cursor:default}.ea-multi-select__trigger-content{display:flex;flex-wrap:nowrap;align-items:center;gap:.25em;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ea-multi-select__trigger-content::-webkit-scrollbar{display:none}.ea-multi-select__trigger-content ea-tag{flex-shrink:0;--ea-tag-padding-block: 0}.ea-multi-select__trigger-placeholder{color:var(--color-text-tertiary)}.ea-multi-select__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:var(--transition-transform)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open) .ea-multi-select__trigger-icon{transform:rotate(180deg)}.ea-multi-select__more{display:inline-flex;flex-shrink:0;align-items:center;padding:0 .4411764706em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted);font-size:.85em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ea-multi-select__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__clear>*{font-size:1.25em}.ea-multi-select__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-multi-select__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-multi-select__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__clear:disabled{cursor:default;opacity:.5}.ea-multi-select__clear{flex-shrink:0}.ea-multi-select__popover{display:flex;flex-direction:column;overflow:hidden;max-height:20rem;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-multi-select-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-multi-select__popover{border:1px solid CanvasText}}.ea-multi-select__popover--2xs{font-size:var(--font-size-2xs)}.ea-multi-select__popover--xs{font-size:var(--font-size-xs)}.ea-multi-select__popover--sm{font-size:var(--font-size-sm)}.ea-multi-select__popover--md{font-size:var(--font-size-md)}.ea-multi-select__popover--lg{font-size:var(--font-size-lg)}.ea-multi-select__popover--xl{font-size:var(--font-size-xl)}.ea-multi-select__search{display:flex;align-items:center;gap:.5em;flex-shrink:0;padding:.5em .75em;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-multi-select__search-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-tertiary)}.ea-multi-select__search-input{flex:1;min-width:0;padding:0;border:none;background:none;font-family:var(--font-family-sans);font-size:inherit;color:var(--color-text-primary)}.ea-multi-select__search-input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-multi-select__search-input:focus{outline:none}.ea-multi-select__list{overflow-y:auto;overscroll-behavior:none;flex:1;margin:0;padding:.25em 0;list-style:none}.ea-multi-select__group{position:relative}.ea-multi-select__group--ruled{padding-top:.25em;margin-top:.25em}.ea-multi-select__group--ruled:before{position:absolute;top:0;inset-inline-end:0;inset-inline-start:0;height:var(--border-width-thin);background-color:var(--color-divider);content:\"\"}.ea-multi-select__group-options{padding:0;margin:0;list-style:none}.ea-multi-select__group-label{display:block;padding:.5em .75em .125em;font-size:.8125em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.ea-multi-select__option{display:flex;align-items:center;gap:.5em;padding:.375em .75em;font-size:inherit;font-family:var(--font-family-sans);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__option--focused{background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option--focused{background-color:Highlight;color:HighlightText}}.ea-multi-select__option--disabled{color:var(--color-text-disabled);cursor:default}@media(forced-colors:active){.ea-multi-select__option--disabled{color:GrayText}}.ea-multi-select__option--select-all{border-bottom:var(--border-width-thin) solid var(--color-border-default);font-weight:var(--font-weight-medium)}.ea-multi-select__option--create{font-weight:var(--font-weight-medium);color:var(--color-brand-text)}.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:Highlight;color:HighlightText}}.ea-multi-select__option ea-checkbox{pointer-events:none;display:inline-flex;align-items:center;line-height:1}.ea-multi-select__create-icon{flex-shrink:0;width:1em;height:1em}.ea-multi-select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ea-multi-select__empty{padding:.75em;font-size:inherit;text-align:center;color:var(--color-text-tertiary);list-style:none}\n"]
+			styles: [".ea-multi-select-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-multi-select-field--2xs{font-size:var(--font-size-2xs)}.ea-multi-select-field--xs{font-size:var(--font-size-xs)}.ea-multi-select-field--sm{font-size:var(--font-size-sm)}.ea-multi-select-field--md{font-size:var(--font-size-md)}.ea-multi-select-field--lg{font-size:var(--font-size-lg)}.ea-multi-select-field--xl{font-size:var(--font-size-xl)}.ea-multi-select{position:relative}.ea-multi-select__trigger-wrapper{position:relative;display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.375em .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.ea-multi-select__trigger-wrapper:has(ea-tag){padding-block:.125em}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error){border-color:var(--color-error-default)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--error.ea-multi-select__trigger--open){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--disabled){background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly){cursor:default}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--readonly:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__trigger{display:flex;align-items:center;flex:1;min-width:0;text-align:start;font-family:var(--font-family-sans);cursor:pointer}.ea-multi-select__trigger:focus-visible{outline:none}.ea-multi-select__trigger--disabled,.ea-multi-select__trigger--readonly{cursor:default}.ea-multi-select__trigger-content{display:flex;flex-wrap:nowrap;align-items:center;gap:.25em;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ea-multi-select__trigger-content::-webkit-scrollbar{display:none}.ea-multi-select__trigger-content ea-tag{flex-shrink:0;--ea-tag-padding-block: 0}.ea-multi-select__trigger-placeholder{color:var(--color-text-tertiary)}.ea-multi-select__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary);transition:var(--transition-transform)}.ea-multi-select__trigger-wrapper:has(.ea-multi-select__trigger--open) .ea-multi-select__trigger-icon{transform:rotate(180deg)}.ea-multi-select__more{display:inline-flex;flex-shrink:0;align-items:center;padding:0 .4285714286em;font-size:.875em;font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);color:var(--color-text-secondary)}.ea-multi-select__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__clear>*{font-size:1.25em}.ea-multi-select__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-multi-select__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-multi-select__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-multi-select__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-multi-select__clear:disabled{cursor:default;opacity:.5}.ea-multi-select__clear{flex-shrink:0}.ea-multi-select__popover{display:flex;flex-direction:column;overflow:hidden;max-height:20rem;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-multi-select-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-multi-select__popover{border:1px solid CanvasText}}.ea-multi-select__popover--2xs{font-size:var(--font-size-2xs)}.ea-multi-select__popover--xs{font-size:var(--font-size-xs)}.ea-multi-select__popover--sm{font-size:var(--font-size-sm)}.ea-multi-select__popover--md{font-size:var(--font-size-md)}.ea-multi-select__popover--lg{font-size:var(--font-size-lg)}.ea-multi-select__popover--xl{font-size:var(--font-size-xl)}.ea-multi-select__search{display:flex;align-items:center;gap:.5em;flex-shrink:0;padding:.5em .75em;border-bottom:var(--border-width-thin) solid var(--color-border-default)}.ea-multi-select__search-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-tertiary)}.ea-multi-select__search-input{flex:1;min-width:0;padding:0;border:none;background:none;font-family:var(--font-family-sans);font-size:inherit;color:var(--color-text-primary)}.ea-multi-select__search-input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-multi-select__search-input:focus{outline:none}.ea-multi-select__list{overflow-y:auto;overscroll-behavior:none;flex:1;margin:0;padding:.25em 0;list-style:none}.ea-multi-select__group{position:relative}.ea-multi-select__group--ruled{padding-top:.25em;margin-top:.25em}.ea-multi-select__group--ruled:before{position:absolute;top:0;inset-inline-end:0;inset-inline-start:0;height:var(--border-width-thin);background-color:var(--color-divider);content:\"\"}.ea-multi-select__group-options{padding:0;margin:0;list-style:none}.ea-multi-select__group-label{display:block;padding:.5em .75em .125em;font-size:.8125em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.ea-multi-select__option{display:flex;align-items:center;gap:.5em;padding:.375em .75em;font-size:inherit;font-family:var(--font-family-sans);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-multi-select__option--focused{background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option--focused{background-color:Highlight;color:HighlightText}}.ea-multi-select__option--disabled{color:var(--color-text-disabled);cursor:default}@media(forced-colors:active){.ea-multi-select__option--disabled{color:GrayText}}.ea-multi-select__option--select-all{border-bottom:var(--border-width-thin) solid var(--color-border-default);font-weight:var(--font-weight-medium)}.ea-multi-select__option--create{font-weight:var(--font-weight-medium);color:var(--color-brand-text)}.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-multi-select__option:hover:not(.ea-multi-select__option--disabled){background-color:Highlight;color:HighlightText}}.ea-multi-select__option ea-checkbox{pointer-events:none;display:inline-flex;align-items:center;line-height:1}.ea-multi-select__create-icon{flex-shrink:0;width:1em;height:1em}.ea-multi-select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ea-multi-select__empty{padding:.75em;font-size:inherit;text-align:center;color:var(--color-text-tertiary);list-style:none}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -20312,36 +22539,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-function intlLocalizes(locale) {
-	try {
-		return new Intl.NumberFormat(locale).resolvedOptions().locale.split("-")[0] === locale.split("-")[0];
-	} catch {
-		return false;
-	}
-}
-function groupInteger(digits, sep, grouping) {
-	const primary = grouping[0] ?? 3;
-	const secondary = grouping[1] ?? primary;
-	if (digits.length <= primary) return digits;
-	let result = digits.slice(digits.length - primary);
-	let rest = digits.slice(0, digits.length - primary);
-	while (rest.length > 0) {
-		const take = Math.min(secondary, rest.length);
-		result = `${rest.slice(rest.length - take)}${sep}${result}`;
-		rest = rest.slice(0, rest.length - take);
-	}
-	return result;
-}
-function formatGroupedNumber(value, locale, format, options) {
-	if (intlLocalizes(locale)) return value.toLocaleString(locale, options);
-	if (!isFinite(value)) return String(value);
-	const magnitude = Math.abs(value).toString();
-	if (magnitude.includes("e") || magnitude.includes("E")) return value.toString();
-	const [intPart, fracPart] = magnitude.split(".");
-	const grouped = groupInteger(intPart, format.group, format.grouping);
-	const body = fracPart != null ? `${grouped}${format.decimal}${fracPart}` : grouped;
-	return value < 0 ? `-${body}` : body;
-}
 const PAGE_SIZE_ALL = -1;
 var PaginatorComponent = class PaginatorComponent {
 	i18n = inject(EagamiI18nService);
@@ -20705,6 +22902,449 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const ACTIVE_OFFSET = 6;
+const DONUT_RATIO = .6;
+function polar(cx, cy, r, angle) {
+	return [cx + r * Math.cos(angle), cy + r * Math.sin(angle)];
+}
+function slicePath(cx, cy, outer, inner, start, end) {
+	if (end - start >= Math.PI * 2 - 1e-6) {
+		const ring = (r, sweep) => `M${cx + r},${cy}A${r},${r} 0 1 ${sweep} ${cx - r},${cy}A${r},${r} 0 1 ${sweep} ${cx + r},${cy}Z`;
+		return inner > 0 ? `${ring(outer, 1)}${ring(inner, 0)}` : ring(outer, 1);
+	}
+	const large = end - start > Math.PI ? 1 : 0;
+	const [ox0, oy0] = polar(cx, cy, outer, start);
+	const [ox1, oy1] = polar(cx, cy, outer, end);
+	if (inner <= 0) return `M${cx},${cy}L${ox0},${oy0}A${outer},${outer} 0 ${large} 1 ${ox1},${oy1}Z`;
+	const [ix0, iy0] = polar(cx, cy, inner, start);
+	const [ix1, iy1] = polar(cx, cy, inner, end);
+	return `M${ox0},${oy0}A${outer},${outer} 0 ${large} 1 ${ox1},${oy1}L${ix1},${iy1}A${inner},${inner} 0 ${large} 0 ${ix0},${iy0}Z`;
+}
+var PieChartComponent = class PieChartComponent {
+	i18n = inject(EagamiI18nService);
+	data = input([], ...ngDevMode ? [{ debugName: "data" }] : 	/* istanbul ignore next */ []);
+	variant = input("pie", ...ngDevMode ? [{ debugName: "variant" }] : 	/* istanbul ignore next */ []);
+	showLegend = input(true, ...ngDevMode ? [{ debugName: "showLegend" }] : 	/* istanbul ignore next */ []);
+	showPercentages = input(true, ...ngDevMode ? [{ debugName: "showPercentages" }] : 	/* istanbul ignore next */ []);
+	height = input(240, ...ngDevMode ? [{ debugName: "height" }] : 	/* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	animation = input("sweep", ...ngDevMode ? [{ debugName: "animation" }] : 	/* istanbul ignore next */ []);
+	animationDuration = input(600, ...ngDevMode ? [{ debugName: "animationDuration" }] : 	/* istanbul ignore next */ []);
+	formatValue = input(null, ...ngDevMode ? [{ debugName: "formatValue" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(void 0, {
+		...ngDevMode ? { debugName: "ariaLabel" } : 		/* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	sliceClick = output();
+	activeSliceChange = output();
+	viewport = injectChartViewport(this.size);
+	format = injectChartFormatter(this.formatValue);
+	active = signal(null, ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	label = computed(() => this.ariaLabel() || this.i18n.messages().chart.pieChart, ...ngDevMode ? [{ debugName: "label" }] : 	/* istanbul ignore next */ []);
+	total = computed(() => this.data().reduce((sum, slice) => sum + this.sliceValue(slice), 0), ...ngDevMode ? [{ debugName: "total" }] : 	/* istanbul ignore next */ []);
+	hasData = computed(() => this.total() > 0, ...ngDevMode ? [{ debugName: "hasData" }] : 	/* istanbul ignore next */ []);
+	renderPass = computed(() => {
+		this.data();
+		this.variant();
+		this.animation();
+		this.animationDuration();
+		return [{}];
+	}, ...ngDevMode ? [{ debugName: "renderPass" }] : 	/* istanbul ignore next */ []);
+	hostClasses = computed(() => ({
+		[`ea-pie-chart--${this.size()}`]: true,
+		[`ea-pie-chart--${this.variant()}`]: true,
+		[`ea-pie-chart--animate-${this.animation()}`]: true
+	}), ...ngDevMode ? [{ debugName: "hostClasses" }] : 	/* istanbul ignore next */ []);
+	layout = computed(() => {
+		const diameter = Math.max(1, Math.min(this.viewport.width(), this.height()));
+		const cx = diameter / 2;
+		const cy = diameter / 2;
+		const outer = Math.max(1, diameter / 2 - ACTIVE_OFFSET);
+		const inner = this.variant() === "donut" ? outer * DONUT_RATIO : 0;
+		const total = this.total();
+		const slices = [];
+		let angle = -Math.PI / 2;
+		this.data().forEach((slice, index) => {
+			const value = this.sliceValue(slice);
+			if (value <= 0 || total <= 0) return;
+			const sweep = value / total * Math.PI * 2;
+			slices.push({
+				index,
+				path: slicePath(cx, cy, outer, inner, angle, angle + sweep),
+				color: chartColor(index, slice.color),
+				midAngle: angle + sweep / 2,
+				start: angle,
+				end: angle + sweep
+			});
+			angle += sweep;
+		});
+		return {
+			diameter,
+			cx,
+			cy,
+			outer,
+			inner,
+			slices
+		};
+	}, ...ngDevMode ? [{ debugName: "layout" }] : 	/* istanbul ignore next */ []);
+	legend = computed(() => this.data().map((slice, index) => ({
+		label: slice.label,
+		color: chartColor(index, slice.color),
+		percent: this.formatPercent(this.percentOf(index))
+	})), ...ngDevMode ? [{ debugName: "legend" }] : 	/* istanbul ignore next */ []);
+	tooltip = computed(() => {
+		const index = this.active();
+		const layout = this.layout();
+		const slice = layout.slices.find((s) => s.index === index);
+		if (index === null || !slice) return null;
+		const reach = layout.inner > 0 ? (layout.outer + layout.inner) / 2 : layout.outer * .6;
+		const [x, y] = polar(layout.cx, layout.cy, reach, slice.midAngle);
+		return {
+			x,
+			y,
+			title: this.data()[index].label,
+			color: slice.color,
+			detail: `${this.format()(this.sliceValue(this.data()[index]))} (${this.formatPercent(this.percentOf(index))})`,
+			key: index
+		};
+	}, ...ngDevMode ? [{ debugName: "tooltip" }] : 	/* istanbul ignore next */ []);
+	tooltips = computed(() => {
+		const tip = this.tooltip();
+		return tip ? [tip] : [];
+	}, ...ngDevMode ? [{ debugName: "tooltips" }] : 	/* istanbul ignore next */ []);
+	announcement = computed(() => {
+		const event = this.eventFor(this.active());
+		return event ? this.i18n.messages().chart.slice(event.label, this.format()(event.value), this.formatPercent(event.percent)) : "";
+	}, ...ngDevMode ? [{ debugName: "announcement" }] : 	/* istanbul ignore next */ []);
+	tableValue(slice) {
+		return this.format()(this.sliceValue(slice));
+	}
+	tablePercent(index) {
+		return this.formatPercent(this.percentOf(index));
+	}
+	isDimmed(index) {
+		const active = this.active();
+		return active !== null && active !== index;
+	}
+	offset(slice) {
+		if (this.active() !== slice.index || this.layout().slices.length < 2) return null;
+		const [dx, dy] = polar(0, 0, ACTIVE_OFFSET, slice.midAngle);
+		return `translate(${dx}px, ${dy}px)`;
+	}
+	onPointerMove(event) {
+		const rect = event.currentTarget.getBoundingClientRect();
+		const layout = this.layout();
+		const dx = event.clientX - rect.left - layout.cx;
+		const dy = event.clientY - rect.top - layout.cy;
+		const distance = Math.hypot(dx, dy);
+		if (distance < layout.inner || distance > layout.outer + ACTIVE_OFFSET) {
+			this.setActive(null);
+			return;
+		}
+		let angle = Math.atan2(dy, dx);
+		if (angle < -Math.PI / 2) angle += Math.PI * 2;
+		const slice = layout.slices.find((s) => angle >= s.start && angle < s.end);
+		this.setActive(slice ? slice.index : null);
+	}
+	onPointerLeave() {
+		this.setActive(null);
+	}
+	onClick() {
+		const event = this.eventFor(this.active());
+		if (event) this.sliceClick.emit(event);
+	}
+	onFocus() {
+		if (this.active() === null) this.setActive(this.layout().slices[0]?.index ?? null);
+	}
+	onBlur() {
+		this.setActive(null);
+	}
+	onKeydown(event) {
+		const slices = this.layout().slices;
+		if (!slices.length) return;
+		if (this.active() === null && event.key.startsWith("Arrow")) {
+			event.preventDefault();
+			this.setActive(slices[0].index);
+			return;
+		}
+		const position = Math.max(0, slices.findIndex((s) => s.index === this.active()));
+		let next = slices[position].index;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				next = slices[(position + 1) % slices.length].index;
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				next = slices[(position - 1 + slices.length) % slices.length].index;
+				break;
+			case "Home":
+				next = slices[0].index;
+				break;
+			case "End":
+				next = slices[slices.length - 1].index;
+				break;
+			case "Enter":
+			case " ":
+				this.onClick();
+				break;
+			case "Escape":
+				next = null;
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		this.setActive(next);
+	}
+	sliceValue(slice) {
+		return isFinite(slice.value) ? Math.max(0, slice.value) : 0;
+	}
+	percentOf(index) {
+		const total = this.total();
+		const slice = this.data()[index];
+		return total > 0 && slice ? this.sliceValue(slice) / total * 100 : 0;
+	}
+	formatPercent(percent) {
+		return `${formatGroupedNumber(percent, this.i18n.locale(), this.i18n.messages().numberFormat, { maximumFractionDigits: 1 })}%`;
+	}
+	eventFor(index) {
+		const slice = index === null ? void 0 : this.data()[index];
+		if (index === null || !slice) return null;
+		return {
+			index,
+			label: slice.label,
+			value: this.sliceValue(slice),
+			percent: this.percentOf(index)
+		};
+	}
+	setActive(next) {
+		if (this.active() === next) return;
+		this.active.set(next);
+		this.activeSliceChange.emit(this.eventFor(next));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PieChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: PieChartComponent,
+		isStandalone: true,
+		selector: "ea-pie-chart",
+		inputs: {
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showPercentages: {
+				classPropertyName: "showPercentages",
+				publicName: "showPercentages",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animation: {
+				classPropertyName: "animation",
+				publicName: "animation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			animationDuration: {
+				classPropertyName: "animationDuration",
+				publicName: "animationDuration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatValue: {
+				classPropertyName: "formatValue",
+				publicName: "formatValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			sliceClick: "sliceClick",
+			activeSliceChange: "activeSliceChange"
+		},
+		ngImport: i0,
+		template: "<div\n  class=\"ea-pie-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-pie-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      <div class=\"ea-pie-chart__figure\">\n        @for (pass of renderPass(); track pass) {\n          <svg\n            class=\"ea-pie-chart__svg\"\n            aria-hidden=\"true\"\n            [attr.width]=\"layout().diameter\"\n            [attr.height]=\"layout().diameter\"\n            [attr.viewBox]=\"'0 0 ' + layout().diameter + ' ' + layout().diameter\"\n            (pointermove)=\"onPointerMove($event)\"\n            (pointerdown)=\"onPointerMove($event)\"\n            (pointerleave)=\"onPointerLeave()\"\n            (click)=\"onClick()\">\n            @for (slice of layout().slices; track slice.index) {\n              <path\n                class=\"ea-pie-chart__slice\"\n                fill-rule=\"evenodd\"\n                [class.ea-pie-chart__slice--dimmed]=\"isDimmed(slice.index)\"\n                [style.--ea-chart-color]=\"slice.color\"\n                [style.transform]=\"offset(slice)\"\n                [attr.d]=\"slice.path\" />\n            }\n            @for (tip of tooltips(); track tip.key) {\n              <rect\n                class=\"ea-pie-chart__anchor\"\n                width=\"2\"\n                height=\"2\"\n                [attr.x]=\"tip.x - 1\"\n                [attr.y]=\"tip.y - 1\"\n                [eaTooltip]=\"tooltipContent\"\n                [tooltipOpen]=\"true\"\n                [maxWidth]=\"undefined\" />\n            }\n          </svg>\n        }\n        <ng-template #tooltipContent>\n          @if (tooltip(); as tip) {\n            <div class=\"ea-pie-chart__tooltip\">\n              <span class=\"ea-pie-chart__tooltip-row\">\n                <span\n                  class=\"ea-pie-chart__swatch\"\n                  [style.--ea-chart-color]=\"tip.color\">\n                </span>\n                <span class=\"ea-pie-chart__tooltip-title\">{{ tip.title }}</span>\n              </span>\n              <span class=\"ea-pie-chart__tooltip-value\">{{ tip.detail }}</span>\n            </div>\n          }\n        </ng-template>\n      </div>\n      <table class=\"ea-pie-chart__table\">\n        <caption>\n          {{ label() }}\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n            <th scope=\"col\">{{ i18n.messages().chart.value }}</th>\n            <th scope=\"col\">{{ i18n.messages().chart.share }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (slice of data(); track $index; let i = $index) {\n            <tr>\n              <th scope=\"row\">{{ slice.label }}</th>\n              <td>{{ tableValue(slice) }}</td>\n              <td>{{ tablePercent(i) }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n    <div\n      class=\"ea-pie-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-pie-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showLegend() && hasData()) {\n    <ul\n      class=\"ea-pie-chart__legend\"\n      aria-hidden=\"true\">\n      @for (item of legend(); track $index) {\n        <li class=\"ea-pie-chart__legend-item\">\n          <span\n            class=\"ea-pie-chart__swatch\"\n            [style.--ea-chart-color]=\"item.color\">\n          </span>\n          {{ item.label }}\n          @if (showPercentages()) {\n            <span class=\"ea-pie-chart__legend-percent\">{{ item.percent }}</span>\n          }\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+		styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}@property --ea-pie-chart-sweep{syntax: \"<angle>\"; inherits: false; initial-value: 360deg;}ea-pie-chart{display:block}.ea-pie-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-pie-chart--2xs{font-size:var(--font-size-2xs)}.ea-pie-chart--xs{font-size:var(--font-size-xs)}.ea-pie-chart--sm{font-size:var(--font-size-sm)}.ea-pie-chart--md{font-size:var(--font-size-md)}.ea-pie-chart--lg{font-size:var(--font-size-lg)}.ea-pie-chart--xl{font-size:var(--font-size-xl)}.ea-pie-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-pie-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-pie-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-pie-chart__plot svg{display:block;overflow:visible}.ea-pie-chart__plot{display:flex;justify-content:center}.ea-pie-chart__figure{position:relative}.ea-pie-chart__svg{display:block;touch-action:pan-y}.ea-pie-chart__slice{stroke:var(--ea-chart-surface, var(--color-bg-base));stroke-width:2px;stroke-linejoin:round;fill:var(--ea-chart-color);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ea-pie-chart__slice--dimmed{opacity:.35}.ea-pie-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-pie-chart__anchor{fill:transparent}.ea-pie-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-pie-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-pie-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-pie-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-pie-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-pie-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-pie-chart__legend-percent{font-variant-numeric:tabular-nums;color:var(--color-text-tertiary)}.ea-pie-chart__table,.ea-pie-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-pie-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-pie-chart--animate-sweep .ea-pie-chart__svg{-webkit-mask-image:conic-gradient(currentColor var(--ea-pie-chart-sweep),transparent 0);mask-image:conic-gradient(currentColor var(--ea-pie-chart-sweep),transparent 0);animation-name:ea-pie-chart-sweep;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-sweep .ea-pie-chart__svg{animation:none}}.ea-pie-chart--animate-grow .ea-pie-chart__svg{animation-name:ea-chart-grow;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-grow .ea-pie-chart__svg{animation:none}}.ea-pie-chart--animate-fade .ea-pie-chart__svg{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-fade .ea-pie-chart__svg{animation:none}}@keyframes ea-pie-chart-sweep{0%{--ea-pie-chart-sweep: 0deg}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgClass,
+			selector: "[ngClass]",
+			inputs: ["class", "ngClass"]
+		}, {
+			kind: "directive",
+			type: TooltipDirective,
+			selector: "[eaTooltip]",
+			inputs: [
+				"eaTooltip",
+				"tooltipPosition",
+				"flip",
+				"whenClipped",
+				"maxWidth",
+				"dismissDelay",
+				"tooltipOpen"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PieChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-pie-chart",
+			imports: [NgClass, TooltipDirective],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: "<div\n  class=\"ea-pie-chart\"\n  [ngClass]=\"hostClasses()\"\n  [style.--ea-chart-duration]=\"animationDuration() + 'ms'\">\n  @if (hasData()) {\n    <div\n      class=\"ea-pie-chart__plot\"\n      role=\"group\"\n      tabindex=\"0\"\n      [attr.aria-roledescription]=\"i18n.messages().chart.roleDescription\"\n      [attr.aria-label]=\"label()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown)=\"onKeydown($event)\">\n      <div class=\"ea-pie-chart__figure\">\n        @for (pass of renderPass(); track pass) {\n          <svg\n            class=\"ea-pie-chart__svg\"\n            aria-hidden=\"true\"\n            [attr.width]=\"layout().diameter\"\n            [attr.height]=\"layout().diameter\"\n            [attr.viewBox]=\"'0 0 ' + layout().diameter + ' ' + layout().diameter\"\n            (pointermove)=\"onPointerMove($event)\"\n            (pointerdown)=\"onPointerMove($event)\"\n            (pointerleave)=\"onPointerLeave()\"\n            (click)=\"onClick()\">\n            @for (slice of layout().slices; track slice.index) {\n              <path\n                class=\"ea-pie-chart__slice\"\n                fill-rule=\"evenodd\"\n                [class.ea-pie-chart__slice--dimmed]=\"isDimmed(slice.index)\"\n                [style.--ea-chart-color]=\"slice.color\"\n                [style.transform]=\"offset(slice)\"\n                [attr.d]=\"slice.path\" />\n            }\n            @for (tip of tooltips(); track tip.key) {\n              <rect\n                class=\"ea-pie-chart__anchor\"\n                width=\"2\"\n                height=\"2\"\n                [attr.x]=\"tip.x - 1\"\n                [attr.y]=\"tip.y - 1\"\n                [eaTooltip]=\"tooltipContent\"\n                [tooltipOpen]=\"true\"\n                [maxWidth]=\"undefined\" />\n            }\n          </svg>\n        }\n        <ng-template #tooltipContent>\n          @if (tooltip(); as tip) {\n            <div class=\"ea-pie-chart__tooltip\">\n              <span class=\"ea-pie-chart__tooltip-row\">\n                <span\n                  class=\"ea-pie-chart__swatch\"\n                  [style.--ea-chart-color]=\"tip.color\">\n                </span>\n                <span class=\"ea-pie-chart__tooltip-title\">{{ tip.title }}</span>\n              </span>\n              <span class=\"ea-pie-chart__tooltip-value\">{{ tip.detail }}</span>\n            </div>\n          }\n        </ng-template>\n      </div>\n      <table class=\"ea-pie-chart__table\">\n        <caption>\n          {{ label() }}\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">{{ i18n.messages().chart.category }}</th>\n            <th scope=\"col\">{{ i18n.messages().chart.value }}</th>\n            <th scope=\"col\">{{ i18n.messages().chart.share }}</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (slice of data(); track $index; let i = $index) {\n            <tr>\n              <th scope=\"row\">{{ slice.label }}</th>\n              <td>{{ tableValue(slice) }}</td>\n              <td>{{ tablePercent(i) }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n    <div\n      class=\"ea-pie-chart__live\"\n      aria-live=\"polite\">\n      {{ announcement() }}\n    </div>\n  } @else {\n    <div\n      class=\"ea-pie-chart__empty\"\n      role=\"img\"\n      [attr.aria-label]=\"label()\"\n      [style.height.px]=\"height()\">\n      {{ i18n.messages().chart.noData }}\n    </div>\n  }\n  @if (showLegend() && hasData()) {\n    <ul\n      class=\"ea-pie-chart__legend\"\n      aria-hidden=\"true\">\n      @for (item of legend(); track $index) {\n        <li class=\"ea-pie-chart__legend-item\">\n          <span\n            class=\"ea-pie-chart__swatch\"\n            [style.--ea-chart-color]=\"item.color\">\n          </span>\n          {{ item.label }}\n          @if (showPercentages()) {\n            <span class=\"ea-pie-chart__legend-percent\">{{ item.percent }}</span>\n          }\n        </li>\n      }\n    </ul>\n  }\n</div>\n",
+			styles: ["@keyframes ea-chart-fade{0%{opacity:0}}@keyframes ea-chart-draw{0%{stroke-dashoffset:1}}@keyframes ea-chart-grow-y{0%{transform:scaleY(0)}}@keyframes ea-chart-grow-x{0%{transform:scaleX(0)}}@keyframes ea-chart-grow{0%{transform:scale(0)}}@property --ea-pie-chart-sweep{syntax: \"<angle>\"; inherits: false; initial-value: 360deg;}ea-pie-chart{display:block}.ea-pie-chart{position:relative;display:flex;flex-direction:column;gap:.75em;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-pie-chart--2xs{font-size:var(--font-size-2xs)}.ea-pie-chart--xs{font-size:var(--font-size-xs)}.ea-pie-chart--sm{font-size:var(--font-size-sm)}.ea-pie-chart--md{font-size:var(--font-size-md)}.ea-pie-chart--lg{font-size:var(--font-size-lg)}.ea-pie-chart--xl{font-size:var(--font-size-xl)}.ea-pie-chart__plot{position:relative;border-radius:var(--radius-md);outline:none}.ea-pie-chart__plot:focus-visible{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-pie-chart__plot:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-pie-chart__plot svg{display:block;overflow:visible}.ea-pie-chart__plot{display:flex;justify-content:center}.ea-pie-chart__figure{position:relative}.ea-pie-chart__svg{display:block;touch-action:pan-y}.ea-pie-chart__slice{stroke:var(--ea-chart-surface, var(--color-bg-base));stroke-width:2px;stroke-linejoin:round;fill:var(--ea-chart-color);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ea-pie-chart__slice--dimmed{opacity:.35}.ea-pie-chart__tooltip{display:flex;flex-direction:column;gap:var(--space-1)}.ea-pie-chart__anchor{fill:transparent}.ea-pie-chart__tooltip-title{font-weight:var(--font-weight-medium)}.ea-pie-chart__tooltip-row{display:flex;align-items:center;gap:.5em}.ea-pie-chart__tooltip-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.ea-pie-chart__swatch{flex-shrink:0;width:.75em;height:.75em;border-radius:var(--radius-sm);background-color:var(--ea-chart-color)}.ea-pie-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.375em 1em;padding:0;margin:0;font-size:.875em;list-style:none;color:var(--color-text-secondary)}.ea-pie-chart__legend-item{display:flex;align-items:center;gap:.375em}.ea-pie-chart__legend-percent{font-variant-numeric:tabular-nums;color:var(--color-text-tertiary)}.ea-pie-chart__table,.ea-pie-chart__live{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;white-space:nowrap;border:0}.ea-pie-chart__empty{display:flex;align-items:center;justify-content:center;font-size:.875em;color:var(--color-text-tertiary)}.ea-pie-chart--animate-sweep .ea-pie-chart__svg{-webkit-mask-image:conic-gradient(currentColor var(--ea-pie-chart-sweep),transparent 0);mask-image:conic-gradient(currentColor var(--ea-pie-chart-sweep),transparent 0);animation-name:ea-pie-chart-sweep;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-sweep .ea-pie-chart__svg{animation:none}}.ea-pie-chart--animate-grow .ea-pie-chart__svg{animation-name:ea-chart-grow;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-grow .ea-pie-chart__svg{animation:none}}.ea-pie-chart--animate-fade .ea-pie-chart__svg{animation-name:ea-chart-fade;animation-duration:var(--ea-chart-duration, .6s);animation-timing-function:var(--ease-out);animation-fill-mode:both}@media(prefers-reduced-motion:reduce){.ea-pie-chart--animate-fade .ea-pie-chart__svg{animation:none}}@keyframes ea-pie-chart-sweep{0%{--ea-pie-chart-sweep: 0deg}}\n"]
+		}]
+	}],
+	propDecorators: {
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		showPercentages: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showPercentages",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		animation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animation",
+				required: false
+			}]
+		}],
+		animationDuration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "animationDuration",
+				required: false
+			}]
+		}],
+		formatValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatValue",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		sliceClick: [{
+			type: i0.Output,
+			args: ["sliceClick"]
+		}],
+		activeSliceChange: [{
+			type: i0.Output,
+			args: ["activeSliceChange"]
+		}]
+	}
+});
 var ProgressBarComponent = class ProgressBarComponent {
 	i18n = inject(EagamiI18nService);
 	value = input(0, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
@@ -69602,6 +72242,6 @@ const ICONS = [
 	ZoomInIconComponent,
 	ZoomOutIconComponent
 ].sort((a, b) => a.slug.localeCompare(b.slug));
-export { AccessibilityIconComponent, AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlarmClockIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AndroidIconComponent, AngularIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrayIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowLeftRightIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpDownIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AspectRatioIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BanIconComponent, BarChart2IconComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BellRingIconComponent, BitcoinIconComponent, BlueskyIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BookmarkPlusIconComponent, BoomboxIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, BugIconComponent, BuildingIconComponent, ButtonComponent, CalculatorIconComponent, CalendarCheckIconComponent, CalendarDaysIconComponent, CalendarIconComponent, CalendarPlusIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CardComponent, CassetteTapeIconComponent, CastIconComponent, CheckCheckIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClapperboardIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClipboardListIconComponent, ClipboardPasteIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudSunIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, ContrastIconComponent, CookieIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CosineWaveIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, CrownIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DiamondIconComponent, Dice1IconComponent, Dice2IconComponent, Dice3IconComponent, Dice4IconComponent, Dice5IconComponent, Dice6IconComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DoubleExclamationMarkIconComponent, DoubleQuestionMarkIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EjectIconComponent, EmptyStateComponent, EuroIconComponent, ExclamationMarkIconComponent, ExclamationQuestionMarkIconComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileAudioIconComponent, FileCheckIconComponent, FileCodeIconComponent, FileIconComponent, FileImageIconComponent, FileMinusIconComponent, FilePdfIconComponent, FilePlusIconComponent, FileTextIconComponent, FileUploaderComponent, FileVideoIconComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FirstPlaceMedalIconComponent, FlagIconComponent, FlameIconComponent, FlaskConicalIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderOpenIconComponent, FolderPlusIconComponent, FormFieldComponent, ForwardIconComponent, FramerIconComponent, FrownIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitCompareIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GraduationCapIconComponent, GridIconComponent, GripHorizontalIconComponent, GripVerticalIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HardDriveIconComponent, HashIconComponent, HeadphonesIconComponent, HeadsetIconComponent, HeartIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HistoryIconComponent, HomeIconComponent, HourglassIconComponent, ICONS, IconComponentBase, ImageIconComponent, ImagePlayIconComponent, ImagePlusIconComponent, ImageSearchIconComponent, ImagesIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KeyIconComponent, KeyboardIconComponent, KeyframeIconComponent, KubernetesIconComponent, LampIconComponent, LanguagesIconComponent, LaptopIconComponent, LayersIconComponent, LayoutDashboardIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, LightbulbIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListIconComponent, ListOrderedIconComponent, LoaderIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailCheckIconComponent, MailIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MegaphoneIconComponent, MehIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MenuTriggerDirective, MessageCircleIconComponent, MessageSquareIconComponent, MicIconComponent, MicOffIconComponent, MicVocalIconComponent, MicroscopeIconComponent, MicrosoftIconComponent, Minimize2IconComponent, MinimizeIconComponent, MinusCircleIconComponent, MinusIconComponent, MinusSquareIconComponent, MongodbIconComponent, MonitorIconComponent, MonitorPlayIconComponent, MoonIconComponent, MoreHorizontalIconComponent, MoreVerticalIconComponent, MousePointerIconComponent, MoveIconComponent, MultiSelectComponent, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NewspaperIconComponent, NodejsIconComponent, NotionIconComponent, NpmIconComponent, NumberInputComponent, OctagonIconComponent, PAGE_SIZE_ALL, PackageIconComponent, PaginatorComponent, PaletteIconComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PictureInPictureIconComponent, PieChartIconComponent, PinIconComponent, PinterestIconComponent, PlaneIconComponent, PlayCircleIconComponent, PlayIconComponent, PlaylistIconComponent, PlugIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PodcastIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, ProjectorIconComponent, PythonIconComponent, QrCodeIconComponent, QuestionExclamationMarkIconComponent, QuestionMarkIconComponent, QuoteIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RadioReceiverIconComponent, RadioTowerIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RecordIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, Repeat1IconComponent, RepeatIconComponent, ReplyIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCcwSquareIconComponent, RotateCwIconComponent, RowsIconComponent, RssIconComponent, SaveIconComponent, ScanIconComponent, ScissorsIconComponent, ScreenShareIconComponent, SearchIconComponent, SecondPlaceMedalIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldAlertIconComponent, ShieldCheckIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShopifyIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SineWaveIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, SquarePlayIconComponent, StarIconComponent, StepBackIconComponent, StepComponent, StepForwardIconComponent, StepperComponent, StopCircleIconComponent, StrikethroughIconComponent, StripeIconComponent, SubtitlesIconComponent, SubtitlesOffIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SvelteIconComponent, SwitchCameraIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThirdPlaceMedalIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TiktokIconComponent, TimePickerComponent, TimecodeIconComponent, TimelineComponent, TimerIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TranscodeIconComponent, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrimIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlinkIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserCircleIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, VueIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WaveformIconComponent, WebcamIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, WordpressIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, ar, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, he, hexToOklch, hi, iconDisplayName, is, isGrouped, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, ru, uk, validatePalette, visibleNodeIds, walkTree, zhCN };
+export { AccessibilityIconComponent, AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlarmClockIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AndroidIconComponent, AngularIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrayIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowLeftRightIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpDownIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AspectRatioIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BanIconComponent, BarChart2IconComponent, BarChartComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BellRingIconComponent, BitcoinIconComponent, BlueskyIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BookmarkPlusIconComponent, BoomboxIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, BugIconComponent, BuildingIconComponent, ButtonComponent, CalculatorIconComponent, CalendarCheckIconComponent, CalendarDaysIconComponent, CalendarIconComponent, CalendarPlusIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CardComponent, CassetteTapeIconComponent, CastIconComponent, CheckCheckIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClapperboardIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClipboardListIconComponent, ClipboardPasteIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudSunIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, ContrastIconComponent, CookieIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CosineWaveIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, CrownIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DiamondIconComponent, Dice1IconComponent, Dice2IconComponent, Dice3IconComponent, Dice4IconComponent, Dice5IconComponent, Dice6IconComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DoubleExclamationMarkIconComponent, DoubleQuestionMarkIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EjectIconComponent, EmptyStateComponent, EuroIconComponent, ExclamationMarkIconComponent, ExclamationQuestionMarkIconComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileAudioIconComponent, FileCheckIconComponent, FileCodeIconComponent, FileIconComponent, FileImageIconComponent, FileMinusIconComponent, FilePdfIconComponent, FilePlusIconComponent, FileTextIconComponent, FileUploaderComponent, FileVideoIconComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FirstPlaceMedalIconComponent, FlagIconComponent, FlameIconComponent, FlaskConicalIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderOpenIconComponent, FolderPlusIconComponent, FormFieldComponent, ForwardIconComponent, FramerIconComponent, FrownIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitCompareIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GraduationCapIconComponent, GridIconComponent, GripHorizontalIconComponent, GripVerticalIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HardDriveIconComponent, HashIconComponent, HeadphonesIconComponent, HeadsetIconComponent, HeartIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HistoryIconComponent, HomeIconComponent, HourglassIconComponent, ICONS, IconComponentBase, ImageIconComponent, ImagePlayIconComponent, ImagePlusIconComponent, ImageSearchIconComponent, ImagesIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KeyIconComponent, KeyboardIconComponent, KeyframeIconComponent, KubernetesIconComponent, LampIconComponent, LanguagesIconComponent, LaptopIconComponent, LayersIconComponent, LayoutDashboardIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, LightbulbIconComponent, LineChartComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListIconComponent, ListOrderedIconComponent, LoaderIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailCheckIconComponent, MailIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MegaphoneIconComponent, MehIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MenuTriggerDirective, MessageCircleIconComponent, MessageSquareIconComponent, MicIconComponent, MicOffIconComponent, MicVocalIconComponent, MicroscopeIconComponent, MicrosoftIconComponent, Minimize2IconComponent, MinimizeIconComponent, MinusCircleIconComponent, MinusIconComponent, MinusSquareIconComponent, MongodbIconComponent, MonitorIconComponent, MonitorPlayIconComponent, MoonIconComponent, MoreHorizontalIconComponent, MoreVerticalIconComponent, MousePointerIconComponent, MoveIconComponent, MultiSelectComponent, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NewspaperIconComponent, NodejsIconComponent, NotionIconComponent, NpmIconComponent, NumberInputComponent, OctagonIconComponent, PAGE_SIZE_ALL, PackageIconComponent, PaginatorComponent, PaletteIconComponent, PaperclipIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PictureInPictureIconComponent, PieChartComponent, PieChartIconComponent, PinIconComponent, PinterestIconComponent, PlaneIconComponent, PlayCircleIconComponent, PlayIconComponent, PlaylistIconComponent, PlugIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PodcastIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, ProjectorIconComponent, PythonIconComponent, QrCodeIconComponent, QuestionExclamationMarkIconComponent, QuestionMarkIconComponent, QuoteIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RadioReceiverIconComponent, RadioTowerIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RecordIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, Repeat1IconComponent, RepeatIconComponent, ReplyIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCcwSquareIconComponent, RotateCwIconComponent, RowsIconComponent, RssIconComponent, SaveIconComponent, ScanIconComponent, ScissorsIconComponent, ScreenShareIconComponent, SearchIconComponent, SecondPlaceMedalIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldAlertIconComponent, ShieldCheckIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShopifyIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SineWaveIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, SquarePlayIconComponent, StarIconComponent, StepBackIconComponent, StepComponent, StepForwardIconComponent, StepperComponent, StopCircleIconComponent, StrikethroughIconComponent, StripeIconComponent, SubtitlesIconComponent, SubtitlesOffIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SvelteIconComponent, SwitchCameraIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThirdPlaceMedalIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TiktokIconComponent, TimePickerComponent, TimecodeIconComponent, TimelineComponent, TimerIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TranscodeIconComponent, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrimIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlinkIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserCircleIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, VueIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WaveformIconComponent, WebcamIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, WordpressIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, ar, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, he, hexToOklch, hi, iconDisplayName, is, isGrouped, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, ru, uk, validatePalette, visibleNodeIds, walkTree, zhCN };
 
 //# sourceMappingURL=eagami-ui.mjs.map