@magmonium/one 0.4.29 → 0.4.31

package/fesm2022/magmonium-one-image-frame-BTSaUSAi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-image-frame-BTSaUSAi.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-frame.ts"],"sourcesContent":["export type FrameSize = { width: number; height: number };\n\nexport type FrameRect = FrameSize & { x: number; y: number };\n\n/**\n * Where the ImageEditor's box sits over the source, in source pixels: the\n * point it is centred on and how far it is zoomed past the cover fit. Held in\n * source pixels rather than screen pixels so a stage that resizes mid-edit\n * frames the same part of the picture.\n */\nexport type Framing = { cx: number; cy: number; zoom: number };\n\nexport const MIN_ZOOM = 1;\nexport const MAX_ZOOM = 4;\n\n/** Only raster images a canvas decodes everywhere enter the ImageEditor. */\nconst EDITABLE_TYPES = ['image/png', 'image/jpeg', 'image/webp'];\n\nexport const isEditableImage = (file: File): boolean =>\n  EDITABLE_TYPES.includes(file.type.toLowerCase());\n\n/** `'16:9'` as `16 / 9`; undefined for anything but two positive figures. */\nexport const parseRatio = (ratio: unknown): number | undefined => {\n  if (typeof ratio !== 'string') return undefined;\n  const match = /^\\s*(\\d+(?:\\.\\d+)?)\\s*:\\s*(\\d+(?:\\.\\d+)?)\\s*$/.exec(ratio);\n  if (!match) return undefined;\n  const width = Number(match[1]);\n  const height = Number(match[2]);\n  return width > 0 && height > 0 ? width / height : undefined;\n};\n\n/**\n * The exact pixels an edited image comes out at: the Field's `width`, and the\n * height its `ratio` derives. Undefined when either is missing or malformed —\n * a Field without both has no ImageEditor.\n */\nexport const outputSize = (\n  ratio: unknown,\n  width: unknown\n): FrameSize | undefined => {\n  const aspect = parseRatio(ratio);\n  const pixels = Math.round(Number(width));\n  if (!aspect || !Number.isFinite(pixels) || pixels < 1) return undefined;\n  return { width: pixels, height: Math.max(1, Math.round(pixels / aspect)) };\n};\n\n/** The largest box of this aspect that fits inside the image. */\nexport const coverCrop = (image: FrameSize, aspect: number): FrameSize =>\n  image.width / image.height > aspect\n    ? { width: image.height * aspect, height: image.height }\n    : { width: image.width, height: image.width / aspect };\n\nexport const initialFraming = (image: FrameSize): Framing => ({\n  cx: image.width / 2,\n  cy: image.height / 2,\n  zoom: MIN_ZOOM,\n});\n\nconst clamp = (value: number, min: number, max: number): number =>\n  Math.min(max, Math.max(min, value));\n\n/**\n * The framing pulled back inside the picture: zoom between the cover fit and\n * MAX_ZOOM, and the centre far enough in that the box never shows past an edge.\n */\nexport const clampFraming = (\n  image: FrameSize,\n  aspect: number,\n  framing: Framing\n): Framing => {\n  const zoom = clamp(framing.zoom, MIN_ZOOM, MAX_ZOOM);\n  const cover = coverCrop(image, aspect);\n  const halfW = cover.width / zoom / 2;\n  const halfH = cover.height / zoom / 2;\n  return {\n    zoom,\n    cx: clamp(framing.cx, halfW, image.width - halfW),\n    cy: clamp(framing.cy, halfH, image.height - halfH),\n  };\n};\n\n/** The part of the source the box holds, in source pixels. */\nexport const cropRect = (\n  image: FrameSize,\n  aspect: number,\n  framing: Framing\n): FrameRect => {\n  const { cx, cy, zoom } = clampFraming(image, aspect, framing);\n  const cover = coverCrop(image, aspect);\n  const width = cover.width / zoom;\n  const height = cover.height / zoom;\n  return { x: cx - width / 2, y: cy - height / 2, width, height };\n};\n\n/** `avatar.png` holding a WebP is `avatar.webp`. */\nexport const renameForType = (name: string, type: string): string => {\n  const extension =\n    type === 'image/jpeg' ? 'jpg' : type.split('/')[1] ?? 'bin';\n  const dot = name.lastIndexOf('.');\n  const base = dot > 0 ? name.slice(0, dot) : name;\n  return `${base}.${extension}`;\n};\n\nconst createCanvas = (size: FrameSize): HTMLCanvasElement => {\n  const canvas = document.createElement('canvas');\n  canvas.width = Math.max(1, Math.round(size.width));\n  canvas.height = Math.max(1, Math.round(size.height));\n  return canvas;\n};\n\nconst smoothContext = (canvas: HTMLCanvasElement): CanvasRenderingContext2D => {\n  const context = canvas.getContext('2d');\n  if (!context) throw new Error('2d canvas unavailable');\n  context.imageSmoothingEnabled = true;\n  context.imageSmoothingQuality = 'high';\n  return context;\n};\n\n/**\n * The crop drawn at exactly `output` pixels. A shrink past half is taken in\n * halving steps — one pass that drops more than every other pixel aliases —\n * and a grow is one smoothed pass.\n */\nexport const drawFramed = (\n  source: CanvasImageSource,\n  rect: FrameRect,\n  output: FrameSize\n): HTMLCanvasElement => {\n  let from: CanvasImageSource = source;\n  let area: FrameRect = rect;\n  while (\n    area.width >= output.width * 2 &&\n    area.height >= output.height * 2\n  ) {\n    const step = createCanvas({\n      width: area.width / 2,\n      height: area.height / 2,\n    });\n    smoothContext(step).drawImage(\n      from,\n      area.x,\n      area.y,\n      area.width,\n      area.height,\n      0,\n      0,\n      step.width,\n      step.height\n    );\n    from = step;\n    area = { x: 0, y: 0, width: step.width, height: step.height };\n  }\n  const canvas = createCanvas(output);\n  smoothContext(canvas).drawImage(\n    from,\n    area.x,\n    area.y,\n    area.width,\n    area.height,\n    0,\n    0,\n    canvas.width,\n    canvas.height\n  );\n  return canvas;\n};\n\nconst ENCODE_QUALITY = 0.9;\n\nconst toBlob = (\n  canvas: HTMLCanvasElement,\n  type: string\n): Promise<Blob | null> =>\n  new Promise((resolve) => canvas.toBlob(resolve, type, ENCODE_QUALITY));\n\nconst hasTransparency = (canvas: HTMLCanvasElement): boolean => {\n  const { data } = smoothContext(canvas).getImageData(\n    0,\n    0,\n    canvas.width,\n    canvas.height\n  );\n  for (let i = 3; i < data.length; i += 4) {\n    if (data[i] < 255) return true;\n  }\n  return false;\n};\n\n/**\n * WebP, the smallest file at this quality. A browser that cannot encode WebP\n * hands back a PNG under the WebP request without saying so, so the blob's own\n * type is what is checked: then an opaque picture goes JPEG and one with\n * transparency PNG, the smallest that keeps what it shows.\n */\nexport const encodeFramed = async (canvas: HTMLCanvasElement): Promise<Blob> => {\n  const webp = await toBlob(canvas, 'image/webp');\n  if (webp?.type === 'image/webp') return webp;\n  const type = hasTransparency(canvas) ? 'image/png' : 'image/jpeg';\n  const fallback = await toBlob(canvas, type);\n  if (!fallback) throw new Error('canvas encode failed');\n  return fallback;\n};\n"],"mappings":"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"}

