@eagami/ui 5.10.1 → 5.12.0

package/fesm2022/eagami-ui.mjs

@@ -604,10 +604,6 @@ const messages$e = {
         moveAllToSource: 'نقل الكل إلى اليسار',
         empty: 'لا توجد عناصر',
     },
-    tree: {
-        expand: 'توسيع',
-        collapse: 'طي',
-    },
     validation: {
         required: 'هذا الحقل مطلوب',
         email: 'أدخل عنوان بريد إلكتروني صالحًا',
@@ -619,7 +615,7 @@ const messages$e = {
         invalid: 'قيمة غير صالحة',
     },
     wordmark: {
-        overline: 'صناعة يدوية من',
+        overline: 'من تصميم',
         tagline: 'تصميم ويب أنيق',
     },
 };
@@ -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',
@@ -825,7 +817,7 @@ const messages$d = {
         invalid: 'Ungültiger Wert',
     },
     wordmark: {
-        overline: 'handgefertigt von',
+        overline: 'gestaltet von',
         tagline: 'elegantes Webdesign',
     },
 };
@@ -1016,10 +1008,6 @@ const messages$c = {
         moveAllToSource: 'Μεταφορά όλων στην πηγή',
         empty: 'Καμία εγγραφή',
     },
-    tree: {
-        expand: 'Ανάπτυξη',
-        collapse: 'Σύμπτυξη',
-    },
     validation: {
         required: 'Αυτό το πεδίο είναι υποχρεωτικό',
         email: 'Εισαγάγετε έγκυρη διεύθυνση email',
@@ -1031,7 +1019,7 @@ const messages$c = {
         invalid: 'Μη έγκυρη τιμή',
     },
     wordmark: {
-        overline: 'φτιαγμένο με μεράκι από',
+        overline: 'σχεδιασμένο από',
         tagline: 'κομψός σχεδιασμός ιστού',
     },
 };
@@ -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',
@@ -1237,7 +1221,7 @@ const messages$b = {
         invalid: 'Invalid value',
     },
     wordmark: {
-        overline: 'handcrafted by',
+        overline: 'designed by',
         tagline: 'elegant web design',
     },
 };
@@ -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',
@@ -1443,7 +1423,7 @@ const messages$a = {
         invalid: 'Valor no válido',
     },
     wordmark: {
-        overline: 'hecho a mano por',
+        overline: 'diseñado por',
         tagline: 'diseño web elegante',
     },
 };
@@ -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',
@@ -1649,7 +1625,7 @@ const messages$9 = {
         invalid: 'Valeur invalide',
     },
     wordmark: {
-        overline: 'conçu avec soin par',
+        overline: 'conçu par',
         tagline: 'design web élégant',
     },
 };
@@ -1840,10 +1816,6 @@ const messages$8 = {
         moveAllToSource: 'העברת הכול למקור',
         empty: 'אין פריטים',
     },
-    tree: {
-        expand: 'הרחבה',
-        collapse: 'כיווץ',
-    },
     validation: {
         required: 'שדה זה הוא חובה',
         email: 'הזן כתובת אימייל תקינה',
@@ -1855,7 +1827,7 @@ const messages$8 = {
         invalid: 'ערך לא תקין',
     },
     wordmark: {
-        overline: 'מעשה ידי',
+        overline: 'בעיצוב',
         tagline: 'עיצוב אתרים אלגנטי',
     },
 };
@@ -2046,10 +2018,6 @@ const messages$7 = {
         moveAllToSource: 'सभी को स्रोत में ले जाएं',
         empty: 'कोई आइटम नहीं',
     },
-    tree: {
-        expand: 'विस्तृत करें',
-        collapse: 'संक्षिप्त करें',
-    },
     validation: {
         required: 'यह फ़ील्ड आवश्यक है',
         email: 'एक मान्य ईमेल पता दर्ज करें',
@@ -2061,7 +2029,7 @@ const messages$7 = {
         invalid: 'अमान्य मान',
     },
     wordmark: {
-        overline: 'हस्तनिर्मित द्वारा',
+        overline: 'डिज़ाइन द्वारा',
         tagline: 'सुरुचिपूर्ण वेब डिज़ाइन',
     },
 };
@@ -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',
@@ -2267,7 +2231,7 @@ const messages$6 = {
         invalid: 'Ógilt gildi',
     },
     wordmark: {
-        overline: 'handunnið af',
+        overline: 'hannað af',
         tagline: 'glæsileg vefhönnun',
     },
 };
