@eagami/ui 5.11.0 → 5.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/eagami-ui.mjs +26 -24
- package/fesm2022/eagami-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eagami-ui.d.ts +6 -4
package/fesm2022/eagami-ui.mjs
CHANGED
|
@@ -615,7 +615,7 @@ const messages$e = {
|
|
|
615
615
|
invalid: 'قيمة غير صالحة',
|
|
616
616
|
},
|
|
617
617
|
wordmark: {
|
|
618
|
-
overline: '
|
|
618
|
+
overline: 'من تصميم',
|
|
619
619
|
tagline: 'تصميم ويب أنيق',
|
|
620
620
|
},
|
|
621
621
|
};
|
|
@@ -817,7 +817,7 @@ const messages$d = {
|
|
|
817
817
|
invalid: 'Ungültiger Wert',
|
|
818
818
|
},
|
|
819
819
|
wordmark: {
|
|
820
|
-
overline: '
|
|
820
|
+
overline: 'gestaltet von',
|
|
821
821
|
tagline: 'elegantes Webdesign',
|
|
822
822
|
},
|
|
823
823
|
};
|
|
@@ -1019,7 +1019,7 @@ const messages$c = {
|
|
|
1019
1019
|
invalid: 'Μη έγκυρη τιμή',
|
|
1020
1020
|
},
|
|
1021
1021
|
wordmark: {
|
|
1022
|
-
overline: '
|
|
1022
|
+
overline: 'σχεδιασμένο από',
|
|
1023
1023
|
tagline: 'κομψός σχεδιασμός ιστού',
|
|
1024
1024
|
},
|
|
1025
1025
|
};
|
|
@@ -1221,7 +1221,7 @@ const messages$b = {
|
|
|
1221
1221
|
invalid: 'Invalid value',
|
|
1222
1222
|
},
|
|
1223
1223
|
wordmark: {
|
|
1224
|
-
overline: '
|
|
1224
|
+
overline: 'designed by',
|
|
1225
1225
|
tagline: 'elegant web design',
|
|
1226
1226
|
},
|
|
1227
1227
|
};
|
|
@@ -1423,7 +1423,7 @@ const messages$a = {
|
|
|
1423
1423
|
invalid: 'Valor no válido',
|
|
1424
1424
|
},
|
|
1425
1425
|
wordmark: {
|
|
1426
|
-
overline: '
|
|
1426
|
+
overline: 'diseñado por',
|
|
1427
1427
|
tagline: 'diseño web elegante',
|
|
1428
1428
|
},
|
|
1429
1429
|
};
|
|
@@ -1625,7 +1625,7 @@ const messages$9 = {
|
|
|
1625
1625
|
invalid: 'Valeur invalide',
|
|
1626
1626
|
},
|
|
1627
1627
|
wordmark: {
|
|
1628
|
-
overline: 'conçu
|
|
1628
|
+
overline: 'conçu par',
|
|
1629
1629
|
tagline: 'design web élégant',
|
|
1630
1630
|
},
|
|
1631
1631
|
};
|
|
@@ -1827,7 +1827,7 @@ const messages$8 = {
|
|
|
1827
1827
|
invalid: 'ערך לא תקין',
|
|
1828
1828
|
},
|
|
1829
1829
|
wordmark: {
|
|
1830
|
-
overline: '
|
|
1830
|
+
overline: 'בעיצוב',
|
|
1831
1831
|
tagline: 'עיצוב אתרים אלגנטי',
|
|
1832
1832
|
},
|
|
1833
1833
|
};
|
|
@@ -2029,7 +2029,7 @@ const messages$7 = {
|
|
|
2029
2029
|
invalid: 'अमान्य मान',
|
|
2030
2030
|
},
|
|
2031
2031
|
wordmark: {
|
|
2032
|
-
overline: '
|
|
2032
|
+
overline: 'डिज़ाइन द्वारा',
|
|
2033
2033
|
tagline: 'सुरुचिपूर्ण वेब डिज़ाइन',
|
|
2034
2034
|
},
|
|
2035
2035
|
};
|
|
@@ -2231,7 +2231,7 @@ const messages$6 = {
|
|
|
2231
2231
|
invalid: 'Ógilt gildi',
|
|
2232
2232
|
},
|
|
2233
2233
|
wordmark: {
|
|
2234
|
-
overline: '
|
|
2234
|
+
overline: 'hannað af',
|
|
2235
2235
|
tagline: 'glæsileg vefhönnun',
|
|
2236
2236
|
},
|
|
2237
2237
|
};
|
|
@@ -2433,7 +2433,7 @@ const messages$5 = {
|
|
|
2433
2433
|
invalid: 'Ongeldige waarde',
|
|
2434
2434
|
},
|
|
2435
2435
|
wordmark: {
|
|
2436
|
-
overline: '
|
|
2436
|
+
overline: 'ontworpen door',
|
|
2437
2437
|
tagline: 'elegant webontwerp',
|
|
2438
2438
|
},
|
|
2439
2439
|
};
|
|
@@ -2635,7 +2635,7 @@ const messages$4 = {
|
|
|
2635
2635
|
invalid: 'Nieprawidłowa wartość',
|
|
2636
2636
|
},
|
|
2637
2637
|
wordmark: {
|
|
2638
|
-
overline: '
|
|
2638
|
+
overline: 'zaprojektowane przez',
|
|
2639
2639
|
tagline: 'elegancki projekt stron',
|
|
2640
2640
|
},
|
|
2641
2641
|
};
|
|
@@ -2837,7 +2837,7 @@ const messages$3 = {
|
|
|
2837
2837
|
invalid: 'Valor inválido',
|
|
2838
2838
|
},
|
|
2839
2839
|
wordmark: {
|
|
2840
|
-
overline: '
|
|
2840
|
+
overline: 'projetado por',
|
|
2841
2841
|
tagline: 'web design elegante',
|
|
2842
2842
|
},
|
|
2843
2843
|
};
|
|
@@ -3039,7 +3039,7 @@ const messages$2 = {
|
|
|
3039
3039
|
invalid: 'Недопустимое значение',
|
|
3040
3040
|
},
|
|
3041
3041
|
wordmark: {
|
|
3042
|
-
overline: '
|
|
3042
|
+
overline: 'дизайн от',
|
|
3043
3043
|
tagline: 'элегантный веб-дизайн',
|
|
3044
3044
|
},
|
|
3045
3045
|
};
|
|
@@ -3241,7 +3241,7 @@ const messages$1 = {
|
|
|
3241
3241
|
invalid: 'Неправильне значення',
|
|
3242
3242
|
},
|
|
3243
3243
|
wordmark: {
|
|
3244
|
-
overline: '
|
|
3244
|
+
overline: 'дизайн від',
|
|
3245
3245
|
tagline: 'елегантний веб-дизайн',
|
|
3246
3246
|
},
|
|
3247
3247
|
};
|
|
@@ -3443,7 +3443,7 @@ const messages = {
|
|
|
3443
3443
|
invalid: '值无效',
|
|
3444
3444
|
},
|
|
3445
3445
|
wordmark: {
|
|
3446
|
-
overline: '
|
|
3446
|
+
overline: '设计出品',
|
|
3447
3447
|
tagline: '优雅的网页设计',
|
|
3448
3448
|
},
|
|
3449
3449
|
};
|
|
@@ -10184,22 +10184,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
|
|
|
10184
10184
|
}] });
|
|
10185
10185
|
|
|
10186
10186
|
/**
|
|
10187
|
-
* Branded eagami wordmark logo.
|
|
10188
|
-
*
|
|
10189
|
-
* inline layouts.
|
|
10187
|
+
* Branded eagami wordmark logo. `size` is the brand text's font-size in px
|
|
10188
|
+
* and the rest of the lockup scales proportionally from it; supports three
|
|
10189
|
+
* content variants paired with stacked or inline layouts.
|
|
10190
10190
|
*/
|
|
10191
10191
|
class EagamiWordmarkComponent {
|
|
10192
10192
|
i18n = inject(EagamiI18nService);
|
|
10193
10193
|
/** Content variant. */
|
|
10194
10194
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
10195
10195
|
layout = input('stacked', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
10196
|
-
size = input(
|
|
10196
|
+
size = input(24, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
10197
|
+
/** Renders the wordmark as a link to eagami.com; disable to embed it inside a custom link or static context. */
|
|
10198
|
+
linked = input(true, ...(ngDevMode ? [{ debugName: "linked" }] : /* istanbul ignore next */ []));
|
|
10197
10199
|
/** Clamps size to a 10px floor and falls back to the default when cleared. */
|
|
10198
10200
|
resolvedSize = computed(() => {
|
|
10199
10201
|
const raw = this.size();
|
|
10200
10202
|
const value = typeof raw === 'number' ? raw : Number(raw);
|
|
10201
10203
|
if (!Number.isFinite(value) || value <= 0) {
|
|
10202
|
-
return
|
|
10204
|
+
return 24;
|
|
10203
10205
|
}
|
|
10204
10206
|
return Math.max(10, value);
|
|
10205
10207
|
}, ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
|
|
@@ -10220,16 +10222,16 @@ class EagamiWordmarkComponent {
|
|
|
10220
10222
|
}
|
|
10221
10223
|
}, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
10222
10224
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EagamiWordmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10223
|
-
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
|
|
10225
|
+
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 });
|
|
10224
10226
|
}
|
|
10225
10227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: EagamiWordmarkComponent, decorators: [{
|
|
10226
10228
|
type: Component,
|
|
10227
|
-
args: [{ selector: 'ea-eagami-wordmark', imports: [EagamiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
10229
|
+
args: [{ selector: 'ea-eagami-wordmark', imports: [EagamiIconComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
10228
10230
|
// The wordmark is a fixed brand lockup; it never mirrors with UI direction
|
|
10229
10231
|
dir: 'ltr',
|
|
10230
10232
|
'[style.--_size]': 'resolvedSize()',
|
|
10231
|
-
}, template: "<a\n
|
|
10232
|
-
}], 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 }] }] } });
|
|
10233
|
+
}, 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"] }]
|
|
10234
|
+
}], 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 }] }] } });
|
|
10233
10235
|
|
|
10234
10236
|
/**
|
|
10235
10237
|
* Pattern for "no results" or "nothing here yet" screens. Combines an
|