@magmonium/one 0.4.49 → 0.4.50

package/fesm2022/{magmonium-one-group-Blvejahi.mjs.map → magmonium-one-group-CYIO2BE-.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magmonium-one-group-Blvejahi.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/lib/utils/array.ts","../../../../libs/one/src/lib/shared/ui/button/ui/group/group.ts"],"sourcesContent":["/**\n * Merges multiple arrays and removes duplicates\n * @param arrays - Arrays to merge\n * @returns Merged array with unique values\n */\nexport function mergeUnique<T>(...arrays: T[][]): T[] {\n  return [...new Set(arrays.flat())];\n}\n\n/**\n * Merges arrays of objects and removes duplicates by key\n * @param arrays - Arrays to merge\n * @param key - Property to use for uniqueness check\n * @returns Merged array with unique objects\n */\nexport function mergeUniqueBy<T, K extends keyof T>(\n  arrays: T[][],\n  key: K\n): T[] {\n  const map = new Map<T[K], T>();\n\n  arrays.flat().forEach((item) => {\n    if (!map.has(item[key])) {\n      map.set(item[key], item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n\n/**\n * Merges arrays with custom comparator\n */\nexport function mergeUniqueWith<T>(\n  arrays: T[][],\n  compareFn: (item: T) => unknown\n): T[] {\n  const map = new Map<unknown, T>();\n\n  arrays.flat().forEach((item) => {\n    const key = compareFn(item);\n    if (!map.has(key)) {\n      map.set(key, item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  forwardRef,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Button, ButtonGroup } from '../../type/button';\nimport { ButtonComponent } from '../button';\nimport { ConfigComponent } from '../../../../lib/components/config-component';\nimport { mergeUnique } from '../../../../lib/utils/array';\nimport { ContextMenuComponent, MenuItem } from '../../../menu';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { forkJoin, map, of } from 'rxjs';\nimport { deriveContrastColor } from '../../../../functions/color/operations';\n\nimport { deriveGroupClass } from '../../lib';\nimport {\n  injectParentSize,\n  provideSizeContext,\n} from '../../../../config/size-context.token';\nimport { Size } from '../../../../enum/scaling/size';\nimport {\n  coerceSize,\n  resolveSize,\n} from '../../../../functions/size/size-converter';\n\n@Component({\n  selector: 'm-button-group, m-one-button-group',\n  template: `\n    @if (config(); as group) {\n      <div\n        class=\"button-group {{ classList() }}\"\n        [class.is-context]=\"group.isContext\"\n      >\n        @if (group.isContext) {\n          @if (primaryButton(); as primary) {\n            <m-button\n              [variant]=\"isPrimaryVisible() ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(primary.name)\"\n              [color]=\"group.color\"\n              [config]=\"primary\"\n              [name]=\"primary.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n          @if (secondaryActions(); as actions) {\n            <m-context-menu\n              [config]=\"{\n                icon: {\n                  name: config()?.contextMenuIcon ?? 'ellipsis-vertical',\n                  color: contextMenuIconColor(),\n                },\n                options: actions,\n              }\"\n              [inverted]=\"group.inverted\"\n              [remote]=\"remote() ?? group.remote\"\n              (action)=\"handleMenuAction($event)\"\n            />\n          }\n        } @else {\n          @for (button of mergedButtons(); track $index) {\n            <m-button\n              [variant]=\"isPrimary(button.name) ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(button.name)\"\n              [color]=\"group.color\"\n              [config]=\"button\"\n              [name]=\"button.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n        }\n      </div>\n    }\n  `,\n  imports: [forwardRef(() => ButtonComponent), ContextMenuComponent],\n  styleUrls: ['./group.sass'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    // The one non-Section that may declare a Size, because a cluster of\n    // actions routinely needs to differ from the region holding it (ADR 0008).\n    '[style.font-size]': 'sizeLength()',\n  },\n  providers: [\n    provideSizeContext(ButtonGroupComponent),\n  ],\n})\nexport class ButtonGroupComponent extends ConfigComponent<ButtonGroup> {\n  // to overwrite specific button config\n  buttons = input<Record<string, Partial<Button>>>();\n\n  // to add names\n  names = input<string[]>();\n  exclude = input<string[]>();\n  vertical = input<boolean | undefined>();\n\n  size = input<Size | undefined>();\n\n  private readonly parentSize = injectParentSize();\n\n  readonly resolvedSize = computed<Size>(() =>\n    coerceSize(this.size(), this.config()?.size, this.parentSize?.size())\n  );\n  protected readonly sizeLength = computed(() =>\n    resolveSize(this.resolvedSize())\n  );\n\n  override subFolder = 'button_groups';\n  readonly clicked = output<Button | undefined>();\n\n  protected readonly classList = computed(() => {\n    const base = deriveGroupClass(this.config());\n    if (this.isPrimaryVisible()) {\n      return base.includes('is-primary') ? base : `${base} is-primary`.trim();\n    }\n    return base.replace('is-primary', '').trim();\n  });\n\n  protected readonly isPrimaryVisible = computed(() => {\n    const primary = this.primaryButton();\n    if (!primary) return false;\n    return !!(this.isPrimary(primary.name) || primary.variant === 'primary');\n  });\n\n  protected readonly contextMenuIconColor = computed(() => {\n    if (!this.isPrimaryVisible()) {\n      return undefined;\n    }\n    const oppColor = this.pallet()?.oppositeColor;\n    if (oppColor) {\n      return deriveContrastColor(oppColor);\n    }\n    return 'white';\n  });\n\n  protected readonly mergedNames = computed(() => {\n    const exclude = this.exclude() ?? [];\n    const names = mergeUnique<string>(\n      this.names() ?? [],\n      this.config()?.names ?? []\n    ).filter((name) => !exclude.includes(name));\n    const buttonNames = new Set(this.mergedButtons().map((b) => b.name));\n    return names.filter((name) => !buttonNames.has(name));\n  });\n\n  protected readonly buttonsResource = rxResource({\n    params: () => {\n      const config = this.config();\n      if (!config?.isContext) return undefined;\n\n      const namesFromAsset = config.names ?? [];\n      const buttonNamesFromAsset = config.buttons?.map((b) => b.name) ?? [];\n      const manualNames = this.names() ?? [];\n\n      const allNames = mergeUnique<string>(\n        manualNames,\n        mergeUnique<string>(namesFromAsset, buttonNamesFromAsset as string[])\n      );\n\n      if (allNames.length === 0) return undefined;\n\n      return { names: allNames, isOne: this.isFromOne() };\n    },\n    stream: ({ params }) => {\n      if (!params) return of([]);\n      return forkJoin(\n        params.names.map((name) =>\n          this.assetStore\n            .resolve<Button>('buttons', name, params.isOne)\n            .pipe(map((button) => ({ ...button, name })))\n        )\n      );\n    },\n  });\n\n  protected readonly mergedButtons = computed(() => {\n    const config = this.config();\n    const buttonOverrides = this.buttons();\n    const exclude = this.exclude() ?? [];\n\n    // If isContext is true, we use the resolved buttons from the resource\n    // Otherwise we use buttons from config, and also include names as partial buttons\n    const yamlButtons = (\n      config?.isContext\n        ? (this.buttonsResource.value() ?? [])\n        : [\n            ...(config?.buttons ?? []),\n            ...(config?.names?.map((name) => ({ name }) as Button) ?? []),\n          ]\n    ).map((b) => (typeof b === 'string' ? ({ name: b } as Button) : b));\n\n    const merged = yamlButtons\n      .filter((b) => !b.name || !exclude.includes(b.name))\n      .map((button) => ({\n        ...button,\n        ...(button.name && buttonOverrides?.[button.name]\n          ? buttonOverrides[button.name]\n          : {}),\n      }));\n\n    if (!buttonOverrides) {\n      return merged;\n    }\n\n    const yamlNames = new Set(yamlButtons.map((b) => b.name));\n    const configNames = new Set(config?.names ?? []);\n    const extra = Object.entries(buttonOverrides)\n      .filter(\n        ([name]) =>\n          !yamlNames.has(name) &&\n          !configNames.has(name) &&\n          !exclude.includes(name)\n      )\n      .map(([name, override]) => ({ name, ...override }) as Button);\n\n    return [...merged, ...extra];\n  });\n\n  protected readonly primaryButton = computed(() => {\n    const buttons = this.mergedButtons();\n    const primaryName = this.config()?.primary;\n    if (!primaryName) return buttons[0];\n    return buttons.find((b) => b.name === primaryName) ?? buttons[0];\n  });\n\n  protected readonly secondaryActions = computed<MenuItem[][] | undefined>(\n    () => {\n      const primary = this.primaryButton();\n      const secondary = this.mergedButtons().filter((b) => b !== primary);\n\n      if (secondary.length === 0) return undefined;\n\n      const items: MenuItem[] = secondary.map((b) => ({\n        id: b.name ?? '',\n        label: b.label ?? b.name ?? '',\n        icon: b.icon,\n        nav: b.nav,\n        link: b.href,\n        disabled: b.disabled ? true : undefined,\n      }));\n\n      return [items];\n    }\n  );\n\n  constructor() {\n    super();\n    effect(this.updateProperty);\n  }\n\n  isPrimary(name?: string): true | undefined {\n    const config = this.config();\n    if (!config?.primary || !name) {\n      return undefined;\n    }\n    return name === config.primary ? true : undefined;\n  }\n\n  isDisabled(name?: string): boolean | undefined {\n    if (!name) return undefined;\n    const buttonOverride = this.buttons()?.[name];\n    if (typeof buttonOverride?.disabled !== 'undefined') {\n      return buttonOverride.disabled;\n    }\n    const config = this.config();\n    if (!config?.disabled) return undefined;\n    return config.disabled[name];\n  }\n\n  protected handleMenuAction(item: MenuItem) {\n    const button = this.mergedButtons().find((b) => b.name === item.id);\n    this.clicked.emit(button);\n  }\n\n  private readonly updateProperty = (): void => {\n    const updatedConfig = <ButtonGroup>{};\n    const vertical = this.vertical();\n    if (typeof vertical !== 'undefined') {\n      updatedConfig.vertical = vertical;\n    }\n    this.config.update((prev) => ({\n      ...(prev ?? {}),\n      ...updatedConfig,\n    }));\n  };\n\n}\n"],"mappings":"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"}
+{"version":3,"file":"magmonium-one-group-CYIO2BE-.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/lib/utils/array.ts","../../../../libs/one/src/lib/shared/ui/button/ui/group/group.ts"],"sourcesContent":["/**\n * Merges multiple arrays and removes duplicates\n * @param arrays - Arrays to merge\n * @returns Merged array with unique values\n */\nexport function mergeUnique<T>(...arrays: T[][]): T[] {\n  return [...new Set(arrays.flat())];\n}\n\n/**\n * Merges arrays of objects and removes duplicates by key\n * @param arrays - Arrays to merge\n * @param key - Property to use for uniqueness check\n * @returns Merged array with unique objects\n */\nexport function mergeUniqueBy<T, K extends keyof T>(\n  arrays: T[][],\n  key: K\n): T[] {\n  const map = new Map<T[K], T>();\n\n  arrays.flat().forEach((item) => {\n    if (!map.has(item[key])) {\n      map.set(item[key], item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n\n/**\n * Merges arrays with custom comparator\n */\nexport function mergeUniqueWith<T>(\n  arrays: T[][],\n  compareFn: (item: T) => unknown\n): T[] {\n  const map = new Map<unknown, T>();\n\n  arrays.flat().forEach((item) => {\n    const key = compareFn(item);\n    if (!map.has(key)) {\n      map.set(key, item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  forwardRef,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Button, ButtonGroup } from '../../type/button';\nimport { ButtonComponent } from '../button';\nimport { ConfigComponent } from '../../../../lib/components/config-component';\nimport { mergeUnique } from '../../../../lib/utils/array';\nimport { ContextMenuComponent, MenuItem } from '../../../menu';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { forkJoin, map, of } from 'rxjs';\nimport { deriveContrastColor } from '../../../../functions/color/operations';\n\nimport { deriveGroupClass } from '../../lib';\nimport {\n  injectParentSize,\n  provideSizeContext,\n} from '../../../../config/size-context.token';\nimport { Size } from '../../../../enum/scaling/size';\nimport {\n  coerceSize,\n  resolveSize,\n} from '../../../../functions/size/size-converter';\n\n@Component({\n  selector: 'm-button-group, m-one-button-group',\n  template: `\n    @if (config(); as group) {\n      <div\n        class=\"button-group {{ classList() }}\"\n        [class.is-context]=\"group.isContext\"\n      >\n        @if (group.isContext) {\n          @if (primaryButton(); as primary) {\n            <m-button\n              [variant]=\"isPrimaryVisible() ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(primary.name)\"\n              [color]=\"group.color\"\n              [config]=\"primary\"\n              [name]=\"primary.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n          @if (secondaryActions(); as actions) {\n            <m-context-menu\n              [config]=\"{\n                icon: {\n                  name: config()?.contextMenuIcon ?? 'ellipsis-vertical',\n                  color: contextMenuIconColor(),\n                },\n                options: actions,\n              }\"\n              [inverted]=\"group.inverted\"\n              [remote]=\"remote() ?? group.remote\"\n              (action)=\"handleMenuAction($event)\"\n            />\n          }\n        } @else {\n          @for (button of mergedButtons(); track $index) {\n            <m-button\n              [variant]=\"isPrimary(button.name) ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(button.name)\"\n              [color]=\"group.color\"\n              [config]=\"button\"\n              [name]=\"button.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n        }\n      </div>\n    }\n  `,\n  imports: [forwardRef(() => ButtonComponent), ContextMenuComponent],\n  styleUrls: ['./group.sass'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    // The one non-Section that may declare a Size, because a cluster of\n    // actions routinely needs to differ from the region holding it (ADR 0008).\n    '[style.font-size]': 'sizeLength()',\n  },\n  providers: [\n    provideSizeContext(ButtonGroupComponent),\n  ],\n})\nexport class ButtonGroupComponent extends ConfigComponent<ButtonGroup> {\n  // to overwrite specific button config\n  buttons = input<Record<string, Partial<Button>>>();\n\n  // to add names\n  names = input<string[]>();\n  exclude = input<string[]>();\n  vertical = input<boolean | undefined>();\n\n  size = input<Size | undefined>();\n\n  private readonly parentSize = injectParentSize();\n\n  readonly resolvedSize = computed<Size>(() =>\n    coerceSize(this.size(), this.config()?.size, this.parentSize?.size())\n  );\n  protected readonly sizeLength = computed(() =>\n    resolveSize(this.resolvedSize())\n  );\n\n  override subFolder = 'button_groups';\n  readonly clicked = output<Button | undefined>();\n\n  protected readonly classList = computed(() => {\n    const base = deriveGroupClass(this.config());\n    if (this.isPrimaryVisible()) {\n      return base.includes('is-primary') ? base : `${base} is-primary`.trim();\n    }\n    return base.replace('is-primary', '').trim();\n  });\n\n  protected readonly isPrimaryVisible = computed(() => {\n    const primary = this.primaryButton();\n    if (!primary) return false;\n    return !!(this.isPrimary(primary.name) || primary.variant === 'primary');\n  });\n\n  protected readonly contextMenuIconColor = computed(() => {\n    if (!this.isPrimaryVisible()) {\n      return undefined;\n    }\n    const oppColor = this.pallet()?.oppositeColor;\n    if (oppColor) {\n      return deriveContrastColor(oppColor);\n    }\n    return 'white';\n  });\n\n  protected readonly mergedNames = computed(() => {\n    const exclude = this.exclude() ?? [];\n    const names = mergeUnique<string>(\n      this.names() ?? [],\n      this.config()?.names ?? []\n    ).filter((name) => !exclude.includes(name));\n    const buttonNames = new Set(this.mergedButtons().map((b) => b.name));\n    return names.filter((name) => !buttonNames.has(name));\n  });\n\n  protected readonly buttonsResource = rxResource({\n    params: () => {\n      const config = this.config();\n      if (!config?.isContext) return undefined;\n\n      const namesFromAsset = config.names ?? [];\n      const buttonNamesFromAsset = config.buttons?.map((b) => b.name) ?? [];\n      const manualNames = this.names() ?? [];\n\n      const allNames = mergeUnique<string>(\n        manualNames,\n        mergeUnique<string>(namesFromAsset, buttonNamesFromAsset as string[])\n      );\n\n      if (allNames.length === 0) return undefined;\n\n      return { names: allNames, isOne: this.isFromOne() };\n    },\n    stream: ({ params }) => {\n      if (!params) return of([]);\n      return forkJoin(\n        params.names.map((name) =>\n          this.assetStore\n            .resolve<Button>('buttons', name, params.isOne)\n            .pipe(map((button) => ({ ...button, name })))\n        )\n      );\n    },\n  });\n\n  protected readonly mergedButtons = computed(() => {\n    const config = this.config();\n    const buttonOverrides = this.buttons();\n    const exclude = this.exclude() ?? [];\n\n    // If isContext is true, we use the resolved buttons from the resource\n    // Otherwise we use buttons from config, and also include names as partial buttons\n    const yamlButtons = (\n      config?.isContext\n        ? (this.buttonsResource.value() ?? [])\n        : [\n            ...(config?.buttons ?? []),\n            ...(config?.names?.map((name) => ({ name }) as Button) ?? []),\n          ]\n    ).map((b) => (typeof b === 'string' ? ({ name: b } as Button) : b));\n\n    const merged = yamlButtons\n      .filter((b) => !b.name || !exclude.includes(b.name))\n      .map((button) => ({\n        ...button,\n        ...(button.name && buttonOverrides?.[button.name]\n          ? buttonOverrides[button.name]\n          : {}),\n      }));\n\n    if (!buttonOverrides) {\n      return merged;\n    }\n\n    const yamlNames = new Set(yamlButtons.map((b) => b.name));\n    const configNames = new Set(config?.names ?? []);\n    const extra = Object.entries(buttonOverrides)\n      .filter(\n        ([name]) =>\n          !yamlNames.has(name) &&\n          !configNames.has(name) &&\n          !exclude.includes(name)\n      )\n      .map(([name, override]) => ({ name, ...override }) as Button);\n\n    return [...merged, ...extra];\n  });\n\n  protected readonly primaryButton = computed(() => {\n    const buttons = this.mergedButtons();\n    const primaryName = this.config()?.primary;\n    if (!primaryName) return buttons[0];\n    return buttons.find((b) => b.name === primaryName) ?? buttons[0];\n  });\n\n  protected readonly secondaryActions = computed<MenuItem[][] | undefined>(\n    () => {\n      const primary = this.primaryButton();\n      const secondary = this.mergedButtons().filter((b) => b !== primary);\n\n      if (secondary.length === 0) return undefined;\n\n      const items: MenuItem[] = secondary.map((b) => ({\n        id: b.name ?? '',\n        label: b.label ?? b.name ?? '',\n        icon: b.icon,\n        nav: b.nav,\n        link: b.href,\n        disabled: b.disabled ? true : undefined,\n      }));\n\n      return [items];\n    }\n  );\n\n  constructor() {\n    super();\n    effect(this.updateProperty);\n  }\n\n  isPrimary(name?: string): true | undefined {\n    const config = this.config();\n    if (!config?.primary || !name) {\n      return undefined;\n    }\n    return name === config.primary ? true : undefined;\n  }\n\n  isDisabled(name?: string): boolean | undefined {\n    if (!name) return undefined;\n    const buttonOverride = this.buttons()?.[name];\n    if (typeof buttonOverride?.disabled !== 'undefined') {\n      return buttonOverride.disabled;\n    }\n    const config = this.config();\n    if (!config?.disabled) return undefined;\n    return config.disabled[name];\n  }\n\n  protected handleMenuAction(item: MenuItem) {\n    const button = this.mergedButtons().find((b) => b.name === item.id);\n    this.clicked.emit(button);\n  }\n\n  private readonly updateProperty = (): void => {\n    const updatedConfig = <ButtonGroup>{};\n    const vertical = this.vertical();\n    if (typeof vertical !== 'undefined') {\n      updatedConfig.vertical = vertical;\n    }\n    this.config.update((prev) => ({\n      ...(prev ?? {}),\n      ...updatedConfig,\n    }));\n  };\n\n}\n"],"mappings":"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"}

package/fesm2022/{magmonium-one-header-qoXWebFN.mjs → magmonium-one-header-7MmiF2rG.mjs}

@@ -1,6 +1,6 @@
-import { i as resolveSize, l as TranslateService } from "./magmonium-one-size-converter-DFIowQHO.mjs";
-import { a as SIZE_CONTEXT, r as IconComponent } from "./magmonium-one-icon-Ce44a1mo.mjs";
-import { t as ButtonComponent } from "./magmonium-one-button-BKGxIBhw.mjs";
+import { f as escapeHtml, i as resolveSize, l as TranslateService, p as miniMarkInlineToHtml } from "./magmonium-one-size-converter-BalJd7VH.mjs";
+import { a as SIZE_CONTEXT, r as IconComponent } from "./magmonium-one-icon-DR7LgBc3.mjs";
+import { t as ButtonComponent } from "./magmonium-one-button-CJ1Gaaw-.mjs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, computed, inject, input, output } from "@angular/core";
 var HeaderComponent = class HeaderComponent {
@@ -25,7 +25,7 @@ var HeaderComponent = class HeaderComponent {
 			variant: "ghost"
 		};
 	}, ...ngDevMode ? [{ debugName: "actionConfig" }] : /* istanbul ignore next */ []);
-	text = computed(() => this.noTranslate() ? this.label() ?? "" : this.translateService.translate(this.label(), this.params()), ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	html = computed(() => this.noTranslate() ? escapeHtml(this.label() ?? "") : miniMarkInlineToHtml(this.translateService.translate(this.label(), this.params())), ...ngDevMode ? [{ debugName: "html" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -100,7 +100,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -112,7 +112,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -124,7 +124,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -136,7 +136,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -148,7 +148,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -160,7 +160,7 @@ var HeaderComponent = class HeaderComponent {
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -240,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -252,7 +252,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -264,7 +264,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -276,7 +276,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -288,7 +288,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -300,7 +300,7 @@ i0.ɵɵngDeclareClassMetadata({
           @if (icon(); as iconName) {
             <m-icon class="header__icon" [name]="iconName" />
           }
-          <span>{{ text() }}</span>
+          <span [innerHTML]="html()"></span>
           <ng-content />
           @if (actionConfig(); as action) {
             <m-button class="header__action" [config]="action" [style.--m-button-size]="actionSize()" (clicked)="actionClick.emit()" />
@@ -378,4 +378,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { HeaderComponent as t };
 
-//# sourceMappingURL=magmonium-one-header-qoXWebFN.mjs.map
+//# sourceMappingURL=magmonium-one-header-7MmiF2rG.mjs.map

package/fesm2022/magmonium-one-header-7MmiF2rG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-header-7MmiF2rG.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/header/ui/header.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { TranslateService } from '../../../services/translate';\nimport { HeaderLevel } from '../type/header';\nimport { ButtonComponent } from '../../button/ui/button';\nimport { IconComponent } from '../../icon';\nimport { Button } from '../../button/type/button';\nimport { SIZE_CONTEXT } from '../../../config/size-context.token';\nimport { resolveSize } from '../../../functions/size/size-converter';\nimport { escapeHtml, miniMarkInlineToHtml } from '../../../functions/text';\n\n@Component({\n  selector: 'm-header',\n  imports: [ButtonComponent, IconComponent],\n  template: `\n    @switch (level()) {\n      @case (1) {\n        <h1 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h1>\n      }\n      @case (2) {\n        <h2 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h2>\n      }\n      @case (3) {\n        <h3 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h3>\n      }\n      @case (4) {\n        <h4 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h4>\n      }\n      @case (5) {\n        <h5 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h5>\n      }\n      @case (6) {\n        <h6 class=\"header__heading\">\n          @if (icon(); as iconName) {\n            <m-icon class=\"header__icon\" [name]=\"iconName\" />\n          }\n          <span [innerHTML]=\"html()\"></span>\n          <ng-content />\n          @if (actionConfig(); as action) {\n            <m-button class=\"header__action\" [config]=\"action\" [style.--m-button-size]=\"actionSize()\" (clicked)=\"actionClick.emit()\" />\n          }\n        </h6>\n      }\n    }\n  `,\n  styleUrl: './header.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderComponent {\n  readonly level = input<HeaderLevel>(3);\n  readonly label = input<string | undefined>();\n  // Drawn inside the heading rather than beside it. A glyph placed as the\n  // heading's sibling has no line box of its own to centre against — it ends\n  // up centred on whatever column it sits next to, which is how a Canvas\n  // header's icon came to line up with the label slot's drop rect instead of\n  // with the label. Inside, the two share one line box at every level.\n  readonly icon = input<string | undefined>();\n  readonly actionButton = input<string | undefined>();\n  // The action Button's accessible name. It renders icon-only, so the label is\n  // the only thing a screen reader has to go on — without it the button reads\n  // as nothing at all.\n  readonly actionLabel = input<string | undefined>();\n  // The label is authored text rather than a translation key. Needed for text\n  // carrying angle brackets above all: `translate` reads `<...>` as link\n  // markup, so a heading naming a MessageVariable — `<$app>` — resolves to\n  // nothing at all rather than to itself.\n  readonly noTranslate = input<boolean>(false);\n  // A message's [MessageVariable] values, the same record `m-text-output`\n  // takes: a heading naming `<$count>` is a sentence with a datum in it, and\n  // splicing that datum into the key instead would be parsed as a query\n  // string (m-one-ui ADR 0066).\n  readonly params = input<Record<string, string> | undefined>(undefined);\n  readonly actionClick = output<void>();\n\n  private readonly translateService = inject(TranslateService);\n  private readonly sizeContext = inject(SIZE_CONTEXT, { optional: true });\n\n  // The action Button sits inside the heading, whose font-size is the level's\n  // own — 2.25rem at h1 — so `em` inheritance would scale the Button to the\n  // heading rather than to the Section it belongs to. It reads the Size in\n  // force instead, the way Icon does, and lands at the same size as every\n  // other Button on that Section (ADR 0008).\n  protected readonly actionSize = computed(() =>\n    resolveSize(this.sizeContext?.size())\n  );\n\n  protected readonly actionConfig = computed<Button | undefined>(() => {\n    const icon = this.actionButton();\n    if (!icon) return undefined;\n    return {\n      icon,\n      label: this.actionLabel(),\n      iconOnly: true,\n      variant: 'ghost',\n    };\n  });\n\n  // A computed rather than the impure TranslatePipe repeated six times: one\n  // lookup per label change instead of one per change-detection tick, and it\n  // still repaints when the language or an in-memory translation moves.\n  // A translation renders MiniMark's inline rules, so `Uninstall **<$app>**`\n  // bolds the App's name the way `m-text-output` would. Authored text stays\n  // literal: it names identifiers, and `__init__` must not turn bold.\n  protected readonly html = computed(() =>\n    this.noTranslate()\n      ? escapeHtml(this.label() ?? '')\n      : miniMarkInlineToHtml(\n          this.translateService.translate(this.label(), this.params())\n        )\n  );\n}\n"],"mappings":"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"}

package/fesm2022/{magmonium-one-icon-Ce44a1mo.mjs → magmonium-one-icon-DR7LgBc3.mjs}

@@ -1,6 +1,6 @@
-import { B as ICON_SOURCE, p as AssetStore, r as resolveIconSize, v as HttpService } from "./magmonium-one-size-converter-DFIowQHO.mjs";
-import { T as logoGlyphMaskUrl, h as APP_LOGO_SOURCE, m as ThemeStore, t as applyColorsToElement } from "./magmonium-one-color-utl-DklqRa3m.mjs";
-import "./magmonium-one-theme-DPBeYB-G.mjs";
+import { H as ICON_SOURCE, b as HttpService, h as AssetStore, r as resolveIconSize } from "./magmonium-one-size-converter-BalJd7VH.mjs";
+import { T as logoGlyphMaskUrl, h as APP_LOGO_SOURCE, m as ThemeStore, t as applyColorsToElement } from "./magmonium-one-color-utl-td5Lij8L.mjs";
+import "./magmonium-one-theme-CYT4pn5X.mjs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ElementRef, HostListener, InjectionToken, booleanAttribute, computed, effect, inject, input, model, untracked } from "@angular/core";
 import { of } from "rxjs";
@@ -902,4 +902,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { SIZE_CONTEXT as a, SHARED_ICONS as c, APP_LOGO_ICON as i, CustomIconClass as n, injectParentSize as o, IconComponent as r, provideSizeContext as s, CustomIconEditComponent as t };
 
-//# sourceMappingURL=magmonium-one-icon-Ce44a1mo.mjs.map
+//# sourceMappingURL=magmonium-one-icon-DR7LgBc3.mjs.map

package/fesm2022/{magmonium-one-icon-Ce44a1mo.mjs.map → magmonium-one-icon-DR7LgBc3.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magmonium-one-icon-Ce44a1mo.mjs","names":["catchError"],"sources":["../../../../libs/one/src/lib/shared/ui/icon/type/magmonium.ts","../../../../libs/one/src/lib/shared/ui/icon/model/shared-icons.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/lib-icon.ts","../../../../libs/one/src/lib/shared/config/size-context.token.ts","../../../../libs/one/src/lib/shared/lib/app-identity/app-logo-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/icon.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon-edit.ts"],"sourcesContent":["export const MAGMONIUM = `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-15 -15 120 165\">\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M5 5 L5 65 L85 65 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M85 5 L5 65 L85 65 Z\" />\n        </g>\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M5 70 L85 70 L5 130 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M85 70 L5 70 L85 130 Z\" />\n        </g>\n      </svg>\n  `;\n","// AUTO-GENERATED by assets:compile — do not edit manually\nexport const SHARED_ICONS = [\n  'accordion_chevron',\n  'account_balance_wallet',\n  'activity',\n  'add-image',\n  'adjust',\n  'alert-circle',\n  'analytics',\n  'apps',\n  'arrow-down',\n  'arrow-left',\n  'arrow-left-right',\n  'arrow-right',\n  'arrow-up',\n  'arrow_back',\n  'bell',\n  'bold',\n  'books',\n  'calendar',\n  'calendar-open',\n  'camera',\n  'chat',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'chevron_left',\n  'chevrons-down',\n  'chevrons-left',\n  'chevrons-right',\n  'chevrons-up',\n  'clipboard',\n  'code',\n  'coins',\n  'color-picker',\n  'copy',\n  'copyright',\n  'corner-left-up',\n  'currency_exchange',\n  'dot',\n  'download',\n  'ellipsis-vertical',\n  'exclamation-triangle',\n  'eye',\n  'eye_close',\n  'file-code',\n  'file-data',\n  'file-image',\n  'file-markup',\n  'file-style',\n  'file-text',\n  'fixed',\n  'flower',\n  'folder',\n  'games',\n  'gear',\n  'heading',\n  'heart',\n  'heart_filled',\n  'help',\n  'hero',\n  'info',\n  'install',\n  'instrument',\n  'investments',\n  'italic',\n  'language',\n  'layers',\n  'layouts',\n  'link',\n  'link-broken',\n  'list',\n  'loading',\n  'loading-bars',\n  'loading-dots',\n  'loading-logo',\n  'loading-pulse',\n  'location',\n  'lock',\n  'logo',\n  'magazines',\n  'mail',\n  'menu',\n  'mic',\n  'minus',\n  'monitor',\n  'more',\n  'notification',\n  'notification_off',\n  'open',\n  'pause',\n  'pencil',\n  'play',\n  'plus',\n  'posts',\n  'quote',\n  'redo',\n  'reload',\n  'reset',\n  'save',\n  'scissors',\n  'search',\n  'section',\n  'security',\n  'settings',\n  'shield',\n  'smartphone',\n  'sort-alpha-asc',\n  'sort-alpha-desc',\n  'sparkles',\n  'square',\n  'star',\n  'store',\n  'strategies',\n  'strikethrough',\n  'sun',\n  'table',\n  'tablet',\n  'target',\n  'theme',\n  'trash',\n  'trash-2',\n  'trending-down',\n  'trending-up',\n  'undo',\n  'user',\n  'users',\n  'wallet_manager',\n  'wallet_owner',\n  'wallet_shareholder',\n  'wand',\n  'wifi',\n  'wrench',\n  'x',\n  'zap',\n];\n","import { Icon, MAGMONIUM } from '../type/icon';\nimport { ElementRef } from '@angular/core';\nimport { SHARED_ICONS } from '../model/shared-icons';\nexport { SHARED_ICONS };\n\nexport function isOneIcon(element: ElementRef<HTMLElement>, config?: Icon) {\n  if (typeof config?.one !== 'undefined') {\n    return !!config.one;\n  }\n\n  // cast SHARED_ICONS to a generic string array for runtime includes check\n  if (config?.name && (SHARED_ICONS as readonly string[]).includes(config.name)) {\n    return true;\n  }\n\n  const tagName = element.nativeElement.tagName;\n  return tagName === 'M-ONE-ICON';\n}\n\nfunction textToSvg(str = MAGMONIUM, color: string): string {\n  if (typeof str !== 'string') return str as unknown as string;\n  return str.replace(/#color/g, color).replace(/currentColor/g, color);\n}\n\nexport function svgElementFromString(str: string, color: string): SVGElement {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(textToSvg(str, color), 'image/svg+xml');\n  const svg = doc.documentElement;\n\n  if (svg && svg.nodeName === 'svg') {\n    return svg as unknown as SVGElement;\n  }\n\n  const errorSvg = parser.parseFromString(textToSvg(MAGMONIUM, color), 'image/svg+xml');\n  return errorSvg.documentElement as unknown as SVGElement;\n}\n","import { inject, InjectionToken, Provider, Signal, Type } from '@angular/core';\nimport { Size } from '../enum/scaling/size';\n\n/**\n * The Size in force for a subtree. Provided by the only components that may\n * declare one — Section, ButtonGroup, and the markup-composed SectionButtonGroup\n * (the last two are one seat, ADR 0008) — and injected `{ optional: true }` by\n * each of them (so a declarer falls back to the nearest one above it) and by\n * the few primitives whose size is a box dimension rather than a font size.\n *\n * Most components need nothing: a declarer also sets `font-size` on its own\n * host, so anything measured in `em` follows through ordinary CSS inheritance.\n * The token exists for what inheritance cannot do — a ButtonGroup or\n * SectionButtonGroup overriding its Section, and Icon sizing a square glyph.\n * See ADR 0008.\n */\nexport interface SizeContext {\n  readonly size: Signal<Size>;\n}\n\nexport const SIZE_CONTEXT = new InjectionToken<SizeContext>('SIZE_CONTEXT');\n\nexport interface SizeDeclarer {\n  readonly resolvedSize: Signal<Size>;\n}\n\n/**\n * Publishes a declarer's resolved Size to its subtree. Goes in `providers` and\n * never `viewProviders`: a Section's Cols and a ButtonGroup's Buttons are\n * projected content, which only `providers` reaches.\n */\nexport function provideSizeContext(\n  declarer: Type<SizeDeclarer>\n): Provider {\n  return {\n    provide: SIZE_CONTEXT,\n    useFactory: (): SizeContext => ({ size: inject(declarer).resolvedSize }),\n  };\n}\n\n/**\n * The Size in force above a declarer. `skipSelf` because a declarer provides\n * SIZE_CONTEXT itself, and injecting its own provider would be circular — what\n * it wants is the nearest declarer *above* it, so that a Section with no Size\n * of its own takes its parent Section's and a ButtonGroup takes its Section's.\n */\nexport function injectParentSize(): SizeContext | null {\n  return inject(SIZE_CONTEXT, { optional: true, skipSelf: true });\n}\n","/**\n * The reserved icon name that draws the running app's own AppLogo as a glyph\n * (GLOSSARY.md AppLogoIcon). Never an IconAsset or a file in `icons/`: `m-icon`\n * reads it from APP_LOGO_SOURCE instead of fetching anything. Its own file so\n * codegen can read it without Angular.\n */\nexport const APP_LOGO_ICON = 'app_logo';\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  untracked,\n} from '@angular/core';\nimport { Icon, MAGMONIUM } from '../type/icon';\nimport { isOneIcon, svgElementFromString } from '../lib/lib-icon';\nimport { SIZE_CONTEXT } from '../../../config/size-context.token';\nimport { resolveIconSize } from '../../../functions/size/size-converter';\nimport { AssetStore } from '../../../stores/asset.store';\nimport { HttpService } from '../../../services/http';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { catchError } from 'rxjs/operators';\nimport { of } from 'rxjs';\nimport { applyColorsToElement, ThemeStore } from '../../../lib/theme';\nimport { ICON_SOURCE } from '../../../config/tokens';\nimport { APP_LOGO_ICON } from '../../../lib/app-identity/app-logo-icon';\nimport {\n  APP_LOGO_SOURCE,\n  AppLogoSource,\n} from '../../../lib/app-identity/app-logo-source';\nimport { logoGlyphMaskUrl } from '../../../lib/app-identity/logo-glyph';\n\n@Component({\n  selector: 'm-icon, m-one-icon',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./icon.sass'],\n  host: {\n    '[class.has-color]': 'resolvedConfig()?.color',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  // Kept for the callers that hand an Icon a whole object rather than write it\n  // out — a Button naming its own glyph, a SectionFormItem passing a Field's.\n  config = model<Icon | undefined>(undefined);\n\n  // `name` is the SVG's filename in `mag_assets/icons/`, not a config asset:\n  // an Icon resolves artwork, so it is the one primitive whose name points at\n  // a picture rather than at a description of itself (ADR 0010). `size` is a\n  // free length (number → em), not a Size — Size stays on Section / ButtonGroup\n  // (ADR 0008); set here only to overwrite the box SIZE_CONTEXT would give.\n  readonly name = input<string | undefined>();\n  readonly color = input<string | undefined>();\n  readonly size = input<number | string | undefined>();\n  readonly one = input<boolean | undefined>();\n  readonly baseUrl = input<string | undefined>();\n  readonly remote = input<string | undefined>();\n  readonly shadow = input<boolean | undefined, unknown>(undefined, {\n    transform: booleanAttribute,\n  });\n\n  // Attributes win over the bound object, and an omitted one leaves the\n  // object's key standing rather than blanking it.\n  protected readonly resolvedConfig = computed<Icon | undefined>(() => {\n    const config = this.config();\n    const overrides: Icon = {};\n    const name = this.name();\n    if (name !== undefined) overrides.name = name;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const one = this.one();\n    if (one !== undefined) overrides.one = one;\n    const baseUrl = this.baseUrl();\n    if (baseUrl !== undefined) overrides.baseUrl = baseUrl;\n    const remote = this.remote();\n    if (remote !== undefined) overrides.remote = remote;\n    const shadow = this.shadow();\n    if (shadow !== undefined) overrides.shadow = shadow;\n    if (!config && !Object.keys(overrides).length) return undefined;\n    return { ...config, ...overrides };\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  // Icon sizes a square glyph through width/height, which no amount of\n  // inherited font-size can set — so it is one of the few primitives that\n  // reads the Size in force directly (ADR 0008).\n  private readonly sizeContext = inject(SIZE_CONTEXT, { optional: true });\n  private readonly assetStore = inject(AssetStore);\n  private readonly http = inject(HttpService);\n  private currentSvgElement: Element | null = null;\n  private readonly themeStore = inject(ThemeStore);\n  private readonly isOneIcon = computed(() =>\n    isOneIcon(this.elementRef, this.resolvedConfig())\n  );\n  private readonly remoteBaseUrl = computed<string | undefined>(() => {\n    const remoteId = this.resolvedConfig()?.remote;\n    return remoteId ? this.http.buildWcAssetBaseUrl(remoteId) : undefined;\n  });\n\n  // Icons supplied by name from memory (e.g. a visual editor's unsaved glyphs).\n  // Read as a signal rather than through the resource below so that changing the\n  // markup under an unchanged name repaints every icon already using it.\n  private readonly iconSource = inject(ICON_SOURCE, { optional: true });\n  private readonly inlineSvg = computed(() => {\n    const name = this.resolvedConfig()?.name;\n    return name ? this.iconSource?.()?.[name] : undefined;\n  });\n\n  // `app_logo` draws the running app's own AppLogo (GLOSSARY.md AppLogoIcon):\n  // nothing to fetch, and the LogoGlyph is painted through a mask rather than\n  // inserted, so its markup never reaches the page (nx ADR 0007).\n  private readonly appLogoSource = inject(APP_LOGO_SOURCE);\n  private readonly appLogo = computed(() =>\n    this.resolvedConfig()?.name === APP_LOGO_ICON\n      ? this.appLogoSource() ?? {}\n      : undefined\n  );\n\n  private readonly text = rxResource({\n    params: computed(\n      () => ({\n        name: this.resolvedConfig()?.name,\n        isOneIcon: untracked(() => this.isOneIcon()),\n        remoteBaseUrl: this.remoteBaseUrl(),\n      }),\n      { equal: (a, b) => a?.name === b?.name && a?.remoteBaseUrl === b?.remoteBaseUrl }\n    ),\n    stream: ({ params: { name, isOneIcon, remoteBaseUrl } }) => {\n      if (name === APP_LOGO_ICON) return of(undefined);\n      if (!name) return untracked(() =>\n        this.assetStore.resolve<string>('icons', 'logo', true).pipe(catchError(() => of(MAGMONIUM)))\n      );\n      // Skips the request entirely for an in-memory glyph — there is no asset\n      // behind it, so fetching only ever produces a 404 and the fallback logo.\n      const inline = untracked(() => this.inlineSvg());\n      if (inline) return of(inline);\n      return untracked(() =>\n        this.assetStore\n          .resolve<string>('icons', name, isOneIcon, remoteBaseUrl)\n          .pipe(catchError(() => of(MAGMONIUM)))\n      );\n    },\n  });\n\n  private readonly pallet = computed(() =>\n    applyColorsToElement(\n      this.resolvedConfig()?.color ?? this.themeStore.color()?.mm ?? '#fff',\n      this.themeStore.color(),\n      this.elementRef.nativeElement\n    )\n  );\n\n  constructor() {\n    effect(this.updateElement);\n    effect(this.applySize);\n    effect(this.applyShadow);\n  }\n\n  // On the host, not the glyph: a filter on the masked AppLogoIcon would be\n  // clipped by its own mask. Sized off the icon box so it scales with it.\n  private readonly applyShadow = (): void => {\n    const style = this.elementRef.nativeElement.style;\n    if (!this.resolvedConfig()?.shadow) {\n      style.removeProperty('filter');\n      return;\n    }\n    const color =\n      this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    style.setProperty(\n      'filter',\n      `drop-shadow(0 calc(var(--m-icon-size, 1em) * 0.08) calc(var(--m-icon-size, 1em) * 0.06) color-mix(in srgb, ${color} 80%, black))`\n    );\n  };\n\n  private readonly applySize = (): void => {\n    this.elementRef.nativeElement.style.setProperty(\n      '--m-icon-size',\n      resolveIconSize(this.size(), this.sizeContext?.size())\n    );\n  };\n\n  private readonly updateElement = (): void => {\n    const element = this.elementRef.nativeElement;\n    if (this.currentSvgElement) {\n      this.currentSvgElement.remove();\n      this.currentSvgElement = null;\n    }\n    const color = this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    const appLogo = this.appLogo();\n    const mark = appLogo ? appLogoElement(appLogo, color) : null;\n    if (mark) {\n      this.currentSvgElement = mark;\n      element.prepend(mark);\n      return;\n    }\n    const svg = svgElementFromString(\n      this.inlineSvg() ?? (this.text.value() as string),\n      color\n    );\n    if (!svg) return;\n    this.currentSvgElement = svg;\n    svg.removeAttribute('width');\n    svg.removeAttribute('height');\n    svg.style.width = 'var(--m-icon-size, 1em)';\n    svg.style.height = 'var(--m-icon-size, 1em)';\n    svg.style.flexShrink = '0';\n    svg.removeAttribute('stroke-width');\n    svg.style.setProperty('stroke-width', '2px');\n    svg.querySelectorAll('*').forEach((el) => {\n      el.removeAttribute('stroke-width');\n      if (el instanceof HTMLElement || el instanceof SVGElement) {\n        el.style.removeProperty('stroke-width');\n      }\n    });\n    element.prepend(svg);\n  };\n}\n\n// Inline styles, like the SVG above: an element built here carries no\n// encapsulation attribute, so the component's sass never reaches it.\n// Null when there is nothing to draw at all — no glyph, no file, no name —\n// so the icon falls through to the Magmonium mark rather than an empty box.\nconst appLogoElement = (\n  logo: AppLogoSource,\n  color: string\n): HTMLElement | null => {\n  const mark = document.createElement('span');\n  mark.className = 'm-icon__app-logo';\n  const style = mark.style;\n  style.width = 'var(--m-icon-size, 1em)';\n  style.height = 'var(--m-icon-size, 1em)';\n  style.flexShrink = '0';\n  const mask = logo.glyph\n    ? logoGlyphMaskUrl(logo.glyph)\n    : logo.src\n      ? `url(\"${encodeURI(logo.src)}\")`\n      : undefined;\n  if (mask) {\n    style.backgroundColor = color;\n    style.setProperty('mask-image', mask);\n    style.setProperty('mask-size', 'contain');\n    style.setProperty('mask-repeat', 'no-repeat');\n    style.setProperty('mask-position', 'center');\n    return mark;\n  }\n  // No LogoGlyph yet: the first letter, as an AppLogo shows it.\n  const letter = (logo.name?.trim().charAt(0) ?? '').toUpperCase();\n  if (!letter) return null;\n  mark.textContent = letter;\n  style.display = 'inline-flex';\n  style.alignItems = 'center';\n  style.justifyContent = 'center';\n  style.color = color;\n  style.fontSize = 'calc(var(--m-icon-size, 1em) * 0.8)';\n  style.fontWeight = '600';\n  style.lineHeight = '1';\n  return mark;\n};\n","import { CustomIcon } from '../type/icon';\nimport { ThemeColor } from '@magmonium/cli';\n\nfunction genColor(colors: ThemeColor, color: string) {\n  return colors[color as keyof ThemeColor] ?? color;\n}\n\nexport function isLargeImage(svg: CustomIcon): boolean {\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  const area = width * height;\n  return area > 2000000 || width > 2000 || height > 2000;\n}\n\nexport function genViewPort(svg: CustomIcon | undefined) {\n  if (!svg) return '0 0 0 0';\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  return `0 0 ${width} ${height}`;\n}\n\nexport function computedFillColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  fillColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return fillColor ?? backgroundColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? lineColor : (fillColor ?? backgroundColor)\n  );\n}\n\nexport function computeLineColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  strokeColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return strokeColor ?? lineColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? backgroundColor : (strokeColor ?? lineColor)\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon',\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @if (_strokeColor(); as stroke) {\n          @for (path of svg?.paths; track $index) {\n            <path\n              class=\"svg-path\"\n              [attr.d]=\"path\"\n              [attr.fill]=\"'none'\"\n              [attr.stroke]=\"stroke\"\n              [attr.stroke-linecap]=\"svg?.edit?.linecap\"\n              [attr.stroke-linejoin]=\"svg?.edit?.linejoin\"\n              [attr.stroke-width]=\"svg.edit.strokeWidth\"\n              [attr.vector-effect]=\"vectorEffect()\"\n            />\n          }\n        }\n      </svg>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomIconClass {\n  svg = input.required<CustomIcon>();\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n  strokeWidth = input<number | undefined>(undefined);\n\n  protected readonly viewBox = computed(() => genViewPort(this.svg()));\n  protected readonly vectorEffect = computed(() => {\n    return isLargeImage(this.svg()) ? 'non-scaling-stroke' : null;\n  });\n  private readonly themeStore = inject(ThemeStore);\n  protected readonly _fillColor = computed(() =>\n    computedFillColor(this.svg(), this.themeStore.color(), this.fillColor())\n  );\n  protected readonly _strokeColor = computed(() => {\n    return computeLineColor(\n      this.svg(),\n      this.themeStore.color(),\n      this.strokeColor()\n    );\n  });\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  computed,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon-edit',\n  imports: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"_viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @for (path of svg.paths; track $index) {\n          <path\n            class=\"svg-path\"\n            (click)=\"_onPathClick($index)\"\n            [class.interactive]=\"svg.edit.canInteract\"\n            [class.selected]=\"_selectedIndex.includes($index)\"\n            [attr.d]=\"path\"\n            [attr.fill]=\"'none'\"\n            [attr.stroke]=\"_strokeColor()\"\n            [attr.stroke-linecap]=\"svg.edit.linecap\"\n            [attr.stroke-linejoin]=\"svg.edit.linejoin\"\n            [attr.stroke-width]=\"svg.edit.strokeWidth\"\n            [attr.vector-effect]=\"_vectorEffect()\"\n          />\n        }\n      </svg>\n    }\n  `,\n  styleUrl: './custom-icon-edit.sass',\n})\nexport class CustomIconEditComponent {\n  svg = model<CustomIcon | undefined>(undefined);\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n\n  private readonly themeStore = inject(ThemeStore);\n\n  @HostListener('window:keydown', ['$event'])\n  onKeydown(event: KeyboardEvent) {\n    if (!this.svg()?.edit?.canInteract || this._selectedIndex.length === 0) {\n      return;\n    }\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.deleteSelectedPaths();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this._selectedIndex = [];\n    }\n  }\n\n  protected readonly _viewBox = computed(() => genViewPort(this.svg()));\n\n  protected readonly _vectorEffect = computed(() => {\n    const svg = this.svg();\n    return svg && isLargeImage(svg) ? 'non-scaling-stroke' : null;\n  });\n\n  protected readonly _fillColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computedFillColor(svg, this.themeStore.color(), this.fillColor());\n  });\n\n  protected readonly _strokeColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computeLineColor(svg, this.themeStore.color(), this.strokeColor());\n  });\n\n  protected readonly _onPathClick = (index: number) => {\n    if (!this.svg()?.edit?.canInteract) return;\n    this._selectedIndex = Array.from(new Set([...this._selectedIndex, index]));\n  };\n\n  readonly deleteSelectedPaths = () => {\n    this.svg.update((prev) => {\n      if (!prev) return prev;\n      return {\n        ...prev,\n        paths: prev.paths.filter((_, i) => !this._selectedIndex.includes(i)),\n      };\n    });\n    this._selectedIndex = [];\n  };\n\n  protected _selectedIndex: number[] = [];\n}\n"],"mappings":";;;;;;;;AAAA,MAAa,YAAY;;;;;;;;;;;;ACCzB,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;ACpID,SAAgB,UAAU,SAAkC,QAAa;CACvE,IAAI,OAAO,QAAQ,QAAQ,aACzB,OAAO,CAAC,CAAC,OAAO;CAIlB,IAAI,QAAQ,QAAS,aAAmC,SAAS,OAAO,IAAI,GAC1E,OAAO;CAIT,OADgB,QAAQ,cAAc,YACnB;AACrB;AAEA,SAAS,UAAU,MAAM,WAAW,OAAa;CAC/C,IAAI,OAAO,QAAQ,UAAU,OAAO;CACpC,OAAO,IAAI,QAAQ,WAAW,KAAK,CAAC,CAAC,QAAQ,iBAAiB,KAAK;AACrE;AAEA,SAAgB,qBAAqB,KAAa,OAAa;CAC7D,MAAM,SAAS,IAAI,UAAS;CAE5B,MAAM,MADM,OAAO,gBAAgB,UAAU,KAAK,KAAK,GAAG,eAC9C,CAAA,CAAI;CAEhB,IAAI,OAAO,IAAI,aAAa,OAC1B,OAAO;CAIT,OADiB,OAAO,gBAAgB,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"}
+{"version":3,"file":"magmonium-one-icon-DR7LgBc3.mjs","names":["catchError"],"sources":["../../../../libs/one/src/lib/shared/ui/icon/type/magmonium.ts","../../../../libs/one/src/lib/shared/ui/icon/model/shared-icons.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/lib-icon.ts","../../../../libs/one/src/lib/shared/config/size-context.token.ts","../../../../libs/one/src/lib/shared/lib/app-identity/app-logo-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/icon.ts","../../../../libs/one/src/lib/shared/ui/icon/lib/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon.ts","../../../../libs/one/src/lib/shared/ui/icon/ui/custom-icon-edit.ts"],"sourcesContent":["export const MAGMONIUM = `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-15 -15 120 165\">\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M5 5 L5 65 L85 65 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M85 5 L5 65 L85 65 Z\" />\n        </g>\n        <g>\n          <path fill=\"#color\"  style=\"opacity: 0.3;\" d=\"M5 70 L85 70 L5 130 Z\" />\n          <path fill=\"#color\"  style=\"opacity: 0.7;\" d=\"M85 70 L5 70 L85 130 Z\" />\n        </g>\n      </svg>\n  `;\n","// AUTO-GENERATED by assets:compile — do not edit manually\nexport const SHARED_ICONS = [\n  'accordion_chevron',\n  'account_balance_wallet',\n  'activity',\n  'add-image',\n  'adjust',\n  'alert-circle',\n  'analytics',\n  'apps',\n  'arrow-down',\n  'arrow-left',\n  'arrow-left-right',\n  'arrow-right',\n  'arrow-up',\n  'arrow_back',\n  'bell',\n  'bold',\n  'books',\n  'calendar',\n  'calendar-open',\n  'camera',\n  'chat',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'chevron_left',\n  'chevrons-down',\n  'chevrons-left',\n  'chevrons-right',\n  'chevrons-up',\n  'clipboard',\n  'code',\n  'coins',\n  'color-picker',\n  'copy',\n  'copyright',\n  'corner-left-up',\n  'currency_exchange',\n  'dot',\n  'download',\n  'ellipsis-vertical',\n  'exclamation-triangle',\n  'eye',\n  'eye_close',\n  'file-code',\n  'file-data',\n  'file-image',\n  'file-markup',\n  'file-style',\n  'file-text',\n  'fixed',\n  'flower',\n  'folder',\n  'games',\n  'gear',\n  'heading',\n  'heart',\n  'heart_filled',\n  'help',\n  'hero',\n  'info',\n  'install',\n  'instrument',\n  'investments',\n  'italic',\n  'language',\n  'layers',\n  'layouts',\n  'link',\n  'link-broken',\n  'list',\n  'loading',\n  'loading-bars',\n  'loading-dots',\n  'loading-logo',\n  'loading-pulse',\n  'location',\n  'lock',\n  'logo',\n  'magazines',\n  'mail',\n  'menu',\n  'mic',\n  'minus',\n  'monitor',\n  'more',\n  'notification',\n  'notification_off',\n  'open',\n  'pause',\n  'pencil',\n  'play',\n  'plus',\n  'posts',\n  'quote',\n  'redo',\n  'reload',\n  'reset',\n  'save',\n  'scissors',\n  'search',\n  'section',\n  'security',\n  'settings',\n  'shield',\n  'smartphone',\n  'sort-alpha-asc',\n  'sort-alpha-desc',\n  'sparkles',\n  'square',\n  'star',\n  'store',\n  'strategies',\n  'strikethrough',\n  'sun',\n  'table',\n  'tablet',\n  'target',\n  'theme',\n  'trash',\n  'trash-2',\n  'trending-down',\n  'trending-up',\n  'undo',\n  'user',\n  'users',\n  'wallet_manager',\n  'wallet_owner',\n  'wallet_shareholder',\n  'wand',\n  'wifi',\n  'wrench',\n  'x',\n  'zap',\n];\n","import { Icon, MAGMONIUM } from '../type/icon';\nimport { ElementRef } from '@angular/core';\nimport { SHARED_ICONS } from '../model/shared-icons';\nexport { SHARED_ICONS };\n\nexport function isOneIcon(element: ElementRef<HTMLElement>, config?: Icon) {\n  if (typeof config?.one !== 'undefined') {\n    return !!config.one;\n  }\n\n  // cast SHARED_ICONS to a generic string array for runtime includes check\n  if (config?.name && (SHARED_ICONS as readonly string[]).includes(config.name)) {\n    return true;\n  }\n\n  const tagName = element.nativeElement.tagName;\n  return tagName === 'M-ONE-ICON';\n}\n\nfunction textToSvg(str = MAGMONIUM, color: string): string {\n  if (typeof str !== 'string') return str as unknown as string;\n  return str.replace(/#color/g, color).replace(/currentColor/g, color);\n}\n\nexport function svgElementFromString(str: string, color: string): SVGElement {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(textToSvg(str, color), 'image/svg+xml');\n  const svg = doc.documentElement;\n\n  if (svg && svg.nodeName === 'svg') {\n    return svg as unknown as SVGElement;\n  }\n\n  const errorSvg = parser.parseFromString(textToSvg(MAGMONIUM, color), 'image/svg+xml');\n  return errorSvg.documentElement as unknown as SVGElement;\n}\n","import { inject, InjectionToken, Provider, Signal, Type } from '@angular/core';\nimport { Size } from '../enum/scaling/size';\n\n/**\n * The Size in force for a subtree. Provided by the only components that may\n * declare one — Section, ButtonGroup, and the markup-composed SectionButtonGroup\n * (the last two are one seat, ADR 0008) — and injected `{ optional: true }` by\n * each of them (so a declarer falls back to the nearest one above it) and by\n * the few primitives whose size is a box dimension rather than a font size.\n *\n * Most components need nothing: a declarer also sets `font-size` on its own\n * host, so anything measured in `em` follows through ordinary CSS inheritance.\n * The token exists for what inheritance cannot do — a ButtonGroup or\n * SectionButtonGroup overriding its Section, and Icon sizing a square glyph.\n * See ADR 0008.\n */\nexport interface SizeContext {\n  readonly size: Signal<Size>;\n}\n\nexport const SIZE_CONTEXT = new InjectionToken<SizeContext>('SIZE_CONTEXT');\n\nexport interface SizeDeclarer {\n  readonly resolvedSize: Signal<Size>;\n}\n\n/**\n * Publishes a declarer's resolved Size to its subtree. Goes in `providers` and\n * never `viewProviders`: a Section's Cols and a ButtonGroup's Buttons are\n * projected content, which only `providers` reaches.\n */\nexport function provideSizeContext(\n  declarer: Type<SizeDeclarer>\n): Provider {\n  return {\n    provide: SIZE_CONTEXT,\n    useFactory: (): SizeContext => ({ size: inject(declarer).resolvedSize }),\n  };\n}\n\n/**\n * The Size in force above a declarer. `skipSelf` because a declarer provides\n * SIZE_CONTEXT itself, and injecting its own provider would be circular — what\n * it wants is the nearest declarer *above* it, so that a Section with no Size\n * of its own takes its parent Section's and a ButtonGroup takes its Section's.\n */\nexport function injectParentSize(): SizeContext | null {\n  return inject(SIZE_CONTEXT, { optional: true, skipSelf: true });\n}\n","/**\n * The reserved icon name that draws the running app's own AppLogo as a glyph\n * (GLOSSARY.md AppLogoIcon). Never an IconAsset or a file in `icons/`: `m-icon`\n * reads it from APP_LOGO_SOURCE instead of fetching anything. Its own file so\n * codegen can read it without Angular.\n */\nexport const APP_LOGO_ICON = 'app_logo';\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  untracked,\n} from '@angular/core';\nimport { Icon, MAGMONIUM } from '../type/icon';\nimport { isOneIcon, svgElementFromString } from '../lib/lib-icon';\nimport { SIZE_CONTEXT } from '../../../config/size-context.token';\nimport { resolveIconSize } from '../../../functions/size/size-converter';\nimport { AssetStore } from '../../../stores/asset.store';\nimport { HttpService } from '../../../services/http';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { catchError } from 'rxjs/operators';\nimport { of } from 'rxjs';\nimport { applyColorsToElement, ThemeStore } from '../../../lib/theme';\nimport { ICON_SOURCE } from '../../../config/tokens';\nimport { APP_LOGO_ICON } from '../../../lib/app-identity/app-logo-icon';\nimport {\n  APP_LOGO_SOURCE,\n  AppLogoSource,\n} from '../../../lib/app-identity/app-logo-source';\nimport { logoGlyphMaskUrl } from '../../../lib/app-identity/logo-glyph';\n\n@Component({\n  selector: 'm-icon, m-one-icon',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./icon.sass'],\n  host: {\n    '[class.has-color]': 'resolvedConfig()?.color',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  // Kept for the callers that hand an Icon a whole object rather than write it\n  // out — a Button naming its own glyph, a SectionFormItem passing a Field's.\n  config = model<Icon | undefined>(undefined);\n\n  // `name` is the SVG's filename in `mag_assets/icons/`, not a config asset:\n  // an Icon resolves artwork, so it is the one primitive whose name points at\n  // a picture rather than at a description of itself (ADR 0010). `size` is a\n  // free length (number → em), not a Size — Size stays on Section / ButtonGroup\n  // (ADR 0008); set here only to overwrite the box SIZE_CONTEXT would give.\n  readonly name = input<string | undefined>();\n  readonly color = input<string | undefined>();\n  readonly size = input<number | string | undefined>();\n  readonly one = input<boolean | undefined>();\n  readonly baseUrl = input<string | undefined>();\n  readonly remote = input<string | undefined>();\n  readonly shadow = input<boolean | undefined, unknown>(undefined, {\n    transform: booleanAttribute,\n  });\n\n  // Attributes win over the bound object, and an omitted one leaves the\n  // object's key standing rather than blanking it.\n  protected readonly resolvedConfig = computed<Icon | undefined>(() => {\n    const config = this.config();\n    const overrides: Icon = {};\n    const name = this.name();\n    if (name !== undefined) overrides.name = name;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const one = this.one();\n    if (one !== undefined) overrides.one = one;\n    const baseUrl = this.baseUrl();\n    if (baseUrl !== undefined) overrides.baseUrl = baseUrl;\n    const remote = this.remote();\n    if (remote !== undefined) overrides.remote = remote;\n    const shadow = this.shadow();\n    if (shadow !== undefined) overrides.shadow = shadow;\n    if (!config && !Object.keys(overrides).length) return undefined;\n    return { ...config, ...overrides };\n  });\n\n  private readonly elementRef = inject(ElementRef);\n  // Icon sizes a square glyph through width/height, which no amount of\n  // inherited font-size can set — so it is one of the few primitives that\n  // reads the Size in force directly (ADR 0008).\n  private readonly sizeContext = inject(SIZE_CONTEXT, { optional: true });\n  private readonly assetStore = inject(AssetStore);\n  private readonly http = inject(HttpService);\n  private currentSvgElement: Element | null = null;\n  private readonly themeStore = inject(ThemeStore);\n  private readonly isOneIcon = computed(() =>\n    isOneIcon(this.elementRef, this.resolvedConfig())\n  );\n  private readonly remoteBaseUrl = computed<string | undefined>(() => {\n    const remoteId = this.resolvedConfig()?.remote;\n    return remoteId ? this.http.buildWcAssetBaseUrl(remoteId) : undefined;\n  });\n\n  // Icons supplied by name from memory (e.g. a visual editor's unsaved glyphs).\n  // Read as a signal rather than through the resource below so that changing the\n  // markup under an unchanged name repaints every icon already using it.\n  private readonly iconSource = inject(ICON_SOURCE, { optional: true });\n  private readonly inlineSvg = computed(() => {\n    const name = this.resolvedConfig()?.name;\n    return name ? this.iconSource?.()?.[name] : undefined;\n  });\n\n  // `app_logo` draws the running app's own AppLogo (GLOSSARY.md AppLogoIcon):\n  // nothing to fetch, and the LogoGlyph is painted through a mask rather than\n  // inserted, so its markup never reaches the page (nx ADR 0007).\n  private readonly appLogoSource = inject(APP_LOGO_SOURCE);\n  private readonly appLogo = computed(() =>\n    this.resolvedConfig()?.name === APP_LOGO_ICON\n      ? this.appLogoSource() ?? {}\n      : undefined\n  );\n\n  private readonly text = rxResource({\n    params: computed(\n      () => ({\n        name: this.resolvedConfig()?.name,\n        isOneIcon: untracked(() => this.isOneIcon()),\n        remoteBaseUrl: this.remoteBaseUrl(),\n      }),\n      { equal: (a, b) => a?.name === b?.name && a?.remoteBaseUrl === b?.remoteBaseUrl }\n    ),\n    stream: ({ params: { name, isOneIcon, remoteBaseUrl } }) => {\n      if (name === APP_LOGO_ICON) return of(undefined);\n      if (!name) return untracked(() =>\n        this.assetStore.resolve<string>('icons', 'logo', true).pipe(catchError(() => of(MAGMONIUM)))\n      );\n      // Skips the request entirely for an in-memory glyph — there is no asset\n      // behind it, so fetching only ever produces a 404 and the fallback logo.\n      const inline = untracked(() => this.inlineSvg());\n      if (inline) return of(inline);\n      return untracked(() =>\n        this.assetStore\n          .resolve<string>('icons', name, isOneIcon, remoteBaseUrl)\n          .pipe(catchError(() => of(MAGMONIUM)))\n      );\n    },\n  });\n\n  private readonly pallet = computed(() =>\n    applyColorsToElement(\n      this.resolvedConfig()?.color ?? this.themeStore.color()?.mm ?? '#fff',\n      this.themeStore.color(),\n      this.elementRef.nativeElement\n    )\n  );\n\n  constructor() {\n    effect(this.updateElement);\n    effect(this.applySize);\n    effect(this.applyShadow);\n  }\n\n  // On the host, not the glyph: a filter on the masked AppLogoIcon would be\n  // clipped by its own mask. Sized off the icon box so it scales with it.\n  private readonly applyShadow = (): void => {\n    const style = this.elementRef.nativeElement.style;\n    if (!this.resolvedConfig()?.shadow) {\n      style.removeProperty('filter');\n      return;\n    }\n    const color =\n      this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    style.setProperty(\n      'filter',\n      `drop-shadow(0 calc(var(--m-icon-size, 1em) * 0.08) calc(var(--m-icon-size, 1em) * 0.06) color-mix(in srgb, ${color} 80%, black))`\n    );\n  };\n\n  private readonly applySize = (): void => {\n    this.elementRef.nativeElement.style.setProperty(\n      '--m-icon-size',\n      resolveIconSize(this.size(), this.sizeContext?.size())\n    );\n  };\n\n  private readonly updateElement = (): void => {\n    const element = this.elementRef.nativeElement;\n    if (this.currentSvgElement) {\n      this.currentSvgElement.remove();\n      this.currentSvgElement = null;\n    }\n    const color = this.pallet()?.color ?? this.themeStore.color()?.mm ?? '#fff';\n    const appLogo = this.appLogo();\n    const mark = appLogo ? appLogoElement(appLogo, color) : null;\n    if (mark) {\n      this.currentSvgElement = mark;\n      element.prepend(mark);\n      return;\n    }\n    const svg = svgElementFromString(\n      this.inlineSvg() ?? (this.text.value() as string),\n      color\n    );\n    if (!svg) return;\n    this.currentSvgElement = svg;\n    svg.removeAttribute('width');\n    svg.removeAttribute('height');\n    svg.style.width = 'var(--m-icon-size, 1em)';\n    svg.style.height = 'var(--m-icon-size, 1em)';\n    svg.style.flexShrink = '0';\n    svg.removeAttribute('stroke-width');\n    svg.style.setProperty('stroke-width', '2px');\n    svg.querySelectorAll('*').forEach((el) => {\n      el.removeAttribute('stroke-width');\n      if (el instanceof HTMLElement || el instanceof SVGElement) {\n        el.style.removeProperty('stroke-width');\n      }\n    });\n    element.prepend(svg);\n  };\n}\n\n// Inline styles, like the SVG above: an element built here carries no\n// encapsulation attribute, so the component's sass never reaches it.\n// Null when there is nothing to draw at all — no glyph, no file, no name —\n// so the icon falls through to the Magmonium mark rather than an empty box.\nconst appLogoElement = (\n  logo: AppLogoSource,\n  color: string\n): HTMLElement | null => {\n  const mark = document.createElement('span');\n  mark.className = 'm-icon__app-logo';\n  const style = mark.style;\n  style.width = 'var(--m-icon-size, 1em)';\n  style.height = 'var(--m-icon-size, 1em)';\n  style.flexShrink = '0';\n  const mask = logo.glyph\n    ? logoGlyphMaskUrl(logo.glyph)\n    : logo.src\n      ? `url(\"${encodeURI(logo.src)}\")`\n      : undefined;\n  if (mask) {\n    style.backgroundColor = color;\n    style.setProperty('mask-image', mask);\n    style.setProperty('mask-size', 'contain');\n    style.setProperty('mask-repeat', 'no-repeat');\n    style.setProperty('mask-position', 'center');\n    return mark;\n  }\n  // No LogoGlyph yet: the first letter, as an AppLogo shows it.\n  const letter = (logo.name?.trim().charAt(0) ?? '').toUpperCase();\n  if (!letter) return null;\n  mark.textContent = letter;\n  style.display = 'inline-flex';\n  style.alignItems = 'center';\n  style.justifyContent = 'center';\n  style.color = color;\n  style.fontSize = 'calc(var(--m-icon-size, 1em) * 0.8)';\n  style.fontWeight = '600';\n  style.lineHeight = '1';\n  return mark;\n};\n","import { CustomIcon } from '../type/icon';\nimport { ThemeColor } from '@magmonium/cli';\n\nfunction genColor(colors: ThemeColor, color: string) {\n  return colors[color as keyof ThemeColor] ?? color;\n}\n\nexport function isLargeImage(svg: CustomIcon): boolean {\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  const area = width * height;\n  return area > 2000000 || width > 2000 || height > 2000;\n}\n\nexport function genViewPort(svg: CustomIcon | undefined) {\n  if (!svg) return '0 0 0 0';\n  const width = svg.width || 0;\n  const height = svg.height || 0;\n  return `0 0 ${width} ${height}`;\n}\n\nexport function computedFillColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  fillColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return fillColor ?? backgroundColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? lineColor : (fillColor ?? backgroundColor)\n  );\n}\n\nexport function computeLineColor(\n  svg: CustomIcon,\n  colors?: ThemeColor,\n  strokeColor?: string\n) {\n  const { lineColor, backgroundColor, invertSvg } = svg.edit;\n  if (!colors) {\n    return strokeColor ?? lineColor;\n  }\n  return genColor(\n    colors,\n    invertSvg ? backgroundColor : (strokeColor ?? lineColor)\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon',\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @if (_strokeColor(); as stroke) {\n          @for (path of svg?.paths; track $index) {\n            <path\n              class=\"svg-path\"\n              [attr.d]=\"path\"\n              [attr.fill]=\"'none'\"\n              [attr.stroke]=\"stroke\"\n              [attr.stroke-linecap]=\"svg?.edit?.linecap\"\n              [attr.stroke-linejoin]=\"svg?.edit?.linejoin\"\n              [attr.stroke-width]=\"svg.edit.strokeWidth\"\n              [attr.vector-effect]=\"vectorEffect()\"\n            />\n          }\n        }\n      </svg>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomIconClass {\n  svg = input.required<CustomIcon>();\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n  strokeWidth = input<number | undefined>(undefined);\n\n  protected readonly viewBox = computed(() => genViewPort(this.svg()));\n  protected readonly vectorEffect = computed(() => {\n    return isLargeImage(this.svg()) ? 'non-scaling-stroke' : null;\n  });\n  private readonly themeStore = inject(ThemeStore);\n  protected readonly _fillColor = computed(() =>\n    computedFillColor(this.svg(), this.themeStore.color(), this.fillColor())\n  );\n  protected readonly _strokeColor = computed(() => {\n    return computeLineColor(\n      this.svg(),\n      this.themeStore.color(),\n      this.strokeColor()\n    );\n  });\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  computed,\n  inject,\n  input,\n  model,\n} from '@angular/core';\nimport { CustomIcon } from '../type/icon';\nimport {\n  computedFillColor,\n  computeLineColor,\n  genViewPort,\n  isLargeImage,\n} from '../lib/custom-icon';\nimport { ThemeStore } from '../../../lib/theme';\n\n@Component({\n  selector: 'm-custom-icon-edit',\n  imports: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <!-- eslint-disable local/no-raw-svg -->\n    @if (svg(); as svg) {\n      <svg\n        xmlns=\"http:/www.w3.org/2000/svg\"\n        [attr.viewBox]=\"_viewBox()\"\n        [attr.width]=\"svg.width\"\n        [attr.height]=\"svg.height\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      >\n        @if (_fillColor(); as fillColor) {\n          <rect\n            [attr.width]=\"svg.width\"\n            [attr.height]=\"svg.height\"\n            [attr.fill]=\"fillColor\"\n          />\n        }\n        @for (path of svg.paths; track $index) {\n          <path\n            class=\"svg-path\"\n            (click)=\"_onPathClick($index)\"\n            [class.interactive]=\"svg.edit.canInteract\"\n            [class.selected]=\"_selectedIndex.includes($index)\"\n            [attr.d]=\"path\"\n            [attr.fill]=\"'none'\"\n            [attr.stroke]=\"_strokeColor()\"\n            [attr.stroke-linecap]=\"svg.edit.linecap\"\n            [attr.stroke-linejoin]=\"svg.edit.linejoin\"\n            [attr.stroke-width]=\"svg.edit.strokeWidth\"\n            [attr.vector-effect]=\"_vectorEffect()\"\n          />\n        }\n      </svg>\n    }\n  `,\n  styleUrl: './custom-icon-edit.sass',\n})\nexport class CustomIconEditComponent {\n  svg = model<CustomIcon | undefined>(undefined);\n  strokeColor = input<string | undefined>(undefined);\n  fillColor = input<string | undefined>(undefined);\n\n  private readonly themeStore = inject(ThemeStore);\n\n  @HostListener('window:keydown', ['$event'])\n  onKeydown(event: KeyboardEvent) {\n    if (!this.svg()?.edit?.canInteract || this._selectedIndex.length === 0) {\n      return;\n    }\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.deleteSelectedPaths();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this._selectedIndex = [];\n    }\n  }\n\n  protected readonly _viewBox = computed(() => genViewPort(this.svg()));\n\n  protected readonly _vectorEffect = computed(() => {\n    const svg = this.svg();\n    return svg && isLargeImage(svg) ? 'non-scaling-stroke' : null;\n  });\n\n  protected readonly _fillColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computedFillColor(svg, this.themeStore.color(), this.fillColor());\n  });\n\n  protected readonly _strokeColor = computed(() => {\n    const svg = this.svg();\n    if (!svg) return undefined;\n    return computeLineColor(svg, this.themeStore.color(), this.strokeColor());\n  });\n\n  protected readonly _onPathClick = (index: number) => {\n    if (!this.svg()?.edit?.canInteract) return;\n    this._selectedIndex = Array.from(new Set([...this._selectedIndex, index]));\n  };\n\n  readonly deleteSelectedPaths = () => {\n    this.svg.update((prev) => {\n      if (!prev) return prev;\n      return {\n        ...prev,\n        paths: prev.paths.filter((_, i) => !this._selectedIndex.includes(i)),\n      };\n    });\n    this._selectedIndex = [];\n  };\n\n  protected _selectedIndex: number[] = [];\n}\n"],"mappings":";;;;;;;;AAAA,MAAa,YAAY;;;;;;;;;;;;ACCzB,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;ACpID,SAAgB,UAAU,SAAkC,QAAa;CACvE,IAAI,OAAO,QAAQ,QAAQ,aACzB,OAAO,CAAC,CAAC,OAAO;CAIlB,IAAI,QAAQ,QAAS,aAAmC,SAAS,OAAO,IAAI,GAC1E,OAAO;CAIT,OADgB,QAAQ,cAAc,YACnB;AACrB;AAEA,SAAS,UAAU,MAAM,WAAW,OAAa;CAC/C,IAAI,OAAO,QAAQ,UAAU,OAAO;CACpC,OAAO,IAAI,QAAQ,WAAW,KAAK,CAAC,CAAC,QAAQ,iBAAiB,KAAK;AACrE;AAEA,SAAgB,qBAAqB,KAAa,OAAa;CAC7D,MAAM,SAAS,IAAI,UAAS;CAE5B,MAAM,MADM,OAAO,gBAAgB,UAAU,KAAK,KAAK,GAAG,eAC9C,CAAA,CAAI;CAEhB,IAAI,OAAO,IAAI,aAAa,OAC1B,OAAO;CAIT,OADiB,OAAO,gBAAgB,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"}

package/fesm2022/{magmonium-one-image-editor-DKiscgQU.mjs → magmonium-one-image-editor-CkPeheGY.mjs}

@@ -1,7 +1,7 @@
-import { t as ButtonComponent } from "./magmonium-one-button-BKGxIBhw.mjs";
+import { t as ButtonComponent } from "./magmonium-one-button-CJ1Gaaw-.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-qoXWebFN.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-BmimLpG6.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-7MmiF2rG.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-DLu5PhUN.mjs";
 import { a as initialFraming, c as parseRatio, i as encodeFramed, l as renameForType, n as cropRect, r as drawFramed, s as outputSize, t as clampFraming } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import { MODAL_REF } from "./magmonium-one.mjs";
 import * as i0 from "@angular/core";
@@ -435,4 +435,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ImageEditorComponent };
 
-//# sourceMappingURL=magmonium-one-image-editor-DKiscgQU.mjs.map
+//# sourceMappingURL=magmonium-one-image-editor-CkPeheGY.mjs.map

package/fesm2022/{magmonium-one-image-editor-DKiscgQU.mjs.map → magmonium-one-image-editor-CkPeheGY.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magmonium-one-image-editor-DKiscgQU.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { HeaderComponent } from '../../../header';\nimport { RangeInputComponent } from '../range/range';\nimport { InputType, RangeInput } from '../../model/input';\nimport { MODAL_REF, ModalRef } from '../../../../config/modal-ref';\nimport {\n  clampFraming,\n  cropRect,\n  drawFramed,\n  encodeFramed,\n  Framing,\n  FrameSize,\n  initialFraming,\n  MAX_ZOOM,\n  MIN_ZOOM,\n  outputSize,\n  parseRatio,\n  renameForType,\n} from './image-frame';\n\n/**\n * What an ImageEditor closes with. The framed file on an apply, `unreadable`\n * when the picture never decoded, and neither for a dismissal — a flat object\n * rather than a union, so the web-component build (no `strict`) reads it too.\n */\nexport type ImageEditorResult = { file?: File; unreadable?: boolean };\n\ntype Point = { x: number; y: number };\n\nconst WHEEL_ZOOM_RATE = 0.0015;\n\nconst distance = (a: Point, b: Point): number =>\n  Math.hypot(a.x - b.x, a.y - b.y);\n\n@Component({\n  selector: 'm-image-editor',\n  template: `\n    <div class=\"image-editor\">\n      <m-header\n        [level]=\"3\"\n        label=\"edit-image-size\"\n        [params]=\"sizeParams()\"\n      />\n      <div\n        #stage\n        class=\"image-editor__stage\"\n        [style.aspect-ratio]=\"aspect()\"\n        [style.--m-image-editor-aspect]=\"aspect()\"\n        [class.image-editor__stage--panning]=\"isPanning()\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"onPointerUp($event)\"\n        (pointercancel)=\"onPointerUp($event)\"\n        (wheel)=\"onWheel($event)\"\n      >\n        @if (sourceUrl(); as url) {\n          <img\n            class=\"image-editor__image\"\n            [src]=\"url\"\n            alt=\"\"\n            draggable=\"false\"\n            [style.width.px]=\"imageBox().width\"\n            [style.height.px]=\"imageBox().height\"\n            [style.transform]=\"imageBox().transform\"\n          />\n        }\n      </div>\n      <m-range\n        [config]=\"zoomConfig()\"\n        [value]=\"zoomPercent()\"\n        (valueChange)=\"onZoom($event)\"\n      />\n      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close\n           is the cancel, and it drops the image the same way. -->\n      <m-one-button\n        name=\"okay\"\n        label=\"apply\"\n        [disabled]=\"!source() || isApplying()\"\n        (clicked)=\"apply()\"\n      />\n    </div>\n  `,\n  imports: [ButtonComponent, HeaderComponent, RangeInputComponent],\n  styleUrl: './image-editor.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageEditorComponent {\n  readonly file = input.required<File>();\n  readonly ratio = input.required<string>();\n  readonly width = input.required<number>();\n\n  readonly #modalRef = inject<ModalRef<ImageEditorResult | undefined>>(MODAL_REF);\n  private readonly stage = viewChild<ElementRef<HTMLDivElement>>('stage');\n\n  protected readonly source = signal<ImageBitmap | undefined>(undefined);\n  protected readonly sourceUrl = signal<string | undefined>(undefined);\n  protected readonly isApplying = signal(false);\n  private readonly framing = signal<Framing>({ cx: 0, cy: 0, zoom: MIN_ZOOM });\n  private readonly stageWidth = signal(0);\n  private readonly pointers = new Map<number, Point>();\n  protected readonly isPanning = signal(false);\n  #settled = false;\n\n  protected readonly zoomConfig = computed<RangeInput>(() => ({\n    name: 'zoom',\n    label: 'zoom',\n    type: InputType.RANGE,\n    min: MIN_ZOOM * 100,\n    max: MAX_ZOOM * 100,\n  }));\n\n  protected readonly aspect = computed(() => parseRatio(this.ratio()) ?? 1);\n\n  private readonly output = computed<FrameSize | undefined>(() =>\n    outputSize(this.ratio(), this.width())\n  );\n\n  protected readonly sizeParams = computed(() => {\n    const size = this.output();\n    return {\n      width: String(size?.width ?? ''),\n      height: String(size?.height ?? ''),\n    };\n  });\n\n  private readonly imageSize = computed<FrameSize | undefined>(() => {\n    const bitmap = this.source();\n    return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;\n  });\n\n  protected readonly zoomPercent = computed(() =>\n    String(Math.round(this.framing().zoom * 100))\n  );\n\n  /** The whole picture laid out so the box shows exactly the crop. */\n  protected readonly imageBox = computed(() => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return { width: 0, height: 0, transform: 'none' };\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const scale = stage / rect.width;\n    return {\n      width: image.width * scale,\n      height: image.height * scale,\n      transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,\n    };\n  });\n\n  private readonly load = effect((onCleanup) => {\n    const file = this.file();\n    let cancelled = false;\n    const url = URL.createObjectURL(file);\n    this.sourceUrl.set(url);\n    // EXIF orientation applied here, so the geometry below and the <img> the\n    // stage draws agree on which way is up.\n    createImageBitmap(file, { imageOrientation: 'from-image' })\n      .then((bitmap) => {\n        if (cancelled) {\n          bitmap.close();\n          return;\n        }\n        this.framing.set(\n          initialFraming({ width: bitmap.width, height: bitmap.height })\n        );\n        this.source.set(bitmap);\n      })\n      .catch(() => {\n        if (!cancelled) this.settle({ unreadable: true });\n      });\n    onCleanup(() => {\n      cancelled = true;\n      URL.revokeObjectURL(url);\n      this.source()?.close();\n    });\n  });\n\n  private readonly measure = effect((onCleanup) => {\n    const stage = this.stage()?.nativeElement;\n    if (!stage) return;\n    this.stageWidth.set(stage.clientWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this.stageWidth.set(entry.contentRect.width)\n    );\n    observer.observe(stage);\n    onCleanup(() => observer.disconnect());\n  });\n\n  // The Modal's own close affordance destroys the body without a word, and a\n  // dismissal is a cancel: whoever opened the editor is still waiting.\n  private readonly reportDismissal = inject(DestroyRef).onDestroy(() =>\n    this.settle(undefined)\n  );\n\n  protected onPointerDown = (event: PointerEvent): void => {\n    if (!this.source()) return;\n    (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n    this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    this.isPanning.set(true);\n  };\n\n  protected onPointerMove = (event: PointerEvent): void => {\n    const previous = this.pointers.get(event.pointerId);\n    if (!previous) return;\n    const next = { x: event.clientX, y: event.clientY };\n    const others = [...this.pointers.entries()].filter(\n      ([id]) => id !== event.pointerId\n    );\n    if (others.length === 1) {\n      // Pinch: the gap between two fingers is the zoom.\n      const anchor = others[0][1];\n      const before = distance(previous, anchor);\n      if (before > 0) this.zoomBy(distance(next, anchor) / before);\n    } else if (others.length === 0) {\n      this.panBy(next.x - previous.x, next.y - previous.y);\n    }\n    this.pointers.set(event.pointerId, next);\n  };\n\n  protected onPointerUp = (event: PointerEvent): void => {\n    this.pointers.delete(event.pointerId);\n    this.isPanning.set(this.pointers.size > 0);\n  };\n\n  protected onWheel = (event: WheelEvent): void => {\n    if (!this.source()) return;\n    event.preventDefault();\n    this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));\n  };\n\n  protected onZoom = (percent: string): void => {\n    const zoom = Number(percent) / 100;\n    if (!Number.isFinite(zoom)) return;\n    this.updateFraming((framing) => ({ ...framing, zoom }));\n  };\n\n  protected apply = async (): Promise<void> => {\n    const bitmap = this.source();\n    const image = this.imageSize();\n    const output = this.output();\n    if (!bitmap || !image || !output || this.isApplying()) return;\n    this.isApplying.set(true);\n    try {\n      const rect = cropRect(image, this.aspect(), this.framing());\n      const blob = await encodeFramed(drawFramed(bitmap, rect, output));\n      const original = this.file();\n      this.settle({\n        file: new File([blob], renameForType(original.name, blob.type), {\n          type: blob.type,\n          lastModified: Date.now(),\n        }),\n      });\n    } catch {\n      this.settle({ unreadable: true });\n    }\n  };\n\n  /** Screen pixels dragged, moved into source pixels at the current scale. */\n  private panBy = (dx: number, dy: number): void => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return;\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const perPixel = rect.width / stage;\n    this.updateFraming((framing) => ({\n      ...framing,\n      cx: framing.cx - dx * perPixel,\n      cy: framing.cy - dy * perPixel,\n    }));\n  };\n\n  private zoomBy = (factor: number): void => {\n    this.updateFraming((framing) => ({\n      ...framing,\n      zoom: framing.zoom * factor,\n    }));\n  };\n\n  private updateFraming = (change: (framing: Framing) => Framing): void => {\n    const image = this.imageSize();\n    if (!image) return;\n    this.framing.update((framing) =>\n      clampFraming(image, this.aspect(), change(framing))\n    );\n  };\n\n  private settle = (result: ImageEditorResult | undefined): void => {\n    if (this.#settled) return;\n    this.#settled = true;\n    this.#modalRef.close(result);\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"magmonium-one-image-editor-CkPeheGY.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/file-upload-input/image-editor.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { HeaderComponent } from '../../../header';\nimport { RangeInputComponent } from '../range/range';\nimport { InputType, RangeInput } from '../../model/input';\nimport { MODAL_REF, ModalRef } from '../../../../config/modal-ref';\nimport {\n  clampFraming,\n  cropRect,\n  drawFramed,\n  encodeFramed,\n  Framing,\n  FrameSize,\n  initialFraming,\n  MAX_ZOOM,\n  MIN_ZOOM,\n  outputSize,\n  parseRatio,\n  renameForType,\n} from './image-frame';\n\n/**\n * What an ImageEditor closes with. The framed file on an apply, `unreadable`\n * when the picture never decoded, and neither for a dismissal — a flat object\n * rather than a union, so the web-component build (no `strict`) reads it too.\n */\nexport type ImageEditorResult = { file?: File; unreadable?: boolean };\n\ntype Point = { x: number; y: number };\n\nconst WHEEL_ZOOM_RATE = 0.0015;\n\nconst distance = (a: Point, b: Point): number =>\n  Math.hypot(a.x - b.x, a.y - b.y);\n\n@Component({\n  selector: 'm-image-editor',\n  template: `\n    <div class=\"image-editor\">\n      <m-header\n        [level]=\"3\"\n        label=\"edit-image-size\"\n        [params]=\"sizeParams()\"\n      />\n      <div\n        #stage\n        class=\"image-editor__stage\"\n        [style.aspect-ratio]=\"aspect()\"\n        [style.--m-image-editor-aspect]=\"aspect()\"\n        [class.image-editor__stage--panning]=\"isPanning()\"\n        (pointerdown)=\"onPointerDown($event)\"\n        (pointermove)=\"onPointerMove($event)\"\n        (pointerup)=\"onPointerUp($event)\"\n        (pointercancel)=\"onPointerUp($event)\"\n        (wheel)=\"onWheel($event)\"\n      >\n        @if (sourceUrl(); as url) {\n          <img\n            class=\"image-editor__image\"\n            [src]=\"url\"\n            alt=\"\"\n            draggable=\"false\"\n            [style.width.px]=\"imageBox().width\"\n            [style.height.px]=\"imageBox().height\"\n            [style.transform]=\"imageBox().transform\"\n          />\n        }\n      </div>\n      <m-range\n        [config]=\"zoomConfig()\"\n        [value]=\"zoomPercent()\"\n        (valueChange)=\"onZoom($event)\"\n      />\n      <!-- asset: buttons/okay.yml. No cancel beside it: the Modal's own close\n           is the cancel, and it drops the image the same way. -->\n      <m-one-button\n        name=\"okay\"\n        label=\"apply\"\n        [disabled]=\"!source() || isApplying()\"\n        (clicked)=\"apply()\"\n      />\n    </div>\n  `,\n  imports: [ButtonComponent, HeaderComponent, RangeInputComponent],\n  styleUrl: './image-editor.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ImageEditorComponent {\n  readonly file = input.required<File>();\n  readonly ratio = input.required<string>();\n  readonly width = input.required<number>();\n\n  readonly #modalRef = inject<ModalRef<ImageEditorResult | undefined>>(MODAL_REF);\n  private readonly stage = viewChild<ElementRef<HTMLDivElement>>('stage');\n\n  protected readonly source = signal<ImageBitmap | undefined>(undefined);\n  protected readonly sourceUrl = signal<string | undefined>(undefined);\n  protected readonly isApplying = signal(false);\n  private readonly framing = signal<Framing>({ cx: 0, cy: 0, zoom: MIN_ZOOM });\n  private readonly stageWidth = signal(0);\n  private readonly pointers = new Map<number, Point>();\n  protected readonly isPanning = signal(false);\n  #settled = false;\n\n  protected readonly zoomConfig = computed<RangeInput>(() => ({\n    name: 'zoom',\n    label: 'zoom',\n    type: InputType.RANGE,\n    min: MIN_ZOOM * 100,\n    max: MAX_ZOOM * 100,\n  }));\n\n  protected readonly aspect = computed(() => parseRatio(this.ratio()) ?? 1);\n\n  private readonly output = computed<FrameSize | undefined>(() =>\n    outputSize(this.ratio(), this.width())\n  );\n\n  protected readonly sizeParams = computed(() => {\n    const size = this.output();\n    return {\n      width: String(size?.width ?? ''),\n      height: String(size?.height ?? ''),\n    };\n  });\n\n  private readonly imageSize = computed<FrameSize | undefined>(() => {\n    const bitmap = this.source();\n    return bitmap ? { width: bitmap.width, height: bitmap.height } : undefined;\n  });\n\n  protected readonly zoomPercent = computed(() =>\n    String(Math.round(this.framing().zoom * 100))\n  );\n\n  /** The whole picture laid out so the box shows exactly the crop. */\n  protected readonly imageBox = computed(() => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return { width: 0, height: 0, transform: 'none' };\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const scale = stage / rect.width;\n    return {\n      width: image.width * scale,\n      height: image.height * scale,\n      transform: `translate(${-rect.x * scale}px, ${-rect.y * scale}px)`,\n    };\n  });\n\n  private readonly load = effect((onCleanup) => {\n    const file = this.file();\n    let cancelled = false;\n    const url = URL.createObjectURL(file);\n    this.sourceUrl.set(url);\n    // EXIF orientation applied here, so the geometry below and the <img> the\n    // stage draws agree on which way is up.\n    createImageBitmap(file, { imageOrientation: 'from-image' })\n      .then((bitmap) => {\n        if (cancelled) {\n          bitmap.close();\n          return;\n        }\n        this.framing.set(\n          initialFraming({ width: bitmap.width, height: bitmap.height })\n        );\n        this.source.set(bitmap);\n      })\n      .catch(() => {\n        if (!cancelled) this.settle({ unreadable: true });\n      });\n    onCleanup(() => {\n      cancelled = true;\n      URL.revokeObjectURL(url);\n      this.source()?.close();\n    });\n  });\n\n  private readonly measure = effect((onCleanup) => {\n    const stage = this.stage()?.nativeElement;\n    if (!stage) return;\n    this.stageWidth.set(stage.clientWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this.stageWidth.set(entry.contentRect.width)\n    );\n    observer.observe(stage);\n    onCleanup(() => observer.disconnect());\n  });\n\n  // The Modal's own close affordance destroys the body without a word, and a\n  // dismissal is a cancel: whoever opened the editor is still waiting.\n  private readonly reportDismissal = inject(DestroyRef).onDestroy(() =>\n    this.settle(undefined)\n  );\n\n  protected onPointerDown = (event: PointerEvent): void => {\n    if (!this.source()) return;\n    (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n    this.pointers.set(event.pointerId, { x: event.clientX, y: event.clientY });\n    this.isPanning.set(true);\n  };\n\n  protected onPointerMove = (event: PointerEvent): void => {\n    const previous = this.pointers.get(event.pointerId);\n    if (!previous) return;\n    const next = { x: event.clientX, y: event.clientY };\n    const others = [...this.pointers.entries()].filter(\n      ([id]) => id !== event.pointerId\n    );\n    if (others.length === 1) {\n      // Pinch: the gap between two fingers is the zoom.\n      const anchor = others[0][1];\n      const before = distance(previous, anchor);\n      if (before > 0) this.zoomBy(distance(next, anchor) / before);\n    } else if (others.length === 0) {\n      this.panBy(next.x - previous.x, next.y - previous.y);\n    }\n    this.pointers.set(event.pointerId, next);\n  };\n\n  protected onPointerUp = (event: PointerEvent): void => {\n    this.pointers.delete(event.pointerId);\n    this.isPanning.set(this.pointers.size > 0);\n  };\n\n  protected onWheel = (event: WheelEvent): void => {\n    if (!this.source()) return;\n    event.preventDefault();\n    this.zoomBy(Math.exp(-event.deltaY * WHEEL_ZOOM_RATE));\n  };\n\n  protected onZoom = (percent: string): void => {\n    const zoom = Number(percent) / 100;\n    if (!Number.isFinite(zoom)) return;\n    this.updateFraming((framing) => ({ ...framing, zoom }));\n  };\n\n  protected apply = async (): Promise<void> => {\n    const bitmap = this.source();\n    const image = this.imageSize();\n    const output = this.output();\n    if (!bitmap || !image || !output || this.isApplying()) return;\n    this.isApplying.set(true);\n    try {\n      const rect = cropRect(image, this.aspect(), this.framing());\n      const blob = await encodeFramed(drawFramed(bitmap, rect, output));\n      const original = this.file();\n      this.settle({\n        file: new File([blob], renameForType(original.name, blob.type), {\n          type: blob.type,\n          lastModified: Date.now(),\n        }),\n      });\n    } catch {\n      this.settle({ unreadable: true });\n    }\n  };\n\n  /** Screen pixels dragged, moved into source pixels at the current scale. */\n  private panBy = (dx: number, dy: number): void => {\n    const image = this.imageSize();\n    const stage = this.stageWidth();\n    if (!image || !stage) return;\n    const rect = cropRect(image, this.aspect(), this.framing());\n    const perPixel = rect.width / stage;\n    this.updateFraming((framing) => ({\n      ...framing,\n      cx: framing.cx - dx * perPixel,\n      cy: framing.cy - dy * perPixel,\n    }));\n  };\n\n  private zoomBy = (factor: number): void => {\n    this.updateFraming((framing) => ({\n      ...framing,\n      zoom: framing.zoom * factor,\n    }));\n  };\n\n  private updateFraming = (change: (framing: Framing) => Framing): void => {\n    const image = this.imageSize();\n    if (!image) return;\n    this.framing.update((framing) =>\n      clampFraming(image, this.aspect(), change(framing))\n    );\n  };\n\n  private settle = (result: ImageEditorResult | undefined): void => {\n    if (this.#settled) return;\n    this.#settled = true;\n    this.#modalRef.close(result);\n  };\n}\n"],"mappings":"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"}

package/fesm2022/{magmonium-one-label-lYMBMB7p.mjs → magmonium-one-label-B2Rtuiyg.mjs}

@@ -1,4 +1,4 @@
-import { c as TranslatePipe, l as TranslateService, v as HttpService } from "./magmonium-one-size-converter-DFIowQHO.mjs";
+import { b as HttpService, c as TranslatePipe, l as TranslateService } from "./magmonium-one-size-converter-BalJd7VH.mjs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Pipe, inject, input } from "@angular/core";
 import { interval } from "rxjs";
@@ -571,4 +571,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 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-lYMBMB7p.mjs.map
+//# sourceMappingURL=magmonium-one-label-B2Rtuiyg.mjs.map