@@ -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',
@@ -2473,7 +2433,7 @@ const messages$5 = {
         invalid: 'Ongeldige waarde',
     },
     wordmark: {
-        overline: 'handgemaakt door',
+        overline: 'ontworpen door',
         tagline: 'elegant webontwerp',
     },
 };
@@ -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',
@@ -2679,7 +2635,7 @@ const messages$4 = {
         invalid: 'Nieprawidłowa wartość',
     },
     wordmark: {
-        overline: 'ręcznie wykonane przez',
+        overline: 'zaprojektowane przez',
         tagline: 'elegancki projekt stron',
     },
 };
@@ -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',
@@ -2885,7 +2837,7 @@ const messages$3 = {
         invalid: 'Valor inválido',
     },
     wordmark: {
-        overline: 'feito à mão por',
+        overline: 'projetado por',
         tagline: 'web design elegante',
     },
 };
@@ -3076,10 +3028,6 @@ const messages$2 = {
         moveAllToSource: 'Переместить все влево',
         empty: 'Нет элементов',
     },
-    tree: {
-        expand: 'Развернуть',
-        collapse: 'Свернуть',
-    },
     validation: {
         required: 'Это поле обязательно для заполнения',
         email: 'Введите действительный адрес электронной почты',
@@ -3091,7 +3039,7 @@ const messages$2 = {
         invalid: 'Недопустимое значение',
     },
     wordmark: {
-        overline: 'ручная работа от',
+        overline: 'дизайн от',
         tagline: 'элегантный веб-дизайн',
     },
 };
@@ -3282,10 +3230,6 @@ const messages$1 = {
         moveAllToSource: 'Перенести все вліво',
         empty: 'Немає елементів',
     },
-    tree: {
-        expand: 'Розгорнути',
-        collapse: 'Згорнути',
-    },
     validation: {
         required: 'Це поле обов’язкове',
         email: 'Введіть дійсну електронну адресу',
@@ -3297,7 +3241,7 @@ const messages$1 = {
         invalid: 'Неправильне значення',
     },
     wordmark: {
-        overline: 'ручна робота від',
+        overline: 'дизайн від',
         tagline: 'елегантний веб-дизайн',
     },
 };
@@ -3488,10 +3432,6 @@ const messages = {
         moveAllToSource: '将全部移至左侧',
         empty: '无项目',
     },
-    tree: {
-        expand: '展开',
-        collapse: '折叠',
-    },
     validation: {
         required: '此字段为必填项',
         email: '请输入有效的电子邮件地址',
@@ -3503,7 +3443,7 @@ const messages = {
         invalid: '值无效',
     },
     wordmark: {
-        overline: '匠心打造',
+        overline: '设计出品',
         tagline: '优雅的网页设计',
     },
 };
