@joanroucoux/cairn-ui 0.8.1 → 0.9.0

package/fesm2022/joanroucoux-cairn-ui-amount.mjs

@@ -1,114 +1,224 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, signal, input, inject, LOCALE_ID, booleanAttribute, computed, Component } from '@angular/core';
-
-const MINUS = '−';
-const EM_DASH = '—';
-const BULLETS = '••••';
-/** Formats a number or an amount for the locale, with a missing value as an em dash and masking behind four bullets. */
+import * as i0 from "@angular/core";
+import { Component, InjectionToken, LOCALE_ID, booleanAttribute, computed, inject, input, signal } from "@angular/core";
+const MINUS = "−";
+const EM_DASH = "—";
+const BULLETS = "••••";
 function formatAmount(value, options, masked = false) {
-    if (value === null || value === undefined || Number.isNaN(value)) {
-        return EM_DASH;
-    }
-    const digits = options.fractionDigits ?? 2;
-    const format = new Intl.NumberFormat(options.locale, {
-        ...(options.currency ? { style: 'currency', currency: options.currency } : {}),
-        minimumFractionDigits: digits,
-        maximumFractionDigits: digits,
-    });
-    const magnitude = Math.abs(value);
-    const parts = format.formatToParts(magnitude);
-    if (masked) {
-        let replaced = false;
-        return parts
-            .map((part) => {
-            if (['integer', 'group', 'decimal', 'fraction'].includes(part.type)) {
-                if (replaced) {
-                    return '';
-                }
-                replaced = true;
-                return BULLETS;
-            }
-            return part.value;
-        })
-            .join('');
-    }
-    const text = parts.map((part) => part.value).join('');
-    const isZero = Number(format.format(magnitude).replace(/[^\d]/g, '')) === 0;
-    if (!options.signed || isZero) {
-        return value < 0 && !isZero ? `${MINUS}${text}` : text;
-    }
-    return `${value > 0 ? '+' : MINUS}${text}`;
+	if (value === null || value === void 0 || Number.isNaN(value)) return EM_DASH;
+	const digits = options.fractionDigits ?? 2;
+	const format = new Intl.NumberFormat(options.locale, {
+		...options.currency ? {
+			style: "currency",
+			currency: options.currency
+		} : {},
+		minimumFractionDigits: digits,
+		maximumFractionDigits: digits
+	});
+	const magnitude = Math.abs(value);
+	const parts = format.formatToParts(magnitude);
+	if (masked) {
+		let replaced = false;
+		return parts.map((part) => {
+			if ([
+				"integer",
+				"group",
+				"decimal",
+				"fraction"
+			].includes(part.type)) {
+				if (replaced) return "";
+				replaced = true;
+				return BULLETS;
+			}
+			return part.value;
+		}).join("");
+	}
+	const text = parts.map((part) => part.value).join("");
+	const isZero = Number(format.format(magnitude).replace(/[^\d]/g, "")) === 0;
+	if (!options.signed || isZero) return value < 0 && !isZero ? `${MINUS}${text}` : text;
+	return `${value > 0 ? "+" : MINUS}${text}`;
 }