package/fesm2022/magmonium-one-input-DqHPorA1.mjs

@@ -0,0 +1,39 @@
+var InputType;
+(function(InputType) {
+	InputType["TEXT"] = "text";
+	InputType["PASSWORD"] = "password";
+	InputType["OTP"] = "one-time-password";
+	InputType["EMAIL"] = "email";
+	InputType["NUMBER"] = "number";
+	InputType["PHONE"] = "phone";
+	InputType["DATE"] = "date";
+	InputType["TIME"] = "time";
+	InputType["DATETIME"] = "datetime";
+	InputType["CHECKBOX"] = "checkbox";
+	InputType["CHECKBOX_GROUP"] = "checkbox_group";
+	InputType["RADIO"] = "radio";
+	InputType["RADIO_GROUP"] = "radio_group";
+	InputType["DROPDOWN"] = "dropdown";
+	InputType["MULTISELECT"] = "multiselect";
+	InputType["TEXTAREA"] = "textarea";
+	InputType["FILE"] = "file";
+	InputType["FOLDER"] = "folder";
+	InputType["RANGE"] = "range";
+	InputType["MULTI_RANGE"] = "multi_range";
+	InputType["TOGGLE"] = "toggle";
+	InputType["DATA_TOGGLE"] = "data_toggle";
+	InputType["TOGGLE_RADIO"] = "toggle_radio";
+	InputType["SEARCH"] = "search";
+	InputType["URL"] = "url";
+	InputType["COLOR"] = "color";
+	InputType["MONTH"] = "month";
+	InputType["WEEK"] = "week";
+	InputType["MONEY"] = "money";
+	InputType["AUTOFILL"] = "autofill";
+	InputType["SELECTABLE_CARD"] = "selectable_card";
+	InputType["RATING"] = "rating";
+	InputType["COMPONENT"] = "component";
+})(InputType || (InputType = {}));
+export { InputType as t };
+
+//# sourceMappingURL=magmonium-one-input-DqHPorA1.mjs.map

