@elasticias/ui 1.0.4 → 1.0.5

package/fesm2022/elasticias-ui.mjs

@@ -4731,6 +4731,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 }]
         }], propDecorators: { darkIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "darkIcon", required: false }] }], lightIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "lightIcon", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }] } });
 
+/**
+ * Comptoir-skinned tooltip.
+ *
+ * `ef-button` already drives PrimeNG's tooltip through its `tooltipKey`
+ * input, so this composes the same directive rather than introducing a
+ * second tooltip with its own positioning and its own bugs. It contributes
+ * the `ef-*` name the house style asks for and nothing else; the look comes
+ * from the `.p-tooltip` rules in `_patterns.scss`, which means every tooltip
+ * in the app — this one and `ef-button`'s — reads the same.
+ *
+ * Text is a plain input, so translate at the call site:
+ *
+ * ```html
+ * <span [efTooltip]="'module_sales_hint' | translate" efTooltipPosition="top"></span>
+ * ```
+ */
+class EfTooltipDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: EfTooltipDirective, isStandalone: true, selector: "[efTooltip]", hostDirectives: [{ directive: i1$5.Tooltip, inputs: ["pTooltip", "efTooltip", "tooltipPosition", "efTooltipPosition", "tooltipDisabled", "efTooltipDisabled", "tooltipStyleClass", "efTooltipStyleClass", "tooltipEvent", "efTooltipEvent", "showDelay", "efTooltipShowDelay", "hideDelay", "efTooltipHideDelay", "appendTo", "efTooltipAppendTo", "autoHide", "efTooltipAutoHide", "escape", "efTooltipEscape", "life", "efTooltipLife"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[efTooltip]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: Tooltip,
+                            inputs: [
+                                'pTooltip: efTooltip',
+                                'tooltipPosition: efTooltipPosition',
+                                'tooltipDisabled: efTooltipDisabled',
+                                'tooltipStyleClass: efTooltipStyleClass',
+                                'tooltipEvent: efTooltipEvent',
+                                'showDelay: efTooltipShowDelay',
+                                'hideDelay: efTooltipHideDelay',
+                                'appendTo: efTooltipAppendTo',
+                                'autoHide: efTooltipAutoHide',
+                                'escape: efTooltipEscape',
+                                'life: efTooltipLife',
+                            ],
+                        },
+                    ],
+                }]
+        }] });
+
 /**
  * Which build is running, for a footer or an about box.
  *
@@ -4748,11 +4794,20 @@ class EfBuildStampComponent {
     owner = input('', ...(ngDevMode ? [{ debugName: "owner" }] : /* istanbul ignore next */ []));
     info = inject(EF_BUILD_INFO, { optional: true });
     year = new Date().getFullYear();
-    detail = computed(() => this.info ? `${this.info.commit} · ${this.info.branch} · v${this.info.version}` : '', ...(ngDevMode ? [{ debugName: "detail" }] : /* istanbul ignore next */ []));
+    /** Commit and branch always identify a build; a version only appears when
+     *  the app actually maintains one, so an unversioned app shows no `v`. */
+    detail = computed(() => {
+        if (!this.info)
+            return '';
+        const parts = [this.info.commit, this.info.branch];
+        if (this.info.version)
+            parts.push(`v${this.info.version}`);
+        return parts.join(' · ');
+    }, ...(ngDevMode ? [{ debugName: "detail" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfBuildStampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: EfBuildStampComponent, isStandalone: true, selector: "ef-build-stamp", inputs: { owner: { classPropertyName: "owner", publicName: "owner", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         @if (info) {
-            <span class="ef-build-stamp" [attr.title]="detail()">
+            <span class="ef-build-stamp" [efTooltip]="detail()" efTooltipPosition="bottom">
                 @if (owner()) {
                     <span class="ef-build-stamp__owner">© {{ year }} {{ owner() }}</span>
                     <span class="ef-build-stamp__sep" aria-hidden="true">·</span>
@@ -4760,16 +4815,17 @@ class EfBuildStampComponent {
                 <span class="ef-build-stamp__build">build {{ info.date }}</span>
             </span>
         }
-    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: EfTooltipDirective, selector: "[efTooltip]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfBuildStampComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ef-build-stamp',
                     standalone: true,
+                    imports: [EfTooltipDirective],
                     template: `
         @if (info) {
-            <span class="ef-build-stamp" [attr.title]="detail()">
+            <span class="ef-build-stamp" [efTooltip]="detail()" efTooltipPosition="bottom">
                 @if (owner()) {
                     <span class="ef-build-stamp__owner">© {{ year }} {{ owner() }}</span>
                     <span class="ef-build-stamp__sep" aria-hidden="true">·</span>
@@ -4782,52 +4838,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 }]
         }], propDecorators: { owner: [{ type: i0.Input, args: [{ isSignal: true, alias: "owner", required: false }] }] } });
 
-/**
- * Comptoir-skinned tooltip.
- *
- * `ef-button` already drives PrimeNG's tooltip through its `tooltipKey`
- * input, so this composes the same directive rather than introducing a
- * second tooltip with its own positioning and its own bugs. It contributes
- * the `ef-*` name the house style asks for and nothing else; the look comes
- * from the `.p-tooltip` rules in `_patterns.scss`, which means every tooltip
- * in the app — this one and `ef-button`'s — reads the same.
- *
- * Text is a plain input, so translate at the call site:
- *
- * ```html
- * <span [efTooltip]="'module_sales_hint' | translate" efTooltipPosition="top"></span>
- * ```
- */
-class EfTooltipDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: EfTooltipDirective, isStandalone: true, selector: "[efTooltip]", hostDirectives: [{ directive: i1$5.Tooltip, inputs: ["pTooltip", "efTooltip", "tooltipPosition", "efTooltipPosition", "tooltipDisabled", "efTooltipDisabled", "tooltipStyleClass", "efTooltipStyleClass", "tooltipEvent", "efTooltipEvent", "showDelay", "efTooltipShowDelay", "hideDelay", "efTooltipHideDelay", "appendTo", "efTooltipAppendTo", "autoHide", "efTooltipAutoHide", "escape", "efTooltipEscape", "life", "efTooltipLife"] }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[efTooltip]',
-                    standalone: true,
-                    hostDirectives: [
-                        {
-                            directive: Tooltip,
-                            inputs: [
-                                'pTooltip: efTooltip',
-                                'tooltipPosition: efTooltipPosition',
-                                'tooltipDisabled: efTooltipDisabled',
-                                'tooltipStyleClass: efTooltipStyleClass',
-                                'tooltipEvent: efTooltipEvent',
-                                'showDelay: efTooltipShowDelay',
-                                'hideDelay: efTooltipHideDelay',
-                                'appendTo: efTooltipAppendTo',
-                                'autoHide: efTooltipAutoHide',
-                                'escape: efTooltipEscape',
-                                'life: efTooltipLife',
-                            ],
-                        },
-                    ],
-                }]
-        }] });
-
 class EfFieldsetComponent {
     /** Direct legend text (not translated) */
     legend;