@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-stat.mjs

@@ -0,0 +1,369 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input } from "@angular/core";
+import { VdBadge } from "@vadem/ui/badge";
+import { VdIcon } from "@vadem/ui/icon";
+import { vdTexts } from "@vadem/ui/locale";
+import { VdSkeleton } from "@vadem/ui/skeleton";
+const RTL_LETTER = /[\u0590-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFF]/;
+var VdStat = class VdStat {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	delta = input(...ngDevMode ? [void 0, { debugName: "delta" }] : /* istanbul ignore next */ []);
+	trend = input("up", ...ngDevMode ? [{ debugName: "trend" }] : /* istanbul ignore next */ []);
+	sentiment = input(...ngDevMode ? [void 0, { debugName: "sentiment" }] : /* istanbul ignore next */ []);
+	caption = input(...ngDevMode ? [void 0, { debugName: "caption" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	loading = input(false, {
+		...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	increaseLabel = input(...ngDevMode ? [void 0, { debugName: "increaseLabel" }] : /* istanbul ignore next */ []);
+	decreaseLabel = input(...ngDevMode ? [void 0, { debugName: "decreaseLabel" }] : /* istanbul ignore next */ []);
+	unchangedLabel = input(...ngDevMode ? [void 0, { debugName: "unchangedLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("stat", {
+		increaseLabel: this.increaseLabel,
+		decreaseLabel: this.decreaseLabel,
+		unchangedLabel: this.unchangedLabel
+	});
+	resolvedSentiment = computed(() => {
+		const explicit = this.sentiment();
+		if (explicit) return explicit;
+		return {
+			up: "positive",
+			down: "negative",
+			flat: "neutral"
+		}[this.trend()];
+	}, ...ngDevMode ? [{ debugName: "resolvedSentiment" }] : /* istanbul ignore next */ []);
+	badgeVariant = computed(() => ({
+		positive: "success",
+		negative: "danger",
+		neutral: "neutral"
+	})[this.resolvedSentiment()], ...ngDevMode ? [{ debugName: "badgeVariant" }] : /* istanbul ignore next */ []);
+	directionOf(text) {
+		return RTL_LETTER.test(text) ? "rtl" : "ltr";
+	}
+	trendName = computed(() => {
+		const t = this.t();
+		return {
+			up: t.increaseLabel,
+			down: t.decreaseLabel,
+			flat: t.unchangedLabel
+		}[this.trend()];
+	}, ...ngDevMode ? [{ debugName: "trendName" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdStat,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdStat,
+		isStandalone: true,
+		selector: "vd-stat",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			delta: {
+				classPropertyName: "delta",
+				publicName: "delta",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			trend: {
+				classPropertyName: "trend",
+				publicName: "trend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sentiment: {
+				classPropertyName: "sentiment",
+				publicName: "sentiment",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			caption: {
+				classPropertyName: "caption",
+				publicName: "caption",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loading: {
+				classPropertyName: "loading",
+				publicName: "loading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			increaseLabel: {
+				classPropertyName: "increaseLabel",
+				publicName: "increaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			decreaseLabel: {
+				classPropertyName: "decreaseLabel",
+				publicName: "decreaseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unchangedLabel: {
+				classPropertyName: "unchangedLabel",
+				publicName: "unchangedLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-size": "size()",
+				"attr.data-sentiment": "delta() ? resolvedSentiment() : null",
+				"attr.aria-busy": "loading() || null"
+			},
+			classAttribute: "vd-stat"
+		},
+		ngImport: i0,
+		template: `
+    <dl class="vd-stat__list">
+      <dt class="vd-stat__label">{{ label() }}</dt>
+      @if (loading()) {
+        <dd class="vd-stat__value"><span vdSkeleton class="vd-stat__skeleton-value"></span></dd>
+        <dd class="vd-stat__meta">
+          <span vdSkeleton size="sm" class="vd-stat__skeleton-meta"></span>
+        </dd>
+      } @else {
+        <dd class="vd-stat__value">
+          <bdi [attr.dir]="directionOf(value())">{{ value() }}</bdi>
+        </dd>
+        @if (delta() || caption()) {
+          <dd class="vd-stat__meta">
+            @if (delta()) {
+              <span vdBadge class="vd-stat__delta" [variant]="badgeVariant()">
+                @if (trend() !== 'flat') {
+                  <vd-icon [name]="trend() === 'up' ? 'trending-up' : 'trending-down'" />
+                }
+                <span class="vd-visually-hidden">{{ trendName() }} </span>
+                <bdi class="vd-stat__delta-value" [attr.dir]="directionOf(delta() ?? '')">{{
+                  delta()
+                }}</bdi>
+              </span>
+            }
+            @if (caption()) {
+              <span class="vd-stat__caption">{{ caption() }}</span>
+            }
+          </dd>
+        }
+      }
+    </dl>
+    <ng-content />
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: VdBadge,
+				selector: "[vdBadge]",
+				inputs: ["variant", "dot"]
+			},
+			{
+				kind: "component",
+				type: VdIcon,
+				selector: "vd-icon",
+				inputs: ["name", "label"]
+			},
+			{
+				kind: "directive",
+				type: VdSkeleton,
+				selector: "[vdSkeleton]",
+				inputs: [
+					"shape",
+					"size",
+					"animated"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdStat,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-stat",
+			imports: [
+				VdBadge,
+				VdIcon,
+				VdSkeleton
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "vd-stat",
+				"[attr.data-size]": "size()",
+				"[attr.data-sentiment]": "delta() ? resolvedSentiment() : null",
+				"[attr.aria-busy]": "loading() || null"
+			},
+			template: `
+    <dl class="vd-stat__list">
+      <dt class="vd-stat__label">{{ label() }}</dt>
+      @if (loading()) {
+        <dd class="vd-stat__value"><span vdSkeleton class="vd-stat__skeleton-value"></span></dd>
+        <dd class="vd-stat__meta">
+          <span vdSkeleton size="sm" class="vd-stat__skeleton-meta"></span>
+        </dd>
+      } @else {
+        <dd class="vd-stat__value">
+          <bdi [attr.dir]="directionOf(value())">{{ value() }}</bdi>
+        </dd>
+        @if (delta() || caption()) {
+          <dd class="vd-stat__meta">
+            @if (delta()) {
+              <span vdBadge class="vd-stat__delta" [variant]="badgeVariant()">
+                @if (trend() !== 'flat') {
+                  <vd-icon [name]="trend() === 'up' ? 'trending-up' : 'trending-down'" />
+                }
+                <span class="vd-visually-hidden">{{ trendName() }} </span>
+                <bdi class="vd-stat__delta-value" [attr.dir]="directionOf(delta() ?? '')">{{
+                  delta()
+                }}</bdi>
+              </span>
+            }
+            @if (caption()) {
+              <span class="vd-stat__caption">{{ caption() }}</span>
+            }
+          </dd>
+        }
+      }
+    </dl>
+    <ng-content />
+  `
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		delta: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "delta",
+				required: false
+			}]
+		}],
+		trend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "trend",
+				required: false
+			}]
+		}],
+		sentiment: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sentiment",
+				required: false
+			}]
+		}],
+		caption: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "caption",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		increaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "increaseLabel",
+				required: false
+			}]
+		}],
+		decreaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decreaseLabel",
+				required: false
+			}]
+		}],
+		unchangedLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unchangedLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { VdStat };
+
+//# sourceMappingURL=vadem-ui-stat.mjs.map

package/fesm2022/vadem-ui-stat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-stat.mjs","names":[],"sources":["../../../projects/ui/stat/src/stat.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  input,\n} from '@angular/core';\nimport { VdBadge, type VdBadgeVariant } from '@vadem/ui/badge';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdTexts } from '@vadem/ui/locale';\nimport { VdSkeleton } from '@vadem/ui/skeleton';\n\nexport type VdStatTrend = 'up' | 'down' | 'flat';\n/** Whether the change is good news; defaults from the trend (up = positive). */\nexport type VdStatSentiment = 'positive' | 'negative' | 'neutral';\nexport type VdStatSize = 'sm' | 'md';\n\n/** Hebrew and Arabic-script letters (incl. presentation forms). */\nconst RTL_LETTER = /[\\u0590-\\u08FF\\uFB1D-\\uFDFF\\uFE70-\\uFEFF]/;\n\n/**\n * A key figure: label, value, optional change and caption. Values arrive formatted by the\n * application (Intl). Spec: specs/stat.md\n */\n@Component({\n  selector: 'vd-stat',\n  imports: [VdBadge, VdIcon, VdSkeleton],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'vd-stat',\n    '[attr.data-size]': 'size()',\n    '[attr.data-sentiment]': 'delta() ? resolvedSentiment() : null',\n    '[attr.aria-busy]': 'loading() || null',\n  },\n  template: `\n    <dl class=\"vd-stat__list\">\n      <dt class=\"vd-stat__label\">{{ label() }}</dt>\n      @if (loading()) {\n        <dd class=\"vd-stat__value\"><span vdSkeleton class=\"vd-stat__skeleton-value\"></span></dd>\n        <dd class=\"vd-stat__meta\">\n          <span vdSkeleton size=\"sm\" class=\"vd-stat__skeleton-meta\"></span>\n        </dd>\n      } @else {\n        <dd class=\"vd-stat__value\">\n          <bdi [attr.dir]=\"directionOf(value())\">{{ value() }}</bdi>\n        </dd>\n        @if (delta() || caption()) {\n          <dd class=\"vd-stat__meta\">\n            @if (delta()) {\n              <span vdBadge class=\"vd-stat__delta\" [variant]=\"badgeVariant()\">\n                @if (trend() !== 'flat') {\n                  <vd-icon [name]=\"trend() === 'up' ? 'trending-up' : 'trending-down'\" />\n                }\n                <span class=\"vd-visually-hidden\">{{ trendName() }} </span>\n                <bdi class=\"vd-stat__delta-value\" [attr.dir]=\"directionOf(delta() ?? '')\">{{\n                  delta()\n                }}</bdi>\n              </span>\n            }\n            @if (caption()) {\n              <span class=\"vd-stat__caption\">{{ caption() }}</span>\n            }\n          </dd>\n        }\n      }\n    </dl>\n    <ng-content />\n  `,\n})\nexport class VdStat {\n  readonly label = input.required<string>();\n  /** Formatted value, e.g. \"₴ 48 920\". */\n  readonly value = input<string>('');\n  /** Formatted change, e.g. \"+12,4%\". */\n  readonly delta = input<string>();\n  readonly trend = input<VdStatTrend>('up');\n  readonly sentiment = input<VdStatSentiment>();\n  readonly caption = input<string>();\n  readonly size = input<VdStatSize>('md');\n  /** Placeholders while the figure loads; the label stays visible. */\n  readonly loading = input(false, { transform: booleanAttribute });\n  readonly increaseLabel = input<string>();\n  readonly decreaseLabel = input<string>();\n  readonly unchangedLabel = input<string>();\n\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('stat', {\n    increaseLabel: this.increaseLabel,\n    decreaseLabel: this.decreaseLabel,\n    unchangedLabel: this.unchangedLabel,\n  });\n\n  protected readonly resolvedSentiment = computed<VdStatSentiment>(() => {\n    const explicit = this.sentiment();\n    if (explicit) return explicit;\n    return { up: 'positive', down: 'negative', flat: 'neutral' }[this.trend()] as VdStatSentiment;\n  });\n\n  /** The change uses the library's Badge, coloured by sentiment. */\n  protected readonly badgeVariant = computed<VdBadgeVariant>(\n    () =>\n      ({ positive: 'success', negative: 'danger', neutral: 'neutral' })[\n        this.resolvedSentiment()\n      ] as VdBadgeVariant,\n  );\n\n  /**\n   * Numbers and currency signs have no strong direction, so an isolated value would inherit the\n   * page's RTL and reverse \"₴ 48 920\". Values with RTL letters (\"48 ر.س\") stay RTL.\n   */\n  protected directionOf(text: string): 'ltr' | 'rtl' {\n    return RTL_LETTER.test(text) ? 'rtl' : 'ltr';\n  }\n\n  /** Direction in words: color and arrow are only extra cues. */\n  protected readonly trendName = computed(() => {\n    const t = this.t();\n    return { up: t.increaseLabel, down: t.decreaseLabel, flat: t.unchangedLabel }[this.trend()];\n  });\n}\n"],"mappings":"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"}