package/fesm2022/magmonium-one-input-DqHPorA1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-input-DqHPorA1.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/model/input.ts"],"sourcesContent":["import { Signal } from '@angular/core';\nimport { Config } from '../../../type/config/config-type';\n\nexport enum InputType {\n  TEXT = 'text',\n  PASSWORD = 'password',\n  OTP = 'one-time-password',\n  EMAIL = 'email',\n  NUMBER = 'number',\n  PHONE = 'phone',\n  DATE = 'date',\n  TIME = 'time',\n  DATETIME = 'datetime',\n  CHECKBOX = 'checkbox',\n  CHECKBOX_GROUP = 'checkbox_group',\n  RADIO = 'radio',\n  RADIO_GROUP = 'radio_group',\n  DROPDOWN = 'dropdown',\n  MULTISELECT = 'multiselect',\n  TEXTAREA = 'textarea',\n  FILE = 'file',\n  FOLDER = 'folder',\n  RANGE = 'range',\n  MULTI_RANGE = 'multi_range',\n  TOGGLE = 'toggle',\n  DATA_TOGGLE = 'data_toggle',\n  TOGGLE_RADIO = 'toggle_radio',\n  SEARCH = 'search',\n  URL = 'url',\n  COLOR = 'color',\n  MONTH = 'month',\n  WEEK = 'week',\n  MONEY = 'money',\n  AUTOFILL = 'autofill',\n  SELECTABLE_CARD = 'selectable_card',\n  RATING = 'rating',\n  COMPONENT = 'component',\n}\n\n/**\n * One shape a typed value may take, inlined into a Field's compiled config by\n * `FieldCompiler` from `mag_assets/patterns/<name>.yml` (libs/one ADR 0017).\n * The name does not survive into the browser as a lookup — it rides along so a\n * failing rule can be named in a devtools inspection and so the editor can read\n * back what a Field points at.\n *\n * `expression` arrives anchored (`^(?:…)$`); the asset stores it unanchored.\n * `.test()` matches anywhere in a value, so an unanchored `[0-9]{4}` would pass\n * `abc1234xyz` — and under `any` semantics an unanchored `email` would pass a\n * whole sentence that merely contains an address.\n */\nexport type PatternRule = {\n  name: string;\n  /** Already wrapped `^(?:…)$` by the compiler — used verbatim. */\n  expression: string;\n  /** Narrowed to `i` at author time: `g` carries `lastIndex` between\n   * `.test()` calls, and `m` reverses what the anchors just established. */\n  flags?: string;\n  /** i18n key shown when this rule is the only one a Field declares. */\n  message: string;\n};\n\nexport type Input = Config & {\n  type: InputType;\n  label: string;\n  required?: true;\n  /**\n   * Accepted shapes, any one of which passes (libs/one ADR 0017). Authored as\n   * `patterns: [<name>, ...]` naming PatternAssets; what reaches the browser is\n   * the resolved rules. Asset-only — a list cannot ride on the tag (ADR 0010).\n   */\n  patterns?: PatternRule[];\n  /**\n   * Shown when several `patterns` are declared and the value matches none.\n   * Required in that case, because no one shape's own complaint is true when\n   * the value could have taken another. Ignored for a single pattern, which\n   * speaks for itself.\n   */\n  patternMessage?: string;\n  icon?: string;\n  one?: boolean;\n  /**\n   * The [MessageVariable] values this Field's `label`, `placeholder` and\n   * validation messages are resolved with. One record for the Field rather\n   * than one per text: they are the same sentence's slots, and a page holds\n   * one record for every dynamic value it draws (m-one-ui ADR 0066).\n   *\n   * A Record, so it never rides as a literal attribute (ADR 0010) — a Field\n   * with dynamic slots takes it bound, off the page member holding them.\n   */\n  params?: Record<string, string>;\n  placeholder?: string;\n  button?: string;\n  buttonAction?: string;\n  /**\n   * Same rule grammar as `acl`, applied to the button beside the field rather\n   * than to the field itself: unmatched leaves it disabled instead of hiding it.\n   * A button that appears and disappears as the field's value changes reads as\n   * the layout breaking; one that greys out reads as a step not reached yet.\n   */\n  buttonAcl?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  maxWidth?: number;\n  prefix?: string;\n  suffix?: string;\n  status?: \"idle\" | \"checking\" | \"available\" | \"taken\" | \"invalid\";\n  /** Rule string like `.fieldName==targetValue` or custom resolver evaluated by FormGroup/WrapperInput */\n  acl?: string;\n  /** Explicit `data-testid` override. Defaults to `<name>-input` when unset. */\n  testid?: string;\n};\n\nexport type TextInput = Input & {\n  type: InputType.TEXT;\n};\n\n/**\n * A figure rather than text: the same `<input>` TextInputComponent draws, typed\n * `number` so the browser rejects letters and the field emits a number instead\n * of the digits typed into it. `min`/`max`/`step` ride onto the element — a\n * Field declaring `min: 1` means one is the smallest figure, not a hint.\n */\nexport type NumberInput = Input & {\n  type: InputType.NUMBER;\n  min?: number;\n  max?: number;\n  step?: number;\n};\n\nexport type PasswordInput = Input & {\n  type: InputType.PASSWORD;\n};\n\nexport type OtpInput = Input & {\n  type: InputType.OTP;\n  length: number;\n};\n\nexport type ToggleInput = Input & {\n  type: InputType.TOGGLE;\n};\n\nexport type ToggleRadioInput = Input & {\n  type: InputType.TOGGLE_RADIO;\n  options?: string[];\n  configs?: RadioInput[];\n  equalWidth?: boolean;\n  vertical?: boolean;\n  iconOnly?: boolean;\n};\n\nexport type RadioInput = Input & {\n  type: InputType.RADIO;\n  value: boolean;\n  id: string;\n};\n\nexport type RadioGroupInput = Input & {\n  type: InputType.RADIO_GROUP;\n  options?: string[];\n  configs?: RadioInput[];\n  vertical?: boolean;\n};\n\n/**\n * Draws one checkbox per option and holds every option picked, in option\n * order. Its options never come from an asset (libs/one ADR 0039): they are\n * bound through the host's `options` input, or placed as `m-checkbox`\n * children of a SectionFormItem.\n */\nexport type CheckboxGroupInput = Input & {\n  type: InputType.CHECKBOX_GROUP;\n  vertical?: boolean;\n  /** Name of a `mag_assets/options/<name>.yml` asset, read when no options are bound or placed. */\n  optionsAsset?: string;\n};\n\nexport type DateInput = Input & {\n  type: InputType.DATE;\n  dateFormat?: string;\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDates?: Date[];\n};\n\nexport type TextareaInput = Input & {\n  type: InputType.TEXTAREA;\n  /**\n   * Off for a field holding something the dictionary has no opinion about —\n   * markdown, a code block, an id. Absent everywhere else, which leaves the\n   * browser's own default.\n   */\n  spellcheck?: boolean;\n  /**\n   * Grows with what is typed instead of holding one height and scrolling.\n   * `--m-textarea-input-height` is then the floor it starts at and\n   * `--m-textarea-input-max-height` the ceiling it scrolls after. Opt-in: a\n   * Field in a form row keeps its one height so the row beside it does not\n   * move as somebody types.\n   */\n  autoGrow?: boolean;\n};\n\n/** What one option of a Dropdown or Multiselect holds. */\nexport type DropdownValue = string | number;\n\n/**\n * One choice. `V` narrows what `value` holds; it defaults to `string`, which is\n * what every OptionSet and option asset writes.\n */\nexport type DropdownOption<V extends DropdownValue = string> = {\n  value: V;\n  label: string;\n  /** Icon name, used by the Fields that render an option as a card. */\n  icon?: string;\n  disabled?: boolean;\n  /**\n   * The row a Field starts on when it holds no value of its own. One per list;\n   * the Field's own value outranks it (`presetDefaultOption`).\n   */\n  default?: boolean;\n  /**\n   * Authored text rather than an i18n key. A key is looked up by splitting on\n   * `.`, so a path like `order.name` would resolve to the `order` key and\n   * render that instead — the same reason a Button carries this flag.\n   */\n  noTranslate?: boolean;\n};\n\n/**\n * A `dropdown` holds one value, a `multiselect` a list of them — two Fields\n * over the same options config, never one Field switched by a flag.\n */\nexport type DropdownInput = Input & {\n  type: InputType.DROPDOWN | InputType.MULTISELECT;\n  options?:\n    | DropdownOption<DropdownValue>[]\n    | Signal<DropdownOption<DropdownValue>[]>;\n  /** Name of a `mag_assets/options/<name>.yml` asset to load options from at runtime. */\n  optionsAsset?: string;\n};\n\nexport type ColorInput = Input & {\n  type: InputType.COLOR;\n};\n\nexport type RangeInput = Input & {\n  type: InputType.RANGE;\n  min?: number;\n  max?: number;\n  step?: number;\n};\n\nexport type MultiRangeInput = Input & {\n  type: InputType.MULTI_RANGE;\n  min?: number;\n  max?: number;\n  step?: number;\n};\n\nexport type InputValue =\n  | boolean\n  | string\n  | number\n  | string[]\n  | File\n  | File[]\n  | undefined;\n\nexport type InputState = {\n  focused?: true;\n  touched?: true;\n};\n\nexport type SelectableCardItem = {\n  id: string;\n  disabled?: boolean;\n  inputs?: Record<string, unknown>;\n  // What this card was mapped from. Carried for an inline card body, which\n  // reads the row itself rather than the item wrapped around it — `inputs` is\n  // the component seat's half of the same thing, and a template has no inputs\n  // to fill.\n  row?: unknown;\n};\n\n/**\n * What an inline card body reads. The same three facts a card component is\n * handed through `inputs` — the row, whether it is picked, whether it is\n * inert — plus the `@for` positions a template can use and a component seat\n * cannot see. `$implicit` is the item, so `let-item` alone reaches the row.\n */\nexport type SelectableCardContext = {\n  $implicit: SelectableCardItem;\n  item: SelectableCardItem;\n  // The item's own `row`, lifted so a body reads what it was mapped from\n  // without walking the wrapper.\n  row: unknown;\n  selected: boolean;\n  disabled: boolean;\n  index: number;\n  first: boolean;\n  last: boolean;\n};\n\nexport type SelectableCardInput = Input & {\n  type: InputType.SELECTABLE_CARD;\n  multiSelect?: boolean;\n  isCheckboxVisible?: boolean;\n  vertical?: boolean;\n  variant?: string;\n  /**\n   * Static cards, named the same way a Dropdown names its choices so one\n   * options asset serves both. Each option's `value` becomes the card's id and\n   * its `label` the card's body — only used when no card component is bound.\n   */\n  options?: DropdownOption[] | Signal<DropdownOption[]>;\n  optionsAsset?: string;\n};\n\nexport type RatingInput = Input & {\n  type: InputType.RATING;\n  /**\n   * Fill of the selected stars: a theme colour key (`mm`, `success`, …) or a\n   * raw CSS colour, resolved against the active theme. Unset keeps the gold.\n   */\n  color?: string;\n  /** Draws the stars at twice their size; label and errors stay as they are. */\n  enlarge?: boolean;\n};\n\nexport type SearchInput = Input & {\n  type: InputType.SEARCH;\n  searchLabel?: string;\n  debounce?: number;\n};\n"],"mappings":"AAGA,IAAY;CAAZ,SAAY,WAAS;CACnB,UAAA,UAAA;CACA,UAAA,cAAA;CACA,UAAA,SAAA;CACA,UAAA,WAAA;CACA,UAAA,YAAA;CACA,UAAA,WAAA;CACA,UAAA,UAAA;CACA,UAAA,UAAA;CACA,UAAA,cAAA;CACA,UAAA,cAAA;CACA,UAAA,oBAAA;CACA,UAAA,WAAA;CACA,UAAA,iBAAA;CACA,UAAA,cAAA;CACA,UAAA,iBAAA;CACA,UAAA,cAAA;CACA,UAAA,UAAA;CACA,UAAA,YAAA;CACA,UAAA,WAAA;CACA,UAAA,iBAAA;CACA,UAAA,YAAA;CACA,UAAA,iBAAA;CACA,UAAA,kBAAA;CACA,UAAA,YAAA;CACA,UAAA,SAAA;CACA,UAAA,WAAA;CACA,UAAA,WAAA;CACA,UAAA,UAAA;CACA,UAAA,WAAA;CACA,UAAA,cAAA;CACA,UAAA,qBAAA;CACA,UAAA,YAAA;CACA,UAAA,eAAA;AACF,EAAA,CAlCY,cAAA,YAAS,CAAA,EAAA"}