@@ -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
@@ -10244,22 +10184,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
         }] });
 
 /**
- * Branded eagami wordmark logo. Scales continuously from a single `size`
- * pixel value and supports three content variants paired with stacked or
- * inline layouts.
+ * Branded eagami wordmark logo. `size` is the brand text's font-size in px
+ * and the rest of the lockup scales proportionally from it; supports three
+ * content variants paired with stacked or inline layouts.
  */
 class EagamiWordmarkComponent {
     i18n = inject(EagamiI18nService);
     /** Content variant. */
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     layout = input('stacked', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
-    size = input(48, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input(24, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Renders the wordmark as a link to eagami.com; disable to embed it inside a custom link or static context. */
+    linked = input(true, ...(ngDevMode ? [{ debugName: "linked" }] : /* istanbul ignore next */ []));
     /** Clamps size to a 10px floor and falls back to the default when cleared. */
     resolvedSize = computed(() => {
         const raw = this.size();
         const value = typeof raw === 'number' ? raw : Number(raw);
         if (!Number.isFinite(value) || value <= 0) {
-            return 48;
+            return 24;
         }
         return Math.max(10, value);
     }, ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
@@ -10280,16 +10222,16 @@ class EagamiWordmarkComponent {
         }
     }, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EagamiWordmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: EagamiWordmarkComponent, isStandalone: true, selector: "ea-eagami-wordmark", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "dir": "ltr" }, properties: { "style.--_size": "resolvedSize()" } }, ngImport: i0, 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"], dependencies: [{ kind: "component", type: EagamiIconComponent, selector: "ea-icon-eagami" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: EagamiWordmarkComponent, isStandalone: true, selector: "ea-eagami-wordmark", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "dir": "ltr" }, properties: { "style.--_size": "resolvedSize()" } }, ngImport: i0, template: "@if (linked()) {\n  <a\n    class=\"ea-eagami-wordmark\"\n    [class.ea-eagami-wordmark--inline]=\"layout() === 'inline'\"\n    [class.ea-eagami-wordmark--tagline]=\"showTagline()\"\n    href=\"https://eagami.com\"\n    target=\"_blank\"\n    rel=\"noopener\"\n    [attr.aria-label]=\"ariaLabel()\">\n    <ng-container [ngTemplateOutlet]=\"lockup\" />\n  </a>\n} @else {\n  <span\n    class=\"ea-eagami-wordmark\"\n    [class.ea-eagami-wordmark--inline]=\"layout() === 'inline'\"\n    [class.ea-eagami-wordmark--tagline]=\"showTagline()\">\n    <ng-container [ngTemplateOutlet]=\"lockup\" />\n  </span>\n}\n\n<ng-template #lockup>\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</ng-template>\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;gap:calc(var(--_size) * .125px);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-opacity)}.ea-eagami-wordmark:any-link:hover{opacity:.75}.ea-eagami-wordmark:any-link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-eagami-wordmark:any-link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-eagami-wordmark__logo{flex-shrink:0;font-size:calc(var(--_size) * 1.5px);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) * .4px);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{margin-bottom:calc(var(--_size) * -.15px);color:var(--ea-eagami-wordmark-overline-color, var(--color-text-secondary))}.ea-eagami-wordmark__brand{font-size:calc(var(--_size) * 1px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family-brand)}.ea-eagami-wordmark--tagline .ea-eagami-wordmark__text{transform:translateY(calc(var(--_size) * -.125px))}.ea-eagami-wordmark--inline .ea-eagami-wordmark__text{flex-direction:row;align-items:baseline;gap:calc(var(--_size) * .4px);transform:none}.ea-eagami-wordmark--inline .ea-eagami-wordmark__overline,.ea-eagami-wordmark--inline .ea-eagami-wordmark__separator,.ea-eagami-wordmark--inline .ea-eagami-wordmark__tagline{margin-bottom:0;font-size:calc(var(--_size) * 1px)}\n"], dependencies: [{ kind: "component", type: EagamiIconComponent, selector: "ea-icon-eagami" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 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: {
+            args: [{ selector: 'ea-eagami-wordmark', imports: [EagamiIconComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         // 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"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+                    }, template: "@if (linked()) {\n  <a\n    class=\"ea-eagami-wordmark\"\n    [class.ea-eagami-wordmark--inline]=\"layout() === 'inline'\"\n    [class.ea-eagami-wordmark--tagline]=\"showTagline()\"\n    href=\"https://eagami.com\"\n    target=\"_blank\"\n    rel=\"noopener\"\n    [attr.aria-label]=\"ariaLabel()\">\n    <ng-container [ngTemplateOutlet]=\"lockup\" />\n  </a>\n} @else {\n  <span\n    class=\"ea-eagami-wordmark\"\n    [class.ea-eagami-wordmark--inline]=\"layout() === 'inline'\"\n    [class.ea-eagami-wordmark--tagline]=\"showTagline()\">\n    <ng-container [ngTemplateOutlet]=\"lockup\" />\n  </span>\n}\n\n<ng-template #lockup>\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</ng-template>\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;gap:calc(var(--_size) * .125px);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-opacity)}.ea-eagami-wordmark:any-link:hover{opacity:.75}.ea-eagami-wordmark:any-link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-eagami-wordmark:any-link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-eagami-wordmark__logo{flex-shrink:0;font-size:calc(var(--_size) * 1.5px);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) * .4px);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{margin-bottom:calc(var(--_size) * -.15px);color:var(--ea-eagami-wordmark-overline-color, var(--color-text-secondary))}.ea-eagami-wordmark__brand{font-size:calc(var(--_size) * 1px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family-brand)}.ea-eagami-wordmark--tagline .ea-eagami-wordmark__text{transform:translateY(calc(var(--_size) * -.125px))}.ea-eagami-wordmark--inline .ea-eagami-wordmark__text{flex-direction:row;align-items:baseline;gap:calc(var(--_size) * .4px);transform:none}.ea-eagami-wordmark--inline .ea-eagami-wordmark__overline,.ea-eagami-wordmark--inline .ea-eagami-wordmark__separator,.ea-eagami-wordmark--inline .ea-eagami-wordmark__tagline{margin-bottom:0;font-size:calc(var(--_size) * 1px)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], linked: [{ type: i0.Input, args: [{ isSignal: true, alias: "linked", required: false }] }] } });
 
 /**
  * Pattern for "no results" or "nothing here yet" screens. Combines an
@@ -15745,7 +15687,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 +15702,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 +15731,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 +15785,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 +15816,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 +16012,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 }] }] } });
 
 /**