@eagami/ui 5.10.0 → 5.11.0

package/fesm2022/eagami-ui.mjs

@@ -604,10 +604,6 @@ const messages$e = {
         moveAllToSource: 'نقل الكل إلى اليسار',
         empty: 'لا توجد عناصر',
     },
-    tree: {
-        expand: 'توسيع',
-        collapse: 'طي',
-    },
     validation: {
         required: 'هذا الحقل مطلوب',
         email: 'أدخل عنوان بريد إلكتروني صالحًا',
@@ -810,10 +806,6 @@ const messages$d = {
         moveAllToSource: 'Alle nach links verschieben',
         empty: 'Keine Einträge',
     },
-    tree: {
-        expand: 'Aufklappen',
-        collapse: 'Zuklappen',
-    },
     validation: {
         required: 'Dieses Feld ist erforderlich',
         email: 'Gültige E-Mail-Adresse eingeben',
@@ -1016,10 +1008,6 @@ const messages$c = {
         moveAllToSource: 'Μεταφορά όλων στην πηγή',
         empty: 'Καμία εγγραφή',
     },
-    tree: {
-        expand: 'Ανάπτυξη',
-        collapse: 'Σύμπτυξη',
-    },
     validation: {
         required: 'Αυτό το πεδίο είναι υποχρεωτικό',
         email: 'Εισαγάγετε έγκυρη διεύθυνση email',
@@ -1222,10 +1210,6 @@ const messages$b = {
         moveAllToSource: 'Move all to source',
         empty: 'No items',
     },
-    tree: {
-        expand: 'Expand',
-        collapse: 'Collapse',
-    },
     validation: {
         required: 'This field is required',
         email: 'Enter a valid email address',
@@ -1428,10 +1412,6 @@ const messages$a = {
         moveAllToSource: 'Mover todos al origen',
         empty: 'Sin elementos',
     },
-    tree: {
-        expand: 'Expandir',
-        collapse: 'Contraer',
-    },
     validation: {
         required: 'Este campo es obligatorio',
         email: 'Introduce un correo electrónico válido',
@@ -1634,10 +1614,6 @@ const messages$9 = {
         moveAllToSource: 'Tout déplacer vers la source',
         empty: 'Aucun élément',
     },
-    tree: {
-        expand: 'Développer',
-        collapse: 'Réduire',
-    },
     validation: {
         required: 'Ce champ est obligatoire',
         email: 'Saisissez une adresse e-mail valide',
@@ -1840,10 +1816,6 @@ const messages$8 = {
         moveAllToSource: 'העברת הכול למקור',
         empty: 'אין פריטים',
     },
-    tree: {
-        expand: 'הרחבה',
-        collapse: 'כיווץ',
-    },
     validation: {
         required: 'שדה זה הוא חובה',
         email: 'הזן כתובת אימייל תקינה',
@@ -2046,10 +2018,6 @@ const messages$7 = {
         moveAllToSource: 'सभी को स्रोत में ले जाएं',
         empty: 'कोई आइटम नहीं',
     },
-    tree: {
-        expand: 'विस्तृत करें',
-        collapse: 'संक्षिप्त करें',
-    },
     validation: {
         required: 'यह फ़ील्ड आवश्यक है',
         email: 'एक मान्य ईमेल पता दर्ज करें',
@@ -2252,10 +2220,6 @@ const messages$6 = {
         moveAllToSource: 'Færa allt til baka',
         empty: 'Engin atriði',
     },
-    tree: {
-        expand: 'Fletta út',
-        collapse: 'Fella saman',
-    },
     validation: {
         required: 'Þennan reit þarf að fylla út',
         email: 'Sláðu inn gilt netfang',
@@ -2458,10 +2422,6 @@ const messages$5 = {
         moveAllToSource: 'Alles naar links verplaatsen',
         empty: 'Geen items',
     },
-    tree: {
-        expand: 'Uitvouwen',
-        collapse: 'Invouwen',
-    },
     validation: {
         required: 'Dit veld is verplicht',
         email: 'Voer een geldig e-mailadres in',
@@ -2664,10 +2624,6 @@ const messages$4 = {
         moveAllToSource: 'Przenieś wszystko do źródła',
         empty: 'Brak elementów',
     },
-    tree: {
-        expand: 'Rozwiń',
-        collapse: 'Zwiń',
-    },
     validation: {
         required: 'To pole jest wymagane',
         email: 'Podaj prawidłowy adres e-mail',
@@ -2870,10 +2826,6 @@ const messages$3 = {
         moveAllToSource: 'Mover todos para a origem',
         empty: 'Nenhum item',
     },
-    tree: {
-        expand: 'Expandir',
-        collapse: 'Recolher',
-    },
     validation: {
         required: 'Este campo é obrigatório',
         email: 'Insira um e-mail válido',
@@ -3076,10 +3028,6 @@ const messages$2 = {
         moveAllToSource: 'Переместить все влево',
         empty: 'Нет элементов',
     },
-    tree: {
-        expand: 'Развернуть',
-        collapse: 'Свернуть',
-    },
     validation: {
         required: 'Это поле обязательно для заполнения',
         email: 'Введите действительный адрес электронной почты',
@@ -3282,10 +3230,6 @@ const messages$1 = {
         moveAllToSource: 'Перенести все вліво',
         empty: 'Немає елементів',
     },
-    tree: {
-        expand: 'Розгорнути',
-        collapse: 'Згорнути',
-    },
     validation: {
         required: 'Це поле обов’язкове',
         email: 'Введіть дійсну електронну адресу',
@@ -3488,10 +3432,6 @@ const messages = {
         moveAllToSource: '将全部移至左侧',
         empty: '无项目',
     },
-    tree: {
-        expand: '展开',
-        collapse: '折叠',
-    },
     validation: {
         required: '此字段为必填项',
         email: '请输入有效的电子邮件地址',
@@ -3660,7 +3600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-// Excludes U+202F and U+00A0 so the substitution is idempotent.
+// Excludes U+202F and U+00A0 so the substitution is idempotent
 const SPACE_BEFORE_HIGH_PUNCT = / ([!?:;»])/g;
 const SPACE_AFTER_OPEN_GUILLEMET = /(«) /g;
 /**
@@ -4211,7 +4151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
  */
 function controlErrorStateFrom(control, config) {
     const i18n = inject(EagamiI18nService);
-    // Bumped on every status/touched change so the computed re-reads the control.
+    // Bumped on every status/touched change so the computed re-reads the control
     const revision = signal(0, ...(ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []));
     effect(onCleanup => {
         const ctrl = control();
@@ -4570,7 +4510,7 @@ class PopoverComponent {
                 this.stable.set(false);
                 return;
             }
-            // Re-read inputs so signal subscriptions stay current after a re-open.
+            // Re-read inputs so signal subscriptions stay current after a re-open
             this.placement();
             this.offset();
             this.flip();
@@ -6672,7 +6612,7 @@ class CheckboxComponent {
                 useExisting: forwardRef(() => CheckboxComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"ea-checkbox-field\">\n  <label\n    class=\"ea-checkbox\"\n    [ngClass]=\"hostClasses()\"\n    [for]=\"id()\">\n    <input\n      #inputEl\n      type=\"checkbox\"\n      class=\"ea-checkbox__input\"\n      [id]=\"id()\"\n      [checked]=\"checked()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : 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      (change)=\"handleChange()\" />\n\n    <span\n      class=\"ea-checkbox__box\"\n      aria-hidden=\"true\">\n      @if (indeterminate()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M4 8h8\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\" />\n        </svg>\n      } @else if (checked()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </span>\n\n    @if (label()) {\n      <span\n        class=\"ea-checkbox__label\"\n        [class.ea-checkbox__label--required]=\"required()\">\n        {{ label() }}\n        @if (count() !== undefined && count() !== null) {\n          <span class=\"ea-checkbox__count\">{{ count() }}</span>\n        }\n      </span>\n    }\n  </label>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:var(--space-1-5)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--xs{font-size:var(--font-size-xs)}.ea-checkbox--sm{font-size:var(--font-size-sm)}.ea-checkbox--md{font-size:var(--font-size-md)}.ea-checkbox--lg{font-size:var(--font-size-lg)}.ea-checkbox--xl{font-size:var(--font-size-xl)}.ea-checkbox--disabled{opacity:.45;cursor:not-allowed}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox__label{font-weight:var(--font-weight-regular)}.ea-checkbox__label--required:after{content:\" *\";color:var(--color-error-default)}.ea-checkbox__count{margin-inline-start:.25em;color:var(--color-text-tertiary)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"], dependencies: [{ kind: "component", type: FieldMessagesComponent, selector: "ea-field-messages", inputs: ["id", "error", "hint"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"ea-checkbox-field\">\n  <label\n    class=\"ea-checkbox\"\n    [ngClass]=\"hostClasses()\"\n    [for]=\"id()\">\n    <input\n      #inputEl\n      type=\"checkbox\"\n      class=\"ea-checkbox__input\"\n      [id]=\"id()\"\n      [checked]=\"checked()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : 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      (change)=\"handleChange()\" />\n\n    <span\n      class=\"ea-checkbox__box\"\n      aria-hidden=\"true\">\n      @if (indeterminate()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M4 8h8\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\" />\n        </svg>\n      } @else if (checked()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </span>\n\n    @if (label()) {\n      <span\n        class=\"ea-checkbox__label\"\n        [class.ea-checkbox__label--required]=\"required()\">\n        {{ label() }}\n        @if (count() !== undefined && count() !== null) {\n          <span class=\"ea-checkbox__count\">{{ count() }}</span>\n        }\n      </span>\n    }\n  </label>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:var(--space-1-5)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--xs{font-size:var(--font-size-xs)}.ea-checkbox--sm{font-size:var(--font-size-sm)}.ea-checkbox--md{font-size:var(--font-size-md)}.ea-checkbox--lg{font-size:var(--font-size-lg)}.ea-checkbox--xl{font-size:var(--font-size-xl)}.ea-checkbox--disabled{opacity:.45;cursor:not-allowed}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{content:\" *\";color:var(--color-error-default)}.ea-checkbox__count{margin-inline-start:.25em;color:var(--ea-checkbox-count-color, var(--color-text-tertiary));transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"], dependencies: [{ kind: "component", type: FieldMessagesComponent, selector: "ea-field-messages", inputs: ["id", "error", "hint"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
@@ -6682,7 +6622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                             useExisting: forwardRef(() => CheckboxComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"ea-checkbox-field\">\n  <label\n    class=\"ea-checkbox\"\n    [ngClass]=\"hostClasses()\"\n    [for]=\"id()\">\n    <input\n      #inputEl\n      type=\"checkbox\"\n      class=\"ea-checkbox__input\"\n      [id]=\"id()\"\n      [checked]=\"checked()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : 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      (change)=\"handleChange()\" />\n\n    <span\n      class=\"ea-checkbox__box\"\n      aria-hidden=\"true\">\n      @if (indeterminate()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M4 8h8\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\" />\n        </svg>\n      } @else if (checked()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </span>\n\n    @if (label()) {\n      <span\n        class=\"ea-checkbox__label\"\n        [class.ea-checkbox__label--required]=\"required()\">\n        {{ label() }}\n        @if (count() !== undefined && count() !== null) {\n          <span class=\"ea-checkbox__count\">{{ count() }}</span>\n        }\n      </span>\n    }\n  </label>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:var(--space-1-5)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--xs{font-size:var(--font-size-xs)}.ea-checkbox--sm{font-size:var(--font-size-sm)}.ea-checkbox--md{font-size:var(--font-size-md)}.ea-checkbox--lg{font-size:var(--font-size-lg)}.ea-checkbox--xl{font-size:var(--font-size-xl)}.ea-checkbox--disabled{opacity:.45;cursor:not-allowed}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox__label{font-weight:var(--font-weight-regular)}.ea-checkbox__label--required:after{content:\" *\";color:var(--color-error-default)}.ea-checkbox__count{margin-inline-start:.25em;color:var(--color-text-tertiary)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"] }]
+                    ], template: "<div class=\"ea-checkbox-field\">\n  <label\n    class=\"ea-checkbox\"\n    [ngClass]=\"hostClasses()\"\n    [for]=\"id()\">\n    <input\n      #inputEl\n      type=\"checkbox\"\n      class=\"ea-checkbox__input\"\n      [id]=\"id()\"\n      [checked]=\"checked()\"\n      [disabled]=\"isDisabled()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n      [attr.aria-label]=\"!label() ? (ariaLabel() ?? null) : 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      (change)=\"handleChange()\" />\n\n    <span\n      class=\"ea-checkbox__box\"\n      aria-hidden=\"true\">\n      @if (indeterminate()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M4 8h8\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\" />\n        </svg>\n      } @else if (checked()) {\n        <svg\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </span>\n\n    @if (label()) {\n      <span\n        class=\"ea-checkbox__label\"\n        [class.ea-checkbox__label--required]=\"required()\">\n        {{ label() }}\n        @if (count() !== undefined && count() !== null) {\n          <span class=\"ea-checkbox__count\">{{ count() }}</span>\n        }\n      </span>\n    }\n  </label>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle;line-height:1}.ea-checkbox-field{display:inline-flex;flex-direction:column;gap:var(--space-1-5)}.ea-checkbox{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans);color:var(--color-text-primary)}.ea-checkbox--xs{font-size:var(--font-size-xs)}.ea-checkbox--sm{font-size:var(--font-size-sm)}.ea-checkbox--md{font-size:var(--font-size-md)}.ea-checkbox--lg{font-size:var(--font-size-lg)}.ea-checkbox--xl{font-size:var(--font-size-xl)}.ea-checkbox--disabled{opacity:.45;cursor:not-allowed}.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-checkbox--checked .ea-checkbox__box,.ea-checkbox--indeterminate .ea-checkbox__box{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-checkbox:hover:not(.ea-checkbox--disabled) .ea-checkbox__box{border-color:var(--color-brand-default)}.ea-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ea-checkbox__input:focus-visible+.ea-checkbox__box{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-checkbox__input:focus-visible+.ea-checkbox__box{outline:2px solid Highlight;outline-offset:2px}}.ea-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:1.25em;height:1.25em;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-checkbox__box svg{position:absolute;width:65%;height:65%}.ea-checkbox__label{font-weight:var(--font-weight-regular);color:var(--ea-checkbox-label-color, inherit);transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox__label--required:after{content:\" *\";color:var(--color-error-default)}.ea-checkbox__count{margin-inline-start:.25em;color:var(--ea-checkbox-count-color, var(--color-text-tertiary));transition:color var(--duration-fast) var(--ease-out)}.ea-checkbox--error .ea-checkbox__box{border-color:var(--color-error-default)}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], errorMsg: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMsg", required: false }] }], errorMessages: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessages", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 
 class SearchIconComponent extends IconComponentBase {
@@ -7520,7 +7460,7 @@ class ColorPickerComponent {
         }
     }
     onHexBlur() {
-        // Reset the partial text to the canonical hex of the current color.
+        // Reset the partial text to the canonical hex of the current color
         this.hexInputValue.set(this.hexDisplay());
         this.onTouched();
     }
@@ -7629,7 +7569,7 @@ class ColorPickerComponent {
     }
     applyRgba(r, g, b, a, commit, refreshHex = true) {
         const hsv = rgbToHsv(r, g, b);
-        // Preserve current hue when the new color is achromatic (sat = 0).
+        // Preserve current hue when the new color is achromatic (sat = 0)
         this.hue.set(hsv.s === 0 ? this.hue() : hsv.h);
         this.sat.set(hsv.s);
         this.val.set(hsv.v);
@@ -8123,7 +8063,7 @@ class DataTableComponent {
     // Roving-tabindex active cell for grid navigation. Row 0 is the header row;
     // body rows are 1..N. Only meaningful while `navigable` is true.
     activeCell = signal({ row: 0, col: 0 }, ...(ngDevMode ? [{ debugName: "activeCell" }] : /* istanbul ignore next */ []));
-    // Rows skipped per PageUp/PageDown within the grid body.
+    // Rows skipped per PageUp/PageDown within the grid body
     static PAGE_JUMP = 10;
     columns = input.required(...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
     data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
@@ -8496,7 +8436,7 @@ class CodeInputComponent {
         const index = Math.min(val.length, this.length() - 1);
         this.focusDigit(index);
     }
-    // Removes disallowed characters: whitespace in free mode, non-digits otherwise.
+    // Removes disallowed characters: whitespace in free mode, non-digits otherwise
     sanitize(text) {
         return this.allowAllChars() ? text.replace(/\s/g, '') : text.replace(/[^0-9]/g, '');
     }
@@ -9193,11 +9133,11 @@ class DialogComponent {
         this.handleClose();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: DialogComponent, isStandalone: true, selector: "ea-dialog", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", opened: "opened", closed: "closed" }, viewQueries: [{ propertyName: "dialogEl", first: true, predicate: ["dialogEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<dialog\n  #dialogEl\n  class=\"ea-dialog\"\n  [id]=\"id()\"\n  [attr.aria-label]=\"ariaLabel() ?? null\"\n  [attr.aria-labelledby]=\"!ariaLabel() ? id() + '-header' : null\"\n  (click)=\"handleBackdropClick($event)\"\n  (cancel)=\"handleCancel($event)\">\n  <div\n    class=\"ea-dialog__panel\"\n    [ngClass]=\"panelClasses()\">\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"ea-dialog__close\"\n        [attr.aria-label]=\"i18n.messages().dialog.close\"\n        (click)=\"handleClose()\">\n        <ea-icon-x />\n      </button>\n    }\n\n    <div\n      class=\"ea-dialog__header\"\n      [id]=\"id() + '-header'\">\n      <ng-content select=\"[slot=header]\" />\n    </div>\n\n    <div class=\"ea-dialog__body\">\n      <ng-content />\n    </div>\n\n    <div class=\"ea-dialog__footer\">\n      <ng-content select=\"[slot=footer]\" />\n    </div>\n  </div>\n</dialog>\n", styles: [".ea-dialog{border:none;background:transparent;padding:0;margin:auto;max-width:none;max-height:none;overflow:visible}.ea-dialog::backdrop{background-color:var(--color-bg-overlay)}.ea-dialog__panel{position:relative;display:flex;flex-direction:column;background-color:var(--ea-dialog-panel-background-color, var(--color-bg-elevated));border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:85vh;overflow:hidden}@media(forced-colors:active){.ea-dialog__panel{border:1px solid CanvasText}}.ea-dialog__panel--xs{width:20rem}.ea-dialog__panel--sm{width:24rem}.ea-dialog__panel--md{width:32rem}.ea-dialog__panel--lg{width:42rem}.ea-dialog__panel--xl{width:52rem}.ea-dialog__panel--full{width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.ea-dialog__close{z-index:1;position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);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-dialog__close>*{font-size:1.25em}.ea-dialog__close:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-dialog__close:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-dialog__close:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-dialog__close:disabled{cursor:not-allowed;opacity:.5}.ea-dialog__header{padding:var(--space-5) var(--space-6) var(--space-3);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-lh);color:var(--color-text-primary)}.ea-dialog__header:empty{display:none}.ea-dialog__body{flex:1;padding:var(--space-3) var(--space-6);overflow-y:auto;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-5)}.ea-dialog__footer>*{display:flex;align-items:center;gap:var(--space-3)}.ea-dialog__footer:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "ea-icon-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: DialogComponent, isStandalone: true, selector: "ea-dialog", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", opened: "opened", closed: "closed" }, viewQueries: [{ propertyName: "dialogEl", first: true, predicate: ["dialogEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<dialog\n  #dialogEl\n  class=\"ea-dialog\"\n  [id]=\"id()\"\n  [attr.aria-label]=\"ariaLabel() ?? null\"\n  [attr.aria-labelledby]=\"!ariaLabel() ? id() + '-header' : null\"\n  (click)=\"handleBackdropClick($event)\"\n  (cancel)=\"handleCancel($event)\">\n  <div\n    class=\"ea-dialog__panel\"\n    [ngClass]=\"panelClasses()\">\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"ea-dialog__close\"\n        [attr.aria-label]=\"i18n.messages().dialog.close\"\n        (click)=\"handleClose()\">\n        <ea-icon-x />\n      </button>\n    }\n\n    <div\n      class=\"ea-dialog__header\"\n      [id]=\"id() + '-header'\">\n      <ng-content select=\"[slot=header]\" />\n    </div>\n\n    <div class=\"ea-dialog__body\">\n      <ng-content />\n    </div>\n\n    <div class=\"ea-dialog__footer\">\n      <ng-content select=\"[slot=footer]\" />\n    </div>\n  </div>\n</dialog>\n", styles: [".ea-dialog{border:none;background:transparent;padding:0;margin:auto;max-width:none;max-height:none;overflow:visible}.ea-dialog::backdrop{background-color:var(--color-bg-overlay)}.ea-dialog__panel{position:relative;display:flex;flex-direction:column;width:var(--ea-dialog-size, 32rem);background-color:var(--ea-dialog-panel-background-color, var(--color-bg-elevated));border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:85vh;overflow:hidden}@media(forced-colors:active){.ea-dialog__panel{border:1px solid CanvasText}}.ea-dialog__panel--xs{--ea-dialog-size: 20rem}.ea-dialog__panel--sm{--ea-dialog-size: 24rem}.ea-dialog__panel--md{--ea-dialog-size: 32rem}.ea-dialog__panel--lg{--ea-dialog-size: 42rem}.ea-dialog__panel--xl{--ea-dialog-size: 52rem}.ea-dialog__panel--full{width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.ea-dialog__close{z-index:1;position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);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-dialog__close>*{font-size:1.25em}.ea-dialog__close:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-dialog__close:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-dialog__close:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-dialog__close:disabled{cursor:not-allowed;opacity:.5}.ea-dialog__header{padding:var(--space-5) var(--space-6) var(--space-3);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-lh);color:var(--color-text-primary)}.ea-dialog__header:empty{display:none}.ea-dialog__body{flex:1;padding:var(--space-3) var(--space-6);overflow-y:auto;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-5)}.ea-dialog__footer>*{display:flex;align-items:center;gap:var(--space-3)}.ea-dialog__footer:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "ea-icon-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ea-dialog', imports: [NgClass, XIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<dialog\n  #dialogEl\n  class=\"ea-dialog\"\n  [id]=\"id()\"\n  [attr.aria-label]=\"ariaLabel() ?? null\"\n  [attr.aria-labelledby]=\"!ariaLabel() ? id() + '-header' : null\"\n  (click)=\"handleBackdropClick($event)\"\n  (cancel)=\"handleCancel($event)\">\n  <div\n    class=\"ea-dialog__panel\"\n    [ngClass]=\"panelClasses()\">\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"ea-dialog__close\"\n        [attr.aria-label]=\"i18n.messages().dialog.close\"\n        (click)=\"handleClose()\">\n        <ea-icon-x />\n      </button>\n    }\n\n    <div\n      class=\"ea-dialog__header\"\n      [id]=\"id() + '-header'\">\n      <ng-content select=\"[slot=header]\" />\n    </div>\n\n    <div class=\"ea-dialog__body\">\n      <ng-content />\n    </div>\n\n    <div class=\"ea-dialog__footer\">\n      <ng-content select=\"[slot=footer]\" />\n    </div>\n  </div>\n</dialog>\n", styles: [".ea-dialog{border:none;background:transparent;padding:0;margin:auto;max-width:none;max-height:none;overflow:visible}.ea-dialog::backdrop{background-color:var(--color-bg-overlay)}.ea-dialog__panel{position:relative;display:flex;flex-direction:column;background-color:var(--ea-dialog-panel-background-color, var(--color-bg-elevated));border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:85vh;overflow:hidden}@media(forced-colors:active){.ea-dialog__panel{border:1px solid CanvasText}}.ea-dialog__panel--xs{width:20rem}.ea-dialog__panel--sm{width:24rem}.ea-dialog__panel--md{width:32rem}.ea-dialog__panel--lg{width:42rem}.ea-dialog__panel--xl{width:52rem}.ea-dialog__panel--full{width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.ea-dialog__close{z-index:1;position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);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-dialog__close>*{font-size:1.25em}.ea-dialog__close:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-dialog__close:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-dialog__close:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-dialog__close:disabled{cursor:not-allowed;opacity:.5}.ea-dialog__header{padding:var(--space-5) var(--space-6) var(--space-3);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-lh);color:var(--color-text-primary)}.ea-dialog__header:empty{display:none}.ea-dialog__body{flex:1;padding:var(--space-3) var(--space-6);overflow-y:auto;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-5)}.ea-dialog__footer>*{display:flex;align-items:center;gap:var(--space-3)}.ea-dialog__footer:empty{display:none}\n"] }]
+            args: [{ selector: 'ea-dialog', imports: [NgClass, XIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<dialog\n  #dialogEl\n  class=\"ea-dialog\"\n  [id]=\"id()\"\n  [attr.aria-label]=\"ariaLabel() ?? null\"\n  [attr.aria-labelledby]=\"!ariaLabel() ? id() + '-header' : null\"\n  (click)=\"handleBackdropClick($event)\"\n  (cancel)=\"handleCancel($event)\">\n  <div\n    class=\"ea-dialog__panel\"\n    [ngClass]=\"panelClasses()\">\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"ea-dialog__close\"\n        [attr.aria-label]=\"i18n.messages().dialog.close\"\n        (click)=\"handleClose()\">\n        <ea-icon-x />\n      </button>\n    }\n\n    <div\n      class=\"ea-dialog__header\"\n      [id]=\"id() + '-header'\">\n      <ng-content select=\"[slot=header]\" />\n    </div>\n\n    <div class=\"ea-dialog__body\">\n      <ng-content />\n    </div>\n\n    <div class=\"ea-dialog__footer\">\n      <ng-content select=\"[slot=footer]\" />\n    </div>\n  </div>\n</dialog>\n", styles: [".ea-dialog{border:none;background:transparent;padding:0;margin:auto;max-width:none;max-height:none;overflow:visible}.ea-dialog::backdrop{background-color:var(--color-bg-overlay)}.ea-dialog__panel{position:relative;display:flex;flex-direction:column;width:var(--ea-dialog-size, 32rem);background-color:var(--ea-dialog-panel-background-color, var(--color-bg-elevated));border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:85vh;overflow:hidden}@media(forced-colors:active){.ea-dialog__panel{border:1px solid CanvasText}}.ea-dialog__panel--xs{--ea-dialog-size: 20rem}.ea-dialog__panel--sm{--ea-dialog-size: 24rem}.ea-dialog__panel--md{--ea-dialog-size: 32rem}.ea-dialog__panel--lg{--ea-dialog-size: 42rem}.ea-dialog__panel--xl{--ea-dialog-size: 52rem}.ea-dialog__panel--full{width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.ea-dialog__close{z-index:1;position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);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-dialog__close>*{font-size:1.25em}.ea-dialog__close:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-dialog__close:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-dialog__close:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-dialog__close:disabled{cursor:not-allowed;opacity:.5}.ea-dialog__header{padding:var(--space-5) var(--space-6) var(--space-3);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-lh);color:var(--color-text-primary)}.ea-dialog__header:empty{display:none}.ea-dialog__body{flex:1;padding:var(--space-3) var(--space-6);overflow-y:auto;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-5)}.ea-dialog__footer>*{display:flex;align-items:center;gap:var(--space-3)}.ea-dialog__footer:empty{display:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dialogEl: [{ type: i0.ViewChild, args: ['dialogEl', { isSignal: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 // The padding side, per position, applied to the push target so its content
@@ -9274,7 +9214,7 @@ class DrawerComponent {
             const drawerRef = this.drawerEl()?.nativeElement;
             const open = this.open();
             const mode = this.mode();
-            // Re-run the push measurement if size, position, or target change while open.
+            // Re-run the push measurement if size, position, or target change while open
             this.size();
             this.position();
             this.pushTarget();
@@ -9283,7 +9223,7 @@ class DrawerComponent {
             if (!drawerRef || !this.isBrowser) {
                 return;
             }
-            // Push mode stays non-modal so the page behind it remains interactive.
+            // Push mode stays non-modal so the page behind it remains interactive
             const wantModal = mode !== 'push';
             if (open) {
                 if (!drawerRef.open) {
@@ -9293,7 +9233,7 @@ class DrawerComponent {
                     this.opened.emit();
                 }
                 else if (this.isLeaving) {
-                    // Reopened mid-exit: cancel the pending close and slide back in.
+                    // Reopened mid-exit: cancel the pending close and slide back in
                     this.enter(true);
                 }
                 else if (this.shownAsModal !== wantModal) {
@@ -9409,7 +9349,7 @@ class DrawerComponent {
         }
     }
     finishClose(dialog) {
-        // A reopen during the exit animation supersedes the close.
+        // A reopen during the exit animation supersedes the close
         if (this.open()) {
             return;
         }
@@ -9432,7 +9372,7 @@ class DrawerComponent {
         this.open.set(false);
         this.closed.emit();
     }
-    // Non-modal push drawers do not emit `cancel`, so Escape is handled here.
+    // Non-modal push drawers do not emit `cancel`, so Escape is handled here
     handleKeydown(event) {
         if (this.mode() === 'push' && this.closeOnEscape() && event.key === 'Escape') {
             this.handleClose();
@@ -9484,7 +9424,7 @@ class DrawerComponent {
                 const ease = animation === 'linear' ? 'var(--ease-linear)' : 'var(--ease-out)';
                 target.style.transition = `padding var(--duration-slower) ${ease}`;
             }
-            // Clear every side first so a position change never stacks two offsets.
+            // Clear every side first so a position change never stacks two offsets
             this.clearPushProperties(target);
             target.style.setProperty(PUSH_PROPERTY[position], `${size}px`);
             this.pushedTarget = target;
@@ -9546,7 +9486,7 @@ class DrawerComponent {
             this.documentPointerListener = null;
         }
     }
-    // Removes the push styles immediately, for teardown where no animation is wanted.
+    // Removes the push styles immediately, for teardown where no animation is wanted
     teardownPush() {
         if (this.pushRaf !== null) {
             cancelAnimationFrame(this.pushRaf);
@@ -9586,7 +9526,7 @@ class DrawerComponent {
     // keep the drawer open; otherwise mirror the close back into the model.
     onDialogClose() {
         const drawerRef = this.drawerEl()?.nativeElement;
-        // Ignore the stale close event fired while reopening to switch modality.
+        // Ignore the stale close event fired while reopening to switch modality
         if (this.reopening || !this.open() || drawerRef?.open) {
             return;
         }
@@ -10285,7 +10225,7 @@ class EagamiWordmarkComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EagamiWordmarkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ea-eagami-wordmark', imports: [EagamiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        // The wordmark is a fixed brand lockup; it never mirrors with UI direction.
+                        // The wordmark is a fixed brand lockup; it never mirrors with UI direction
                         dir: 'ltr',
                         '[style.--_size]': 'resolvedSize()',
                     }, template: "<a\n  class=\"ea-eagami-wordmark\"\n  [class.ea-eagami-wordmark--inline]=\"layout() === 'inline'\"\n  href=\"https://eagami.com\"\n  target=\"_blank\"\n  rel=\"noopener\"\n  [attr.aria-label]=\"ariaLabel()\">\n  <ea-icon-eagami\n    class=\"ea-eagami-wordmark__logo\"\n    aria-hidden=\"true\" />\n\n  <span class=\"ea-eagami-wordmark__text\">\n    @if (showOverline()) {\n      <span class=\"ea-eagami-wordmark__overline\">\n        {{ i18n.messages().wordmark.overline }}\n      </span>\n    }\n    <span class=\"ea-eagami-wordmark__brand\">{{ brandText() }}</span>\n    @if (showTagline()) {\n      @if (layout() === 'inline') {\n        <span\n          class=\"ea-eagami-wordmark__separator\"\n          aria-hidden=\"true\">\n          \u2014\n        </span>\n      }\n      <span class=\"ea-eagami-wordmark__tagline\">\n        {{ i18n.messages().wordmark.tagline }}\n      </span>\n    }\n  </span>\n</a>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Syne:wght@400;500&display=swap\";:host{display:inline-block;line-height:var(--line-height-none)}.ea-eagami-wordmark{display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-opacity)}.ea-eagami-wordmark:hover{opacity:.75}.ea-eagami-wordmark:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-eagami-wordmark:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-eagami-wordmark__logo{flex-shrink:0;font-size:calc(var(--_size) * 1px);forced-color-adjust:none}.ea-eagami-wordmark__text{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:var(--line-height-tight)}.ea-eagami-wordmark__overline,.ea-eagami-wordmark__brand,.ea-eagami-wordmark__tagline{white-space:nowrap;text-transform:lowercase}.ea-eagami-wordmark__overline,.ea-eagami-wordmark__separator,.ea-eagami-wordmark__tagline{font-size:calc(var(--_size) * .2px);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family-sans);color:var(--color-text-secondary)}.ea-eagami-wordmark__overline{color:var(--ea-eagami-wordmark-overline-color, var(--color-text-secondary))}.ea-eagami-wordmark__brand{font-size:calc(var(--_size) * .5px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family-brand)}.ea-eagami-wordmark--inline .ea-eagami-wordmark__text{flex-direction:row;align-items:baseline;gap:calc(var(--_size) * .2px)}.ea-eagami-wordmark--inline .ea-eagami-wordmark__overline,.ea-eagami-wordmark--inline .ea-eagami-wordmark__separator,.ea-eagami-wordmark--inline .ea-eagami-wordmark__tagline{font-size:calc(var(--_size) * .5px)}\n"] }]
@@ -11134,7 +11074,7 @@ class FileUploaderComponent {
         if (files.length) {
             this.acceptFiles(files);
         }
-        // Reset so re-picking the same file re-triggers the input.
+        // Reset so re-picking the same file re-triggers the input
         inputEl.value = '';
     }
     onDragOver(event) {
@@ -11603,7 +11543,7 @@ class InputComponent {
         const el = event.target;
         let value = el.value;
         const maxLen = this.maxLength();
-        // Native maxlength is ignored on number inputs, so enforce it here.
+        // Native maxlength is ignored on number inputs, so enforce it here
         if (this.type() === 'number' && maxLen != null && value.length > maxLen) {
             value = value.slice(0, maxLen);
             el.value = value;
@@ -12256,7 +12196,7 @@ class MultiSelectComponent {
             this.triggerEl()?.nativeElement.focus();
         }
         else if (event.key === 'Backspace' && this.hasValue() && !this.isOpen()) {
-            // Quick-remove the last chip when the trigger is focused and no popover.
+            // Quick-remove the last chip when the trigger is focused and no popover
             event.preventDefault();
             this.commit(this.value().slice(0, -1));
         }
@@ -14097,7 +14037,7 @@ class StepperComponent {
         if (nextIndex >= 0 && nextIndex !== this.activeStep()) {
             this.selectStep(nextIndex);
             const buttons = event.currentTarget.querySelectorAll('.ea-stepper__button:not([disabled])');
-            // Match the focused button to the new index (visit order matches DOM order).
+            // Match the focused button to the new index (visit order matches DOM order)
             const reachableIndices = this.registeredSteps()
                 .map((_, i) => i)
                 .filter(i => this.canNavigateTo(i));
@@ -14856,7 +14796,7 @@ class TimePickerComponent {
         else if (event.key === 'PageUp') {
             event.preventDefault();
             this.flushBuffer();
-            // Coarse step: 5× the configured step (or 10 for hours).
+            // Coarse step: 5× the configured step (or 10 for hours)
             const coarse = unit === 'hours' ? 10 : 5;
             for (let i = 0; i < coarse; i++) {
                 this.step(unit, 1);
@@ -14893,7 +14833,7 @@ class TimePickerComponent {
     /** Select-all on focus so the first keystroke replaces the current value. */
     onSpinnerFocus(event) {
         const el = event.currentTarget;
-        // afterNextRender-ish: wait one tick so iOS / Safari accept the select().
+        // afterNextRender-ish: wait one tick so iOS / Safari accept the select()
         queueMicrotask(() => el.select());
     }
     /**
@@ -15745,7 +15685,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
  * them against the shared signals.
  */
 class TreeNodeComponent {
-    i18n = inject(EagamiI18nService);
     node = input.required(...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
     /** Depth from the tree root (0-indexed). Drives indentation and `aria-level`. */
     level = input.required(...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
@@ -15761,12 +15700,6 @@ class TreeNodeComponent {
     expandedIds = input.required(...(ngDevMode ? [{ debugName: "expandedIds" }] : /* istanbul ignore next */ []));
     /** Whole-tree disabled state. */
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    /** aria-label for the expand chevron; falls back to the active locale's default. */
-    expandLabel = input(undefined, ...(ngDevMode ? [{ debugName: "expandLabel" }] : /* istanbul ignore next */ []));
-    /** aria-label for the collapse chevron; falls back to the active locale's default. */
-    collapseLabel = input(undefined, ...(ngDevMode ? [{ debugName: "collapseLabel" }] : /* istanbul ignore next */ []));
-    resolvedExpandLabel = computed(() => this.expandLabel() ?? this.i18n.messages().tree.expand, ...(ngDevMode ? [{ debugName: "resolvedExpandLabel" }] : /* istanbul ignore next */ []));
-    resolvedCollapseLabel = computed(() => this.collapseLabel() ?? this.i18n.messages().tree.collapse, ...(ngDevMode ? [{ debugName: "resolvedCollapseLabel" }] : /* istanbul ignore next */ []));
     toggle = output();
     select = output();
     hasChildren = computed(() => (this.node().children?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasChildren" }] : /* istanbul ignore next */ []));
@@ -15796,14 +15729,14 @@ class TreeNodeComponent {
         this.toggle.emit(this.node().id);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TreeNodeComponent, isStandalone: true, selector: "ea-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null }, posInSet: { classPropertyName: "posInSet", publicName: "posInSet", isSignal: true, isRequired: true, transformFunction: null }, setSize: { classPropertyName: "setSize", publicName: "setSize", isSignal: true, isRequired: true, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null }, focusedId: { classPropertyName: "focusedId", publicName: "focusedId", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expandLabel: { classPropertyName: "expandLabel", publicName: "expandLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", select: "select" }, host: { attributes: { "role": "none" } }, ngImport: i0, template: "<li\n  class=\"ea-tree-node\"\n  role=\"treeitem\"\n  [attr.id]=\"'ea-tree-item-' + node().id\"\n  [attr.data-treeitem-id]=\"node().id\"\n  [attr.aria-level]=\"level() + 1\"\n  [attr.aria-posinset]=\"posInSet()\"\n  [attr.aria-setsize]=\"setSize()\"\n  [attr.aria-selected]=\"isSelected()\"\n  [attr.aria-expanded]=\"hasChildren() ? isExpanded() : null\"\n  [attr.aria-disabled]=\"isDisabled() || null\"\n  [attr.tabindex]=\"isFocused() ? 0 : -1\"\n  [class.ea-tree-node--selected]=\"isSelected()\"\n  [class.ea-tree-node--disabled]=\"isDisabled()\"\n  [class.ea-tree-node--leaf]=\"!hasChildren()\"\n  [style]=\"indentStyle()\">\n  <div\n    class=\"ea-tree-node__row\"\n    (click)=\"onRowClick()\">\n    @if (hasChildren()) {\n      <span\n        class=\"ea-tree-node__chevron\"\n        [class.ea-tree-node__chevron--open]=\"isExpanded()\"\n        [attr.aria-label]=\"isExpanded() ? resolvedCollapseLabel() : resolvedExpandLabel()\"\n        role=\"button\"\n        (click)=\"onChevronClick($event)\">\n        <ea-icon-chevron-right />\n      </span>\n    } @else {\n      <span\n        class=\"ea-tree-node__chevron-spacer\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    @if (node().icon; as iconClass) {\n      <span\n        class=\"ea-tree-node__icon\"\n        aria-hidden=\"true\">\n        <ng-container *ngComponentOutlet=\"iconClass\" />\n      </span>\n    }\n\n    <span class=\"ea-tree-node__label\">\n      {{ node().label }}\n    </span>\n  </div>\n\n  @if (hasChildren() && isExpanded()) {\n    <ul\n      class=\"ea-tree-node__children\"\n      role=\"group\">\n      @for (child of node().children; track child.id; let i = $index) {\n        <ea-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [posInSet]=\"i + 1\"\n          [setSize]=\"node().children!.length\"\n          [selectedId]=\"selectedId()\"\n          [focusedId]=\"focusedId()\"\n          [expandedIds]=\"expandedIds()\"\n          [disabled]=\"disabled()\"\n          [expandLabel]=\"expandLabel()\"\n          [collapseLabel]=\"collapseLabel()\"\n          (toggle)=\"toggle.emit($event)\"\n          (select)=\"select.emit($event)\" />\n      }\n    </ul>\n  }\n</li>\n", styles: [":host{display:block}.ea-tree-node{display:block;outline:none;list-style:none}.ea-tree-node__row{display:flex;align-items:center;gap:.5em;padding:var(--ea-tree-row-padding-block, .5em) var(--ea-tree-row-padding-inline, .5em);padding-inline-start:calc(var(--ea-tree-row-padding-inline, .5em) + var(--ea-tree-node-level) * var(--ea-tree-indent, 1em));border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.ea-tree-node:focus-visible>.ea-tree-node__row{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tree-node:focus-visible>.ea-tree-node__row{outline:2px solid Highlight;outline-offset:2px}}.ea-tree-node__row:hover{background-color:var(--color-state-hover)}.ea-tree-node--selected>.ea-tree-node__row{background-color:var(--color-bg-selected, var(--color-brand-subtle));color:var(--color-text-on-selected, var(--color-text-primary))}@media(forced-colors:active){.ea-tree-node--selected>.ea-tree-node__row{background-color:Highlight;color:HighlightText}}.ea-tree-node--disabled>.ea-tree-node__row{opacity:.6;cursor:not-allowed}.ea-tree-node--disabled>.ea-tree-node__row:hover{background-color:transparent}.ea-tree-node__chevron,.ea-tree-node__chevron-spacer{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__chevron{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.ea-tree-node__chevron--open{transform:rotate(90deg)}.ea-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__label{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1}.ea-tree-node__children{display:block;padding:0;margin:0;list-style:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ea-tree-node", inputs: ["node", "level", "posInSet", "setSize", "selectedId", "focusedId", "expandedIds", "disabled", "expandLabel", "collapseLabel"], outputs: ["toggle", "select"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: ChevronRightIconComponent, selector: "ea-icon-chevron-right" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TreeNodeComponent, isStandalone: true, selector: "ea-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: true, transformFunction: null }, posInSet: { classPropertyName: "posInSet", publicName: "posInSet", isSignal: true, isRequired: true, transformFunction: null }, setSize: { classPropertyName: "setSize", publicName: "setSize", isSignal: true, isRequired: true, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null }, focusedId: { classPropertyName: "focusedId", publicName: "focusedId", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", select: "select" }, host: { attributes: { "role": "none" } }, ngImport: i0, template: "<li\n  class=\"ea-tree-node\"\n  role=\"treeitem\"\n  [attr.id]=\"'ea-tree-item-' + node().id\"\n  [attr.data-treeitem-id]=\"node().id\"\n  [attr.aria-level]=\"level() + 1\"\n  [attr.aria-posinset]=\"posInSet()\"\n  [attr.aria-setsize]=\"setSize()\"\n  [attr.aria-selected]=\"isSelected()\"\n  [attr.aria-expanded]=\"hasChildren() ? isExpanded() : null\"\n  [attr.aria-disabled]=\"isDisabled() || null\"\n  [attr.tabindex]=\"isFocused() ? 0 : -1\"\n  [class.ea-tree-node--selected]=\"isSelected()\"\n  [class.ea-tree-node--disabled]=\"isDisabled()\"\n  [class.ea-tree-node--leaf]=\"!hasChildren()\"\n  [style]=\"indentStyle()\">\n  <div\n    class=\"ea-tree-node__row\"\n    (click)=\"onRowClick()\">\n    @if (hasChildren()) {\n      <span\n        class=\"ea-tree-node__chevron\"\n        [class.ea-tree-node__chevron--open]=\"isExpanded()\"\n        aria-hidden=\"true\"\n        (click)=\"onChevronClick($event)\">\n        <ea-icon-chevron-right />\n      </span>\n    } @else {\n      <span\n        class=\"ea-tree-node__chevron-spacer\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    @if (node().icon; as iconClass) {\n      <span\n        class=\"ea-tree-node__icon\"\n        aria-hidden=\"true\">\n        <ng-container *ngComponentOutlet=\"iconClass\" />\n      </span>\n    }\n\n    <span class=\"ea-tree-node__label\">\n      {{ node().label }}\n    </span>\n  </div>\n\n  @if (hasChildren() && isExpanded()) {\n    <ul\n      class=\"ea-tree-node__children\"\n      role=\"group\">\n      @for (child of node().children; track child.id; let i = $index) {\n        <ea-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [posInSet]=\"i + 1\"\n          [setSize]=\"node().children!.length\"\n          [selectedId]=\"selectedId()\"\n          [focusedId]=\"focusedId()\"\n          [expandedIds]=\"expandedIds()\"\n          [disabled]=\"disabled()\"\n          (toggle)=\"toggle.emit($event)\"\n          (select)=\"select.emit($event)\" />\n      }\n    </ul>\n  }\n</li>\n", styles: [":host{display:block}.ea-tree-node{display:block;outline:none;list-style:none}.ea-tree-node__row{display:flex;align-items:center;gap:.5em;padding:var(--ea-tree-row-padding-block, .5em) var(--ea-tree-row-padding-inline, .5em);padding-inline-start:calc(var(--ea-tree-row-padding-inline, .5em) + var(--ea-tree-node-level) * var(--ea-tree-indent, 1em));border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.ea-tree-node:focus-visible>.ea-tree-node__row{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tree-node:focus-visible>.ea-tree-node__row{outline:2px solid Highlight;outline-offset:2px}}.ea-tree-node__row:hover{background-color:var(--color-state-hover)}.ea-tree-node--selected>.ea-tree-node__row{background-color:var(--color-bg-selected, var(--color-brand-subtle));color:var(--color-text-on-selected, var(--color-text-primary))}@media(forced-colors:active){.ea-tree-node--selected>.ea-tree-node__row{background-color:Highlight;color:HighlightText}}.ea-tree-node--disabled>.ea-tree-node__row{opacity:.6;cursor:not-allowed}.ea-tree-node--disabled>.ea-tree-node__row:hover{background-color:transparent}.ea-tree-node__chevron,.ea-tree-node__chevron-spacer{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__chevron{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.ea-tree-node__chevron--open{transform:rotate(90deg)}.ea-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__label{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1}.ea-tree-node__children{display:block;padding:0;margin:0;list-style:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ea-tree-node", inputs: ["node", "level", "posInSet", "setSize", "selectedId", "focusedId", "expandedIds", "disabled"], outputs: ["toggle", "select"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: ChevronRightIconComponent, selector: "ea-icon-chevron-right" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TreeNodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ea-tree-node', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet, ChevronRightIconComponent], host: {
                         role: 'none',
-                    }, template: "<li\n  class=\"ea-tree-node\"\n  role=\"treeitem\"\n  [attr.id]=\"'ea-tree-item-' + node().id\"\n  [attr.data-treeitem-id]=\"node().id\"\n  [attr.aria-level]=\"level() + 1\"\n  [attr.aria-posinset]=\"posInSet()\"\n  [attr.aria-setsize]=\"setSize()\"\n  [attr.aria-selected]=\"isSelected()\"\n  [attr.aria-expanded]=\"hasChildren() ? isExpanded() : null\"\n  [attr.aria-disabled]=\"isDisabled() || null\"\n  [attr.tabindex]=\"isFocused() ? 0 : -1\"\n  [class.ea-tree-node--selected]=\"isSelected()\"\n  [class.ea-tree-node--disabled]=\"isDisabled()\"\n  [class.ea-tree-node--leaf]=\"!hasChildren()\"\n  [style]=\"indentStyle()\">\n  <div\n    class=\"ea-tree-node__row\"\n    (click)=\"onRowClick()\">\n    @if (hasChildren()) {\n      <span\n        class=\"ea-tree-node__chevron\"\n        [class.ea-tree-node__chevron--open]=\"isExpanded()\"\n        [attr.aria-label]=\"isExpanded() ? resolvedCollapseLabel() : resolvedExpandLabel()\"\n        role=\"button\"\n        (click)=\"onChevronClick($event)\">\n        <ea-icon-chevron-right />\n      </span>\n    } @else {\n      <span\n        class=\"ea-tree-node__chevron-spacer\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    @if (node().icon; as iconClass) {\n      <span\n        class=\"ea-tree-node__icon\"\n        aria-hidden=\"true\">\n        <ng-container *ngComponentOutlet=\"iconClass\" />\n      </span>\n    }\n\n    <span class=\"ea-tree-node__label\">\n      {{ node().label }}\n    </span>\n  </div>\n\n  @if (hasChildren() && isExpanded()) {\n    <ul\n      class=\"ea-tree-node__children\"\n      role=\"group\">\n      @for (child of node().children; track child.id; let i = $index) {\n        <ea-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [posInSet]=\"i + 1\"\n          [setSize]=\"node().children!.length\"\n          [selectedId]=\"selectedId()\"\n          [focusedId]=\"focusedId()\"\n          [expandedIds]=\"expandedIds()\"\n          [disabled]=\"disabled()\"\n          [expandLabel]=\"expandLabel()\"\n          [collapseLabel]=\"collapseLabel()\"\n          (toggle)=\"toggle.emit($event)\"\n          (select)=\"select.emit($event)\" />\n      }\n    </ul>\n  }\n</li>\n", styles: [":host{display:block}.ea-tree-node{display:block;outline:none;list-style:none}.ea-tree-node__row{display:flex;align-items:center;gap:.5em;padding:var(--ea-tree-row-padding-block, .5em) var(--ea-tree-row-padding-inline, .5em);padding-inline-start:calc(var(--ea-tree-row-padding-inline, .5em) + var(--ea-tree-node-level) * var(--ea-tree-indent, 1em));border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.ea-tree-node:focus-visible>.ea-tree-node__row{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tree-node:focus-visible>.ea-tree-node__row{outline:2px solid Highlight;outline-offset:2px}}.ea-tree-node__row:hover{background-color:var(--color-state-hover)}.ea-tree-node--selected>.ea-tree-node__row{background-color:var(--color-bg-selected, var(--color-brand-subtle));color:var(--color-text-on-selected, var(--color-text-primary))}@media(forced-colors:active){.ea-tree-node--selected>.ea-tree-node__row{background-color:Highlight;color:HighlightText}}.ea-tree-node--disabled>.ea-tree-node__row{opacity:.6;cursor:not-allowed}.ea-tree-node--disabled>.ea-tree-node__row:hover{background-color:transparent}.ea-tree-node__chevron,.ea-tree-node__chevron-spacer{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__chevron{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.ea-tree-node__chevron--open{transform:rotate(90deg)}.ea-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__label{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1}.ea-tree-node__children{display:block;padding:0;margin:0;list-style:none}\n"] }]
-        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: true }] }], posInSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "posInSet", required: true }] }], setSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "setSize", required: true }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }], focusedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedId", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expandLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandLabel", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], select: [{ type: i0.Output, args: ["select"] }] } });
+                    }, template: "<li\n  class=\"ea-tree-node\"\n  role=\"treeitem\"\n  [attr.id]=\"'ea-tree-item-' + node().id\"\n  [attr.data-treeitem-id]=\"node().id\"\n  [attr.aria-level]=\"level() + 1\"\n  [attr.aria-posinset]=\"posInSet()\"\n  [attr.aria-setsize]=\"setSize()\"\n  [attr.aria-selected]=\"isSelected()\"\n  [attr.aria-expanded]=\"hasChildren() ? isExpanded() : null\"\n  [attr.aria-disabled]=\"isDisabled() || null\"\n  [attr.tabindex]=\"isFocused() ? 0 : -1\"\n  [class.ea-tree-node--selected]=\"isSelected()\"\n  [class.ea-tree-node--disabled]=\"isDisabled()\"\n  [class.ea-tree-node--leaf]=\"!hasChildren()\"\n  [style]=\"indentStyle()\">\n  <div\n    class=\"ea-tree-node__row\"\n    (click)=\"onRowClick()\">\n    @if (hasChildren()) {\n      <span\n        class=\"ea-tree-node__chevron\"\n        [class.ea-tree-node__chevron--open]=\"isExpanded()\"\n        aria-hidden=\"true\"\n        (click)=\"onChevronClick($event)\">\n        <ea-icon-chevron-right />\n      </span>\n    } @else {\n      <span\n        class=\"ea-tree-node__chevron-spacer\"\n        aria-hidden=\"true\">\n      </span>\n    }\n\n    @if (node().icon; as iconClass) {\n      <span\n        class=\"ea-tree-node__icon\"\n        aria-hidden=\"true\">\n        <ng-container *ngComponentOutlet=\"iconClass\" />\n      </span>\n    }\n\n    <span class=\"ea-tree-node__label\">\n      {{ node().label }}\n    </span>\n  </div>\n\n  @if (hasChildren() && isExpanded()) {\n    <ul\n      class=\"ea-tree-node__children\"\n      role=\"group\">\n      @for (child of node().children; track child.id; let i = $index) {\n        <ea-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [posInSet]=\"i + 1\"\n          [setSize]=\"node().children!.length\"\n          [selectedId]=\"selectedId()\"\n          [focusedId]=\"focusedId()\"\n          [expandedIds]=\"expandedIds()\"\n          [disabled]=\"disabled()\"\n          (toggle)=\"toggle.emit($event)\"\n          (select)=\"select.emit($event)\" />\n      }\n    </ul>\n  }\n</li>\n", styles: [":host{display:block}.ea-tree-node{display:block;outline:none;list-style:none}.ea-tree-node__row{display:flex;align-items:center;gap:.5em;padding:var(--ea-tree-row-padding-block, .5em) var(--ea-tree-row-padding-inline, .5em);padding-inline-start:calc(var(--ea-tree-row-padding-inline, .5em) + var(--ea-tree-node-level) * var(--ea-tree-indent, 1em));border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.ea-tree-node:focus-visible>.ea-tree-node__row{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tree-node:focus-visible>.ea-tree-node__row{outline:2px solid Highlight;outline-offset:2px}}.ea-tree-node__row:hover{background-color:var(--color-state-hover)}.ea-tree-node--selected>.ea-tree-node__row{background-color:var(--color-bg-selected, var(--color-brand-subtle));color:var(--color-text-on-selected, var(--color-text-primary))}@media(forced-colors:active){.ea-tree-node--selected>.ea-tree-node__row{background-color:Highlight;color:HighlightText}}.ea-tree-node--disabled>.ea-tree-node__row{opacity:.6;cursor:not-allowed}.ea-tree-node--disabled>.ea-tree-node__row:hover{background-color:transparent}.ea-tree-node__chevron,.ea-tree-node__chevron-spacer{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__chevron{cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.ea-tree-node__chevron--open{transform:rotate(90deg)}.ea-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:var(--color-text-secondary)}.ea-tree-node__label{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1}.ea-tree-node__children{display:block;padding:0;margin:0;list-style:none}\n"] }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: true }] }], posInSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "posInSet", required: true }] }], setSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "setSize", required: true }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }], focusedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedId", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], select: [{ type: i0.Output, args: ["select"] }] } });
 
 /**
  * Internal helper: walks a tree depth-first, yielding every node along with
@@ -15850,7 +15783,6 @@ function visibleNodeIds(nodes, expandedIds) {
  */
 class TreeComponent {
     hostEl = inject(ElementRef);
-    i18n = inject(EagamiI18nService);
     nodes = input.required(...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
@@ -15882,7 +15814,6 @@ class TreeComponent {
         const visible = visibleNodeIds(this.nodes(), this.expandedSet());
         return visible[0] ?? null;
     }, ...(ngDevMode ? [{ debugName: "focusedId" }] : /* istanbul ignore next */ []));
-    messages = this.i18n.messages;
     hostClasses = computed(() => [
         'ea-tree',
         `ea-tree--${this.size()}`,
@@ -16079,11 +16010,11 @@ class TreeComponent {
     // focus behaviour (e.g. focusing the tree from a parent component).
     _listEl = this.listEl;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TreeComponent, isStandalone: true, selector: "ea-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedId: "selectedIdChange", expandedIds: "expandedIdsChange", nodeClick: "nodeClick" }, viewQueries: [{ propertyName: "listEl", first: true, predicate: ["listEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<ul\n  #listEl\n  class=\"ea-tree__list\"\n  [class]=\"hostClasses()\"\n  role=\"tree\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  (keydown)=\"onKeydown($event)\"\n  (focusin)=\"onTreeFocus($event)\">\n  @for (root of nodes(); track root.id; let i = $index) {\n    <ea-tree-node\n      [node]=\"root\"\n      [level]=\"0\"\n      [posInSet]=\"i + 1\"\n      [setSize]=\"nodes().length\"\n      [selectedId]=\"selectedId()\"\n      [focusedId]=\"focusedId()\"\n      [expandedIds]=\"expandedSet()\"\n      [disabled]=\"disabled()\"\n      [expandLabel]=\"messages().tree.expand\"\n      [collapseLabel]=\"messages().tree.collapse\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\" />\n  }\n</ul>\n", styles: [":host{display:block}.ea-tree__list{display:block;padding:0;margin:0;border-radius:var(--radius-md);background-color:var(--ea-tree-background-color, transparent);color:var(--color-text-primary);list-style:none}.ea-tree__list:focus-visible{outline:none}.ea-tree--xs{font-size:var(--font-size-xs)}.ea-tree--sm{font-size:var(--font-size-sm)}.ea-tree--md{font-size:var(--font-size-md)}.ea-tree--lg{font-size:var(--font-size-lg)}.ea-tree--xl{font-size:var(--font-size-xl)}.ea-tree--disabled{opacity:.6;pointer-events:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ea-tree-node", inputs: ["node", "level", "posInSet", "setSize", "selectedId", "focusedId", "expandedIds", "disabled", "expandLabel", "collapseLabel"], outputs: ["toggle", "select"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: TreeComponent, isStandalone: true, selector: "ea-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedId: "selectedIdChange", expandedIds: "expandedIdsChange", nodeClick: "nodeClick" }, viewQueries: [{ propertyName: "listEl", first: true, predicate: ["listEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<ul\n  #listEl\n  class=\"ea-tree__list\"\n  [class]=\"hostClasses()\"\n  role=\"tree\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  (keydown)=\"onKeydown($event)\"\n  (focusin)=\"onTreeFocus($event)\">\n  @for (root of nodes(); track root.id; let i = $index) {\n    <ea-tree-node\n      [node]=\"root\"\n      [level]=\"0\"\n      [posInSet]=\"i + 1\"\n      [setSize]=\"nodes().length\"\n      [selectedId]=\"selectedId()\"\n      [focusedId]=\"focusedId()\"\n      [expandedIds]=\"expandedSet()\"\n      [disabled]=\"disabled()\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\" />\n  }\n</ul>\n", styles: [":host{display:block}.ea-tree__list{display:block;padding:0;margin:0;border-radius:var(--radius-md);background-color:var(--ea-tree-background-color, transparent);color:var(--color-text-primary);list-style:none}.ea-tree__list:focus-visible{outline:none}.ea-tree--xs{font-size:var(--font-size-xs)}.ea-tree--sm{font-size:var(--font-size-sm)}.ea-tree--md{font-size:var(--font-size-md)}.ea-tree--lg{font-size:var(--font-size-lg)}.ea-tree--xl{font-size:var(--font-size-xl)}.ea-tree--disabled{opacity:.6;pointer-events:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ea-tree-node", inputs: ["node", "level", "posInSet", "setSize", "selectedId", "focusedId", "expandedIds", "disabled"], outputs: ["toggle", "select"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ea-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TreeNodeComponent], template: "<ul\n  #listEl\n  class=\"ea-tree__list\"\n  [class]=\"hostClasses()\"\n  role=\"tree\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  (keydown)=\"onKeydown($event)\"\n  (focusin)=\"onTreeFocus($event)\">\n  @for (root of nodes(); track root.id; let i = $index) {\n    <ea-tree-node\n      [node]=\"root\"\n      [level]=\"0\"\n      [posInSet]=\"i + 1\"\n      [setSize]=\"nodes().length\"\n      [selectedId]=\"selectedId()\"\n      [focusedId]=\"focusedId()\"\n      [expandedIds]=\"expandedSet()\"\n      [disabled]=\"disabled()\"\n      [expandLabel]=\"messages().tree.expand\"\n      [collapseLabel]=\"messages().tree.collapse\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\" />\n  }\n</ul>\n", styles: [":host{display:block}.ea-tree__list{display:block;padding:0;margin:0;border-radius:var(--radius-md);background-color:var(--ea-tree-background-color, transparent);color:var(--color-text-primary);list-style:none}.ea-tree__list:focus-visible{outline:none}.ea-tree--xs{font-size:var(--font-size-xs)}.ea-tree--sm{font-size:var(--font-size-sm)}.ea-tree--md{font-size:var(--font-size-md)}.ea-tree--lg{font-size:var(--font-size-lg)}.ea-tree--xl{font-size:var(--font-size-xl)}.ea-tree--disabled{opacity:.6;pointer-events:none}\n"] }]
+            args: [{ selector: 'ea-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TreeNodeComponent], template: "<ul\n  #listEl\n  class=\"ea-tree__list\"\n  [class]=\"hostClasses()\"\n  role=\"tree\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-disabled]=\"disabled() || null\"\n  (keydown)=\"onKeydown($event)\"\n  (focusin)=\"onTreeFocus($event)\">\n  @for (root of nodes(); track root.id; let i = $index) {\n    <ea-tree-node\n      [node]=\"root\"\n      [level]=\"0\"\n      [posInSet]=\"i + 1\"\n      [setSize]=\"nodes().length\"\n      [selectedId]=\"selectedId()\"\n      [focusedId]=\"focusedId()\"\n      [expandedIds]=\"expandedSet()\"\n      [disabled]=\"disabled()\"\n      (toggle)=\"onNodeToggle($event)\"\n      (select)=\"onNodeSelect($event)\" />\n  }\n</ul>\n", styles: [":host{display:block}.ea-tree__list{display:block;padding:0;margin:0;border-radius:var(--radius-md);background-color:var(--ea-tree-background-color, transparent);color:var(--color-text-primary);list-style:none}.ea-tree__list:focus-visible{outline:none}.ea-tree--xs{font-size:var(--font-size-xs)}.ea-tree--sm{font-size:var(--font-size-sm)}.ea-tree--md{font-size:var(--font-size-md)}.ea-tree--lg{font-size:var(--font-size-lg)}.ea-tree--xl{font-size:var(--font-size-xl)}.ea-tree--disabled{opacity:.6;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }, { type: i0.Output, args: ["selectedIdChange"] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }, { type: i0.Output, args: ["expandedIdsChange"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], listEl: [{ type: i0.ViewChild, args: ['listEl', { isSignal: true }] }] } });
 
 /**
@@ -24810,6 +24741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
 class FramerIconComponent extends IconComponentBase {
     static slug = 'framer';
     static category = 'feather';
+    static isBrand = true;
     static tags = [
         'framer',
         'design',