package/fesm2022/magmonium-one-label-B30Q4Vut.mjs

@@ -0,0 +1,574 @@
+import { c as TranslatePipe, l as TranslateService, v as HttpService } from "./magmonium-one-size-converter-B-UubQQ0.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Pipe, inject, input } from "@angular/core";
+import { interval } from "rxjs";
+const SECONDS_IN_MINUTE = 60;
+const SECONDS_IN_HOUR = 3600;
+const SECONDS_IN_DAY = 86400;
+const SECONDS_IN_MONTH = 2592e3;
+const SECONDS_IN_YEAR = 31536e3;
+var TimeAgoPipe = class TimeAgoPipe {
+	translateService = inject(TranslateService);
+	cdr = inject(ChangeDetectorRef);
+	timerSubscription = null;
+	lastValue = void 0;
+	transform(value) {
+		if (!value) return "";
+		if (value !== this.lastValue) {
+			this.lastValue = value;
+			this.setupTimer();
+		}
+		const date = typeof value === "string" ? new Date(value) : value;
+		const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - date.getTime()) / 1e3);
+		if (seconds < SECONDS_IN_MINUTE) return this.translateService.translate("just-now");
+		let count;
+		let unit;
+		if (seconds < SECONDS_IN_HOUR) {
+			count = Math.floor(seconds / SECONDS_IN_MINUTE);
+			unit = count === 1 ? "minute" : "minutes";
+		} else if (seconds < SECONDS_IN_DAY) {
+			count = Math.floor(seconds / SECONDS_IN_HOUR);
+			unit = count === 1 ? "hour" : "hours";
+		} else if (seconds < SECONDS_IN_MONTH) {
+			count = Math.floor(seconds / SECONDS_IN_DAY);
+			unit = count === 1 ? "day" : "days";
+		} else if (seconds < SECONDS_IN_YEAR) {
+			count = Math.floor(seconds / SECONDS_IN_MONTH);
+			unit = count === 1 ? "month" : "months";
+		} else {
+			count = Math.floor(seconds / SECONDS_IN_YEAR);
+			unit = count === 1 ? "year" : "years";
+		}
+		return this.translateService.translate(`time-ago?count=${count}&unit=${unit}`);
+	}
+	setupTimer() {
+		this.clearTimer();
+		this.timerSubscription = interval(3e4).subscribe(() => {
+			this.cdr.detectChanges();
+		});
+	}
+	clearTimer() {
+		if (this.timerSubscription) {
+			this.timerSubscription.unsubscribe();
+			this.timerSubscription = null;
+		}
+	}
+	ngOnDestroy() {
+		this.clearTimer();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimeAgoPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TimeAgoPipe,
+		isStandalone: true,
+		name: "timeAgo",
+		pure: false
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TimeAgoPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{
+			name: "timeAgo",
+			pure: false
+		}]
+	}]
+});
+const IN_THRESHOLDS = [
+	{
+		min: 1e7,
+		labelKey: "cr",
+		overflowAt: Infinity
+	},
+	{
+		min: 1e5,
+		labelKey: "l",
+		overflowAt: 100
+	},
+	{
+		min: 1e3,
+		labelKey: "k",
+		overflowAt: 100
+	}
+];
+const INTL_THRESHOLDS = [
+	{
+		min: 0xe8d4a51000,
+		labelKey: "t",
+		overflowAt: Infinity
+	},
+	{
+		min: 1e9,
+		labelKey: "b",
+		overflowAt: 1e3
+	},
+	{
+		min: 1e6,
+		labelKey: "m",
+		overflowAt: 1e3
+	},
+	{
+		min: 1e3,
+		labelKey: "k",
+		overflowAt: 1e3
+	}
+];
+const formatMoney = (value, system) => {
+	const thresholds = system === "IN" ? IN_THRESHOLDS : INTL_THRESHOLDS;
+	for (let i = 0; i < thresholds.length; i++) {
+		const { min, labelKey, overflowAt } = thresholds[i];
+		if (value >= min) {
+			const rounded = parseFloat((value / min).toFixed(1));
+			if (rounded >= overflowAt && i > 0) {
+				const higher = thresholds[i - 1];
+				return {
+					amount: parseFloat((value / higher.min).toFixed(1)).toString(),
+					labelKey: higher.labelKey
+				};
+			}
+			return {
+				amount: rounded.toString(),
+				labelKey
+			};
+		}
+	}
+	return {
+		amount: parseFloat(value.toFixed(2)).toString(),
+		labelKey: ""
+	};
+};
+var MoneyPipe = class MoneyPipe {
+	translateService = inject(TranslateService);
+	transform(value, system = "IN", symbol = "₹", forceSign = false) {
+		if (value == null || isNaN(value)) return "";
+		if (value === 0) return `${symbol}0`;
+		const isNegative = value < 0;
+		const { amount, labelKey } = formatMoney(Math.abs(value), system);
+		const label = labelKey ? ` ${this.translateService.translate(labelKey)}` : "";
+		return `${isNegative ? "-" : forceSign ? "+" : ""}${symbol}${amount}${label}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MoneyPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MoneyPipe,
+		isStandalone: true,
+		name: "money",
+		pure: false
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: MoneyPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{
+			name: "money",
+			pure: false
+		}]
+	}]
+});
+var PercentagePipe = class PercentagePipe {
+	transform(value, decimals = 2, forceSign = false) {
+		if (value == null || isNaN(value)) return "";
+		const digits = Math.max(0, Math.trunc(decimals));
+		const rendered = Math.abs(value).toFixed(digits);
+		return `${value < 0 && Number(rendered) !== 0 ? "-" : forceSign && Number(rendered) !== 0 ? "+" : ""}${rendered}%`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PercentagePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PercentagePipe,
+		isStandalone: true,
+		name: "percentage"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PercentagePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "percentage" }]
+	}]
+});
+var CompactNumberPipe = class CompactNumberPipe {
+	translateService = inject(TranslateService);
+	transform(value, system = "IN", forceSign = false) {
+		if (value == null || isNaN(value)) return "";
+		if (value === 0) return "0";
+		const { amount, labelKey } = formatMoney(Math.abs(value), system);
+		if (Number(amount) === 0) return "0";
+		const label = labelKey ? ` ${this.translateService.translate(labelKey)}` : "";
+		return `${value < 0 ? "-" : forceSign ? "+" : ""}${amount}${label}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: CompactNumberPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: CompactNumberPipe,
+		isStandalone: true,
+		name: "compactNumber",
+		pure: false
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: CompactNumberPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{
+			name: "compactNumber",
+			pure: false
+		}]
+	}]
+});
+var AssetUrlPipe = class AssetUrlPipe {
+	http = inject(HttpService);
+	transform(value) {
+		return this.http.getAssetUrl(value);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AssetUrlPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AssetUrlPipe,
+		isStandalone: true,
+		name: "assetUrl"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AssetUrlPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "assetUrl" }]
+	}]
+});
+const sectionTableColumnId = (column, index) => column.id || String(index);
+const sectionTableColumnWidths = (columns) => columns.map(({ span }) => {
+	if (span == null || !Number.isFinite(span)) return void 0;
+	return `${Math.min(12, Math.max(1, Math.round(span))) * 100 / 12}%`;
+});
+const sectionTableFrozenCount = (columns) => {
+	let last = -1;
+	columns.forEach((column, i) => {
+		if (column.freeze) last = i;
+	});
+	return last + 1;
+};
+const nextSectionTableSort = (current, id, dataType) => current?.id === id ? {
+	id,
+	dataType,
+	direction: current.direction === "asc" ? "desc" : "asc"
+} : {
+	id,
+	dataType,
+	direction: "asc"
+};
+const readPath = (row, path) => path.split(".").reduce((value, key) => value != null && typeof value === "object" ? value[key] : void 0, row);
+const comparable = (value, dataType) => {
+	if (value == null || value === "") return void 0;
+	if (dataType === "number") {
+		const n = typeof value === "number" ? value : Number(value);
+		return Number.isNaN(n) ? void 0 : n;
+	}
+	if (dataType === "date") {
+		const t = value instanceof Date ? value.getTime() : new Date(String(value)).getTime();
+		return Number.isNaN(t) ? void 0 : t;
+	}
+	return String(value).toLocaleLowerCase();
+};
+const sortSectionTableRows = (rows, sort) => {
+	const list = [...rows ?? []];
+	if (!sort) return list;
+	const sign = sort.direction === "asc" ? 1 : -1;
+	return list.map((row, i) => ({
+		row,
+		i,
+		key: comparable(readPath(row, sort.id), sort.dataType)
+	})).sort((a, b) => {
+		if (a.key === void 0 || b.key === void 0) {
+			if (a.key === b.key) return a.i - b.i;
+			return a.key === void 0 ? 1 : -1;
+		}
+		const diff = typeof a.key === "number" && typeof b.key === "number" ? a.key - b.key : String(a.key).localeCompare(String(b.key));
+		return diff === 0 ? a.i - b.i : diff * sign;
+	}).map(({ row }) => row);
+};
+var SectionTableSortPipe = class SectionTableSortPipe {
+	transform(rows, sort) {
+		return sortSectionTableRows(rows, sort);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SectionTableSortPipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SectionTableSortPipe,
+		isStandalone: true,
+		name: "sectionTableSort"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SectionTableSortPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "sectionTableSort" }]
+	}]
+});
+var LabelComponent = class LabelComponent {
+	for = input(...ngDevMode ? [void 0, { debugName: "for" }] : /* istanbul ignore next */ []);
+	placeholder = input(...ngDevMode ? [void 0, { debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	params = input(...ngDevMode ? [void 0, { debugName: "params" }] : /* istanbul ignore next */ []);
+	required = input(...ngDevMode ? [void 0, { debugName: "required" }] : /* istanbul ignore next */ []);
+	disabled = input(...ngDevMode ? [void 0, { debugName: "disabled" }] : /* istanbul ignore next */ []);
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	noTranslate = input(...ngDevMode ? [void 0, { debugName: "noTranslate" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: LabelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: LabelComponent,
+		isStandalone: true,
+		selector: "m-label",
+		inputs: {
+			for: {
+				classPropertyName: "for",
+				publicName: "for",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			params: {
+				classPropertyName: "params",
+				publicName: "params",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			noTranslate: {
+				classPropertyName: "noTranslate",
+				publicName: "noTranslate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <label
+      [class.required]="required()"
+      [class.disabled]="disabled()"
+      [attr.for]="for() || null"
+    >
+      @if (color()) {
+        <span class="label__swatch" [style.background]="color()"></span>
+      }
+      @if (noTranslate()) {
+        {{ placeholder() }}
+      } @else {
+        {{ placeholder() | translate: params() }}
+      }
+    </label>
+  `,
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}label{position:relative;display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));padding-left:var(--m-label-required-space, .75em);font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .8));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 300));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text-secondary));transition:color .2s ease}label.required:before{content:\"*\";position:absolute;left:0;top:0;color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}:host-context(m-text-input:focus-within) label,:host-context(m-textarea-input:focus-within) label,:host-context(m-dropdown-input:focus-within) label,:host-context(m-checkbox:focus-within) label,:host-context(m-radio:focus-within) label{color:var(--m-label-focus-color, var(--m-focus))}\n"],
+		dependencies: [{
+			kind: "pipe",
+			type: TranslatePipe,
+			name: "translate"
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: LabelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-label",
+			template: `
+    <label
+      [class.required]="required()"
+      [class.disabled]="disabled()"
+      [attr.for]="for() || null"
+    >
+      @if (color()) {
+        <span class="label__swatch" [style.background]="color()"></span>
+      }
+      @if (noTranslate()) {
+        {{ placeholder() }}
+      } @else {
+        {{ placeholder() | translate: params() }}
+      }
+    </label>
+  `,
+			imports: [TranslatePipe],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}label{position:relative;display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));padding-left:var(--m-label-required-space, .75em);font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .8));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 300));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text-secondary));transition:color .2s ease}label.required:before{content:\"*\";position:absolute;left:0;top:0;color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}:host-context(m-text-input:focus-within) label,:host-context(m-textarea-input:focus-within) label,:host-context(m-dropdown-input:focus-within) label,:host-context(m-checkbox:focus-within) label,:host-context(m-radio:focus-within) label{color:var(--m-label-focus-color, var(--m-focus))}\n"]
+		}]
+	}],
+	propDecorators: {
+		for: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "for",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		params: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "params",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		noTranslate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "noTranslate",
+				required: false
+			}]
+		}]
+	}
+});
+export { sectionTableColumnWidths as a, AssetUrlPipe as c, MoneyPipe as d, TimeAgoPipe as f, sectionTableColumnId as i, CompactNumberPipe as l, SectionTableSortPipe as n, sectionTableFrozenCount as o, nextSectionTableSort as r, sortSectionTableRows as s, LabelComponent as t, PercentagePipe as u };
+
+//# sourceMappingURL=magmonium-one-label-B30Q4Vut.mjs.map