-
-/** App-wide "amounts are hidden" state. Defaults to never masked; the app overrides it. */
-const UI_AMOUNT_MASKED = new InjectionToken('UI_AMOUNT_MASKED', {
-    providedIn: 'root',
-    factory: () => signal(false),
+const UI_AMOUNT_MASKED = new InjectionToken("UI_AMOUNT_MASKED", {
+	providedIn: "root",
+	factory: () => signal(false)
+});
+const AMOUNT_NUMERICS = ["tabular", "proportional"];
+const AMOUNT_MASKINGS = ["dots", "hide"];
+var UiAmount = class UiAmount {
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : /* istanbul ignore next */ []);
+	currency = input(...ngDevMode ? [void 0, { debugName: "currency" }] : /* istanbul ignore next */ []);
+	locale = input(inject(LOCALE_ID), ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	signed = input(false, {
+		...ngDevMode ? { debugName: "signed" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	fractionDigits = input(2, ...ngDevMode ? [{ debugName: "fractionDigits" }] : /* istanbul ignore next */ []);
+	numeric = input("tabular", ...ngDevMode ? [{ debugName: "numeric" }] : /* istanbul ignore next */ []);
+	whenMasked = input("dots", ...ngDevMode ? [{ debugName: "whenMasked" }] : /* istanbul ignore next */ []);
+	#masked = inject(UI_AMOUNT_MASKED);
+	hidden = computed(() => this.#masked() && this.whenMasked() === "hide", ...ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []);
+	text = computed(() => formatAmount(this.value(), {
+		locale: this.locale(),
+		currency: this.currency(),
+		signed: this.signed(),
+		fractionDigits: this.fractionDigits()
+	}, this.#masked()), ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const missing = this.value() === null || this.value() === void 0;
+		return [
+			"whitespace-nowrap",
+			this.numeric() === "tabular" ? "tabular-nums" : "",
+			missing ? "text-(--subtle-foreground)" : ""
+		].filter(Boolean).join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiAmount,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: UiAmount,
+		isStandalone: true,
+		selector: "ui-amount",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			currency: {
+				classPropertyName: "currency",
+				publicName: "currency",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			signed: {
+				classPropertyName: "signed",
+				publicName: "signed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fractionDigits: {
+				classPropertyName: "fractionDigits",
+				publicName: "fractionDigits",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			numeric: {
+				classPropertyName: "numeric",
+				publicName: "numeric",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			whenMasked: {
+				classPropertyName: "whenMasked",
+				publicName: "whenMasked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"class": "classes()",
+			"attr.hidden": "hidden() || null"
+		} },
+		ngImport: i0,
+		template: "{{ text() }}",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiAmount,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-amount",
+			template: "{{ text() }}",
+			host: {
+				"[class]": "classes()",
+				"[attr.hidden]": "hidden() || null"
+			}
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		currency: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "currency",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		signed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "signed",
+				required: false
+			}]
+		}],
+		fractionDigits: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fractionDigits",
+				required: false
+			}]
+		}],
+		numeric: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "numeric",
+				required: false
+			}]
+		}],
+		whenMasked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "whenMasked",
+				required: false
+			}]
+		}]
+	}
 });
-/** Available figure styles. `AmountNumeric` is derived from this tuple. */
-const AMOUNT_NUMERICS = ['tabular', 'proportional'];
-/** Available masking behaviors. `AmountMasking` is derived from this tuple. */
-const AMOUNT_MASKINGS = ['dots', 'hide'];
-/**
- * A number or an amount of money, formatted for the locale and masked when the app hides amounts.
- *
- * @example
- * <ui-amount [value]="total" currency="EUR" numeric="proportional" />
- * <ui-amount [value]="dayChange" currency="EUR" signed whenMasked="hide" />
- */
-class UiAmount {
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    currency = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "currency" }] : /* istanbul ignore next */ []));
-    locale = input(inject(LOCALE_ID), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
-    signed = input(false, { ...(ngDevMode ? { debugName: "signed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    fractionDigits = input(2, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fractionDigits" }] : /* istanbul ignore next */ []));
-    numeric = input('tabular', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "numeric" }] : /* istanbul ignore next */ []));
-    whenMasked = input('dots', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "whenMasked" }] : /* istanbul ignore next */ []));
-    #masked = inject(UI_AMOUNT_MASKED);
-    hidden = computed(() => this.#masked() && this.whenMasked() === 'hide', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
-    text = computed(() => formatAmount(this.value(), {
-        locale: this.locale(),
-        currency: this.currency(),
-        signed: this.signed(),
-        fractionDigits: this.fractionDigits(),
-    }, this.#masked()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    classes = computed(() => {
-        const missing = this.value() === null || this.value() === undefined;
-        return [
-            'whitespace-nowrap',
-            this.numeric() === 'tabular' ? 'tabular-nums' : '',
-            missing ? 'text-(--subtle-foreground)' : '',
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiAmount, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: UiAmount, isStandalone: true, selector: "ui-amount", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, signed: { classPropertyName: "signed", publicName: "signed", isSignal: true, isRequired: false, transformFunction: null }, fractionDigits: { classPropertyName: "fractionDigits", publicName: "fractionDigits", isSignal: true, isRequired: false, transformFunction: null }, numeric: { classPropertyName: "numeric", publicName: "numeric", isSignal: true, isRequired: false, transformFunction: null }, whenMasked: { classPropertyName: "whenMasked", publicName: "whenMasked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.hidden": "hidden() || null" } }, ngImport: i0, template: '{{ text() }}', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiAmount, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-amount',
-                    template: '{{ text() }}',
-                    host: {
-                        '[class]': 'classes()',
-                        '[attr.hidden]': 'hidden() || null',
-                    },
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], signed: [{ type: i0.Input, args: [{ isSignal: true, alias: "signed", required: false }] }], fractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "fractionDigits", required: false }] }], numeric: [{ type: i0.Input, args: [{ isSignal: true, alias: "numeric", required: false }] }], whenMasked: [{ type: i0.Input, args: [{ isSignal: true, alias: "whenMasked", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { AMOUNT_MASKINGS, AMOUNT_NUMERICS, UI_AMOUNT_MASKED, UiAmount, formatAmount };
-//# sourceMappingURL=joanroucoux-cairn-ui-amount.mjs.map
+
+//# sourceMappingURL=joanroucoux-cairn-ui-amount.mjs.map

package/fesm2022/joanroucoux-cairn-ui-amount.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-amount.mjs","sources":["../../../projects/ui/amount/format-amount.ts","../../../projects/ui/amount/amount.ts","../../../projects/ui/amount/joanroucoux-cairn-ui-amount.ts"],"sourcesContent":["const MINUS = '−';\nconst EM_DASH = '—';\nconst BULLETS = '••••';\n\nexport type AmountFormatOptions = {\n  locale: string;\n  currency?: string;\n  signed?: boolean;\n  fractionDigits?: number;\n};\n\n/** Formats a number or an amount for the locale, with a missing value as an em dash and masking behind four bullets. */\nexport function formatAmount(value: number | null | undefined, options: AmountFormatOptions, masked = false): string {\n  if (value === null || value === undefined || Number.isNaN(value)) {\n    return EM_DASH;\n  }\n  const digits = options.fractionDigits ?? 2;\n  const format = new Intl.NumberFormat(options.locale, {\n    ...(options.currency ? { style: 'currency', currency: options.currency } : {}),\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n  });\n  const magnitude = Math.abs(value);\n  const parts = format.formatToParts(magnitude);\n\n  if (masked) {\n    let replaced = false;\n    return parts\n      .map((part) => {\n        if (['integer', 'group', 'decimal', 'fraction'].includes(part.type)) {\n          if (replaced) {\n            return '';\n          }\n          replaced = true;\n          return BULLETS;\n        }\n        return part.value;\n      })\n      .join('');\n  }\n\n  const text = parts.map((part) => part.value).join('');\n  const isZero = Number(format.format(magnitude).replace(/[^\\d]/g, '')) === 0;\n  if (!options.signed || isZero) {\n    return value < 0 && !isZero ? `${MINUS}${text}` : text;\n  }\n  return `${value > 0 ? '+' : MINUS}${text}`;\n}\n","import {\n  Component,\n  InjectionToken,\n  LOCALE_ID,\n  type Signal,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { formatAmount } from './format-amount';\n\n/** App-wide \"amounts are hidden\" state. Defaults to never masked; the app overrides it. */\nexport const UI_AMOUNT_MASKED = new InjectionToken<Signal<boolean>>('UI_AMOUNT_MASKED', {\n  providedIn: 'root',\n  factory: () => signal(false),\n});\n\n/** Available figure styles. `AmountNumeric` is derived from this tuple. */\nexport const AMOUNT_NUMERICS = ['tabular', 'proportional'] as const;\nexport type AmountNumeric = (typeof AMOUNT_NUMERICS)[number];\n\n/** Available masking behaviors. `AmountMasking` is derived from this tuple. */\nexport const AMOUNT_MASKINGS = ['dots', 'hide'] as const;\nexport type AmountMasking = (typeof AMOUNT_MASKINGS)[number];\n\n/**\n * A number or an amount of money, formatted for the locale and masked when the app hides amounts.\n *\n * @example\n * <ui-amount [value]=\"total\" currency=\"EUR\" numeric=\"proportional\" />\n * <ui-amount [value]=\"dayChange\" currency=\"EUR\" signed whenMasked=\"hide\" />\n */\n@Component({\n  selector: 'ui-amount',\n  template: '{{ text() }}',\n  host: {\n    '[class]': 'classes()',\n    '[attr.hidden]': 'hidden() || null',\n  },\n})\nexport class UiAmount {\n  readonly value = input<number | null | undefined>();\n  readonly currency = input<string>();\n  readonly locale = input<string>(inject(LOCALE_ID));\n  readonly signed = input(false, { transform: booleanAttribute });\n  readonly fractionDigits = input(2);\n  readonly numeric = input<AmountNumeric>('tabular');\n  readonly whenMasked = input<AmountMasking>('dots');\n\n  readonly #masked = inject(UI_AMOUNT_MASKED);\n\n  protected readonly hidden = computed(() => this.#masked() && this.whenMasked() === 'hide');\n\n  protected readonly text = computed(() =>\n    formatAmount(\n      this.value(),\n      {\n        locale: this.locale(),\n        currency: this.currency(),\n        signed: this.signed(),\n        fractionDigits: this.fractionDigits(),\n      },\n      this.#masked(),\n    ),\n  );\n\n  protected readonly classes = computed(() => {\n    const missing = this.value() === null || this.value() === undefined;\n\n    return [\n      'whitespace-nowrap',\n      this.numeric() === 'tabular' ? 'tabular-nums' : '',\n      missing ? 'text-(--subtle-foreground)' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"joanroucoux-cairn-ui-amount.mjs","names":[],"sources":["../../../projects/ui/amount/format-amount.ts","../../../projects/ui/amount/amount.ts"],"sourcesContent":["const MINUS = '−';\nconst EM_DASH = '—';\nconst BULLETS = '••••';\n\nexport type AmountFormatOptions = {\n  locale: string;\n  currency?: string;\n  signed?: boolean;\n  fractionDigits?: number;\n};\n\n/** Formats a number or an amount for the locale. A missing value is an em dash, a masked one four bullets. */\nexport function formatAmount(value: number | null | undefined, options: AmountFormatOptions, masked = false): string {\n  if (value === null || value === undefined || Number.isNaN(value)) {\n    return EM_DASH;\n  }\n  const digits = options.fractionDigits ?? 2;\n  const format = new Intl.NumberFormat(options.locale, {\n    ...(options.currency ? { style: 'currency', currency: options.currency } : {}),\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits,\n  });\n  const magnitude = Math.abs(value);\n  const parts = format.formatToParts(magnitude);\n\n  if (masked) {\n    let replaced = false;\n    return parts\n      .map((part) => {\n        if (['integer', 'group', 'decimal', 'fraction'].includes(part.type)) {\n          if (replaced) {\n            return '';\n          }\n          replaced = true;\n          return BULLETS;\n        }\n        return part.value;\n      })\n      .join('');\n  }\n\n  const text = parts.map((part) => part.value).join('');\n  const isZero = Number(format.format(magnitude).replace(/[^\\d]/g, '')) === 0;\n  if (!options.signed || isZero) {\n    return value < 0 && !isZero ? `${MINUS}${text}` : text;\n  }\n  return `${value > 0 ? '+' : MINUS}${text}`;\n}\n","import {\n  Component,\n  InjectionToken,\n  LOCALE_ID,\n  type Signal,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { formatAmount } from './format-amount';\n\n/** App-wide \"amounts are hidden\" state. Defaults to never masked; the app overrides it. */\nexport const UI_AMOUNT_MASKED = new InjectionToken<Signal<boolean>>('UI_AMOUNT_MASKED', {\n  providedIn: 'root',\n  factory: () => signal(false),\n});\n\n/** Available figure styles. */\nexport const AMOUNT_NUMERICS = ['tabular', 'proportional'] as const;\nexport type AmountNumeric = (typeof AMOUNT_NUMERICS)[number];\n\n/** Available masking behaviors. */\nexport const AMOUNT_MASKINGS = ['dots', 'hide'] as const;\nexport type AmountMasking = (typeof AMOUNT_MASKINGS)[number];\n\n/**\n * A number or an amount of money, formatted for the locale and masked when the app hides amounts.\n *\n * @example\n * <ui-amount [value]=\"total\" currency=\"EUR\" numeric=\"proportional\" />\n * <ui-amount [value]=\"dayChange\" currency=\"EUR\" signed whenMasked=\"hide\" />\n */\n@Component({\n  selector: 'ui-amount',\n  template: '{{ text() }}',\n  host: {\n    '[class]': 'classes()',\n    '[attr.hidden]': 'hidden() || null',\n  },\n})\nexport class UiAmount {\n  readonly value = input<number | null | undefined>();\n  readonly currency = input<string>();\n  readonly locale = input<string>(inject(LOCALE_ID));\n  readonly signed = input(false, { transform: booleanAttribute });\n  readonly fractionDigits = input(2);\n  readonly numeric = input<AmountNumeric>('tabular');\n  readonly whenMasked = input<AmountMasking>('dots');\n\n  readonly #masked = inject(UI_AMOUNT_MASKED);\n\n  protected readonly hidden = computed(() => this.#masked() && this.whenMasked() === 'hide');\n\n  protected readonly text = computed(() =>\n    formatAmount(\n      this.value(),\n      {\n        locale: this.locale(),\n        currency: this.currency(),\n        signed: this.signed(),\n        fractionDigits: this.fractionDigits(),\n      },\n      this.#masked(),\n    ),\n  );\n\n  protected readonly classes = computed(() => {\n    const missing = this.value() === null || this.value() === undefined;\n\n    return [\n      'whitespace-nowrap',\n      this.numeric() === 'tabular' ? 'tabular-nums' : '',\n      missing ? 'text-(--subtle-foreground)' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n  });\n}\n"],"mappings":"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"}