@magmonium/one 0.4.30 → 0.4.31

package/fesm2022/magmonium-one-menu-BBOnOK4M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-menu-BBOnOK4M.mjs","names":["catchError"],"sources":["../../../../libs/one/src/lib/shared/ui/menu/ui/menu/menu.ts","../../../../libs/one/src/lib/shared/ui/menu/ui/menu/menu.html","../../../../libs/one/src/lib/shared/ui/menu/ui/context-menu-box/context-menu-box.ts","../../../../libs/one/src/lib/shared/ui/menu/ui/context-menu-box/context-menu-box.html","../../../../libs/one/src/lib/shared/ui/menu/ui/context-menu/context-menu.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { of } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { Assets } from '../../../../enum/assets/assets';\nimport { HttpService } from '../../../../services/http';\nimport { TranslatePipe } from '../../../../pipe/translate';\n\nimport { IconComponent } from '../../../icon';\nimport { MenuItem } from '../../type';\nimport { NAV_STORE_REF } from '../../../../config/tokens';\n\n@Component({\n  selector: 'm-menu',\n\n  imports: [TranslatePipe, IconComponent],\n  templateUrl: './menu.html',\n  styleUrl: './menu.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(keydown.arrowdown)': 'moveFocus($event, 1)',\n    '(keydown.arrowup)': 'moveFocus($event, -1)',\n  },\n})\nexport class MenuComponent {\n  readonly #navRef = inject(NAV_STORE_REF, { optional: true });\n\n  // --- Inputs ---\n  config = input<MenuItem[][] | undefined>();\n  file = input<string | undefined>();\n  root = input<string | undefined>();\n  url = input<string | undefined>();\n  extra = input<MenuItem[] | undefined>();\n  hide = input<string[] | undefined>();\n  hideLink = input<boolean>(false);\n  isAdmin = input<boolean>(false);\n  /** Focus the first item once rendered — a popover menu opened from a trigger. */\n  autoFocus = input<boolean>(false);\n  readonly action = output<MenuItem>();\n\n  visibilityRule = input<(key: string, data?: unknown) => boolean>();\n  disableRule = input<(key: string, data?: unknown) => boolean>();\n  extraData = input<unknown>();\n\n  // --- Internals ---\n  #httpService = inject(HttpService);\n  #tree = signal<string[]>([]);\n  #treeMap = signal<Record<string, MenuItem>>({});\n  #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  // Whether the next settled render should focus the first item: `autoFocus`\n  // decides the first one, a drill or back decides after (its rows replace\n  // the focused one, which would drop focus to the body).\n  #focusPending?: boolean;\n\n  protected back = signal<MenuItem | undefined>(undefined);\n  protected slideDirection = signal<'forward' | 'backward' | 'none'>('none');\n\n  #asyncOptions = rxResource({\n    params: computed(() => this.back()?.file ?? this.file()),\n    stream: ({ params: file }) => {\n      if (!file) {\n        return of(undefined);\n      }\n      return this.#httpService\n        .asset<MenuItem[][]>(['menus', file], Assets.JSON)\n        .pipe(catchError(() => of(undefined)));\n    },\n  });\n\n  protected options = computed<MenuItem[][]>(() => {\n    const back = this.back();\n    const async = this.#asyncOptions.value();\n    const config = this.config();\n    const hide = this.hide();\n    const extra = this.extra();\n    const isAdmin = this.isAdmin();\n    const vRule = this.visibilityRule();\n    const data = this.extraData();\n\n    // Filtering recurses so a parent is judged by what survives under it: a row\n    // whose every child was hidden would open an empty box, which reads as a\n    // broken menu rather than an unavailable one. A `file` parent is exempt —\n    // its options are fetched on drill and there is nothing here to count.\n    const filterGroups = (groups: MenuItem[][]): MenuItem[][] =>\n      groups\n        .map((group) =>\n          group.filter((item) => {\n            if (!isAdmin && item.adminOnly) return false;\n            if (hide?.length && hide.includes(item.id)) return false;\n            if (vRule && !vRule(item.visibilityKey ?? item.id, data)) {\n              return false;\n            }\n            if (item.options) return filterGroups(item.options).length > 0;\n            return true;\n          })\n        )\n        .filter((group) => group.length > 0);\n\n    const source = back\n      ? (back.options ?? async ?? [])\n      : (async ?? config ?? []);\n\n    const result = filterGroups(source);\n\n    return extra?.length && !back ? [...result, extra] : result;\n  });\n\n  protected isLoading = computed(() => this.#asyncOptions.isLoading());\n\n  constructor() {\n    afterRenderEffect(() => {\n      this.options();\n      if (this.isLoading()) return;\n      const pending = this.#focusPending ?? untracked(this.autoFocus);\n      this.#focusPending = false;\n      if (pending) {\n        this.#host.nativeElement\n          .querySelector<HTMLElement>('.menu-item:not(.is-disabled)')\n          ?.focus();\n      }\n    });\n  }\n\n  // ↑/↓ walk the focusable rows (back row included), wrapping; Enter on a\n  // row is its own `selectItem`.\n  moveFocus(event: Event, step: 1 | -1): void {\n    const rows = Array.from(\n      this.#host.nativeElement.querySelectorAll<HTMLElement>(\n        '.back-btn, .menu-item:not(.is-disabled)'\n      )\n    );\n    if (!rows.length) return;\n    event.preventDefault();\n    const current = rows.indexOf(document.activeElement as HTMLElement);\n    const next =\n      current < 0\n        ? step > 0\n          ? 0\n          : rows.length - 1\n        : (current + step + rows.length) % rows.length;\n    rows[next].focus();\n  }\n\n  // --- Handlers ---\n  selectItem(item: MenuItem): void {\n    const dRule = this.disableRule();\n    if (item.disabled || (dRule && dRule(item.disableKey ?? item.id))) {\n      return;\n    }\n\n    if (item.options || item.file) {\n      this.slideDirection.set('forward');\n      this.#treeMap.update((map) => ({ ...map, [item.id]: item }));\n      this.#tree.update((t) => [...t, item.id]);\n      this.back.set(item);\n      this.#focusPending = this.#hasFocus();\n      return;\n    }\n\n    // A row naming a Nav goes there itself — the NavKind on that node decides\n    // whether it routes or opens a panel, the answer `[mRef]` gives (CONTEXT.md\n    // NavRef). Still emitted, so whatever holds the menu closes it.\n    if (item.nav)\n      this.#navRef?.setSelected(\n        item.nav,\n        undefined,\n        item.keepPanel ? { keepPanel: true } : undefined\n      );\n    this.action.emit(item);\n  }\n\n  goBack(): void {\n    this.slideDirection.set('backward');\n    this.#focusPending = this.#hasFocus();\n    const currentTree = this.#tree();\n    if (currentTree.length <= 1) {\n      this.#tree.set([]);\n      this.back.set(undefined);\n      return;\n    }\n\n    const newTree = currentTree.slice(0, -1);\n    this.#tree.set(newTree);\n    const parentId = newTree[newTree.length - 1];\n    this.back.set(this.#treeMap()[parentId]);\n  }\n\n  #hasFocus(): boolean {\n    return this.#host.nativeElement.contains(document.activeElement);\n  }\n\n  isSelected(item: MenuItem): boolean {\n    // A NavRef knows what it points at, so selection is an id comparison —\n    // no path normalising, and it works for panels as well as pages.\n    if (item.nav) {\n      return this.#navRef?.id() === item.nav;\n    }\n\n    const currentUrl = this.url();\n    const rootPath = this.root();\n    if (!currentUrl || !item.link) {\n      return item.selected ?? false;\n    }\n    const fullLink = rootPath ? `${rootPath}/${item.link}` : item.link;\n    return currentUrl === fullLink || currentUrl.startsWith(fullLink + '/');\n  }\n\n  isItemDisabled(item: MenuItem): boolean {\n    const dRule = this.disableRule();\n    return !!(\n      item.disabled ||\n      (dRule && dRule(item.disableKey ?? item.id, this.extraData()))\n    );\n  }\n}\n","<div class=\"menu-container\" [attr.data-slide]=\"slideDirection()\">\n  @if (back()) {\n    <div\n      class=\"back-btn\"\n      tabindex=\"0\"\n      role=\"button\"\n      (click)=\"goBack()\"\n      (keydown.enter)=\"goBack()\"\n      (keydown.space)=\"goBack()\"\n    >\n      <div class=\"back-icon\">\n        <m-icon [name]=\"'chevron-left'\" color=\"currentColor\" />\n      </div>\n      <span class=\"back-text\">{{ back()!.label | translate }}</span>\n    </div>\n  }\n\n  <div class=\"menu-content\">\n    @if (isLoading()) {\n      <div class=\"menu-loading\">\n        <div class=\"spinner\"></div>\n      </div>\n    } @else {\n      <div class=\"menu-groups\">\n        @for (group of options(); track $index; let last = $last) {\n          <div class=\"menu-group\" [class.has-separator]=\"!last\">\n            @for (item of group; track item.id) {\n              @if (!item.hidden) {\n                <div\n                  class=\"menu-item\"\n                  [attr.data-testid]=\"item.id + '-btn'\"\n                  [class.is-selected]=\"isSelected(item)\"\n                  [class.is-disabled]=\"isItemDisabled(item)\"\n                  [attr.aria-disabled]=\"isItemDisabled(item) || null\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  (click)=\"selectItem(item)\"\n                  (keydown.enter)=\"selectItem(item)\"\n                  (keydown.space)=\"selectItem(item)\"\n                >\n                  @if (item.icon) {\n                    <div class=\"item-icon\">\n                      <m-icon [name]=\"item.icon\" color=\"currentColor\" />\n                    </div>\n                  }\n                  <span class=\"item-text\">{{ item.label | translate }}</span>\n                  @if (item.options || item.file) {\n                    <div class=\"item-arrow\">\n                      <m-icon [name]=\"'chevron-right'\" color=\"currentColor\" />\n                    </div>\n                  }\n                </div>\n              }\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n} from '@angular/core';\nimport { MenuComponent } from '../menu/menu';\nimport { MenuItem } from '../../type';\n\n@Component({\n  selector: 'm-context-menu-box',\n  imports: [MenuComponent],\n  templateUrl: './context-menu-box.html',\n  styleUrl: './context-menu-box.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContextMenuBoxComponent {\n  readonly options = input<MenuItem[][]>([]);\n  readonly hide = input<string[] | undefined>();\n  readonly file = input<string | undefined>();\n  readonly width = input<string>('250px');\n  readonly height = input<string>('auto');\n  readonly isAdmin = input<boolean>(false);\n  readonly action = output<MenuItem>();\n\n  readonly visibilityRule = input<(key: string, data?: unknown) => boolean>();\n  readonly disableRule = input<(key: string, data?: unknown) => boolean>();\n  readonly extraData = input<unknown>();\n\n  protected readonly emitAction = (item: MenuItem): void => {\n    this.action.emit(item);\n  };\n}\n","<div class=\"m-context-menu-box\" [style.width]=\"width()\" [style.max-height]=\"height()\">\n  <m-menu\n    [config]=\"options()\"\n    [hide]=\"hide()\"\n    [file]=\"file()\"\n    [isAdmin]=\"isAdmin()\"\n    [autoFocus]=\"true\"\n    [visibilityRule]=\"visibilityRule()\"\n    [disableRule]=\"disableRule()\"\n    [extraData]=\"extraData()\"\n    (action)=\"emitAction($event)\"\n  />\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  inputBinding,\n  model,\n  output,\n  outputBinding,\n  viewChild,\n} from '@angular/core';\nimport { ConfigComponent } from '../../../../lib/components/config-component';\nimport { SelectorDirective } from '../../../../directives/selector/selector';\nimport type { SelectorConfig } from '../../../../directives/selector/selector-type';\nimport { Icon } from '../../../icon';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { ContextMenu, MenuItem } from '../../type';\nimport { ContextMenuBoxComponent } from '../context-menu-box/context-menu-box';\n\n@Component({\n  selector: 'm-context-menu, m-one-context-menu',\n  imports: [ButtonComponent, SelectorDirective],\n  template: `\n    <m-one-button\n      [config]=\"triggerButtonConfig()\"\n      [mSelector]=\"selectorConfig()\"\n      (opened)=\"toggle.set(true)\"\n      (closed)=\"toggle.set(false)\"\n    />\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContextMenuComponent extends ConfigComponent<ContextMenu> {\n  toggle = model<boolean>();\n  override remote = input<string | undefined>();\n  exclude = input<string[]>();\n  readonly visibilityRule = input<(key: string, data?: unknown) => boolean>();\n  readonly disableRule = input<(key: string, data?: unknown) => boolean>();\n  readonly extraData = input<unknown>();\n  readonly inverted = input<boolean | undefined>();\n  // A bound list rides the tag, not the config bag: a YAML file cannot hold\n  // rows a store computes. `MenuItem[]` is accepted because root groups are an\n  // authoring shape — data is one flat group — and normalized on read.\n  readonly options = input<MenuItem[] | MenuItem[][] | undefined>();\n  readonly action = output<MenuItem>();\n  protected override readonly subFolder = 'menu';\n  private readonly selectorDir = viewChild(SelectorDirective);\n  protected readonly contextMenuConfig = computed(\n    () => (this.config() ?? {}) as ContextMenu\n  );\n  private readonly iconConfig = computed<Partial<Icon>>(() => {\n    const toggle = this.toggle();\n    const { closeIcon, icon } = this.contextMenuConfig();\n    if (toggle) {\n      return { name: 'x', ...closeIcon };\n    }\n    return { name: 'ellipsis-vertical', ...icon };\n  });\n  protected readonly triggerButtonConfig = computed(() => ({\n    variant: 'ghost' as const,\n    iconOnly: true as const,\n    icon: this.iconConfig().name,\n    label: 'actions',\n    inverted: this.inverted() ?? this.contextMenuConfig().inverted,\n  }));\n  // `exclude` is not applied here: a menu nests, and a filter run once over the\n  // root groups cannot reach an item a layer down, nor one a `file` parent has\n  // not fetched yet. It is handed to the menu as `hide` instead, which the menu\n  // re-applies at whatever depth is on screen.\n  private readonly contextMenuOptions = computed<MenuItem[][]>(() => {\n    const supplied = this.options();\n    if (supplied) {\n      // The input overrides the config bag the way `inverted` already does.\n      return Array.isArray(supplied[0])\n        ? (supplied as MenuItem[][])\n        : [supplied as MenuItem[]];\n    }\n    return this.contextMenuConfig().options ?? [];\n  });\n  protected readonly selectorConfig = computed<\n    SelectorConfig<ContextMenuBoxComponent> | undefined\n  >(() => {\n    // The overlay-bearing primitives' DesignMode rule (ADR 0003): a Canvas\n    // owns the click — the ControlLayer selects, never the menu — so the\n    // directive is handed nothing to open. An undefined config is the whole\n    // suppression, the directive having no `base` to open on.\n    if (this.isDesignMode) return undefined;\n    return {\n      component: ContextMenuBoxComponent,\n      base: 'm-context-menu',\n      width: this.contextMenuConfig().width ?? '250px',\n      height: this.contextMenuConfig().height ?? 'auto',\n      align: this.contextMenuConfig().align,\n      toggle: true,\n      bindings: [\n        inputBinding('options', this.contextMenuOptions),\n        inputBinding('hide', this.exclude),\n        inputBinding('visibilityRule', this.visibilityRule),\n        inputBinding('disableRule', this.disableRule),\n        inputBinding('extraData', this.extraData),\n        outputBinding('action', (event: MenuItem) => {\n          this.action.emit(event);\n          this.selectorDir()?.close();\n        }),\n      ],\n    };\n  });\n}\n"],"mappings":"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"}

package/fesm2022/magmonium-one-multi-range-DCOwngql.mjs

@@ -0,0 +1,458 @@
+import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
+import { t as LabelComponent } from "./magmonium-one-label-B30Q4Vut.mjs";
+import { p as DraggableDirective } from "./magmonium-one-directives-DOBENX_K.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, HostListener, computed, effect, inject, input, linkedSignal, model, signal, viewChild } from "@angular/core";
+var BaseArrayInputComponent = class BaseArrayInputComponent {
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	config = input(...ngDevMode ? [void 0, { debugName: "config" }] : /* istanbul ignore next */ []);
+	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	invalid = input(false, ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
+	elementRef = inject(ElementRef);
+	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
+	setValue = (value) => {
+		this.value.set(value);
+		this.touched.set(true);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BaseArrayInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: BaseArrayInputComponent,
+		isStandalone: true,
+		selector: "m-base-array-input",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			focused: {
+				classPropertyName: "focused",
+				publicName: "focused",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errors: {
+				classPropertyName: "errors",
+				publicName: "errors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			config: {
+				classPropertyName: "config",
+				publicName: "config",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touched: "touchedChange"
+		},
+		ngImport: i0,
+		template: ``,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BaseArrayInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-base-array-input",
+			template: ``,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		focused: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "focused",
+				required: false
+			}]
+		}],
+		errors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errors",
+				required: false
+			}]
+		}],
+		config: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "config",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["touchedChange"]
+		}]
+	}
+});
+var multi_range_exports = /* @__PURE__ */ __exportAll({ MultiRangeInputComponent: () => MultiRangeInputComponent });
+var MultiRangeInputComponent = class MultiRangeInputComponent extends BaseArrayInputComponent {
+	_track = viewChild("track", ...ngDevMode ? [{ debugName: "_track" }] : /* istanbul ignore next */ []);
+	_trackWidth = signal(0, ...ngDevMode ? [{ debugName: "_trackWidth" }] : /* istanbul ignore next */ []);
+	_TRACK_HALF_H = 3;
+	_measure = effect((onCleanup) => {
+		const track = this._track();
+		if (!track) return;
+		const el = track.nativeElement;
+		this._trackWidth.set(el.getBoundingClientRect().width);
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(([entry]) => this._trackWidth.set(entry.contentRect.width));
+		observer.observe(el);
+		onCleanup(() => observer.disconnect());
+	}, ...ngDevMode ? [{ debugName: "_measure" }] : /* istanbul ignore next */ []);
+	minThumb = linkedSignal({
+		...ngDevMode ? { debugName: "minThumb" } : /* istanbul ignore next */ {},
+		source: () => ({
+			val: this.value()[0],
+			tw: this._trackWidth(),
+			cfg: this.config()
+		}),
+		computation: ({ val, tw, cfg }) => {
+			const c = cfg;
+			const min = c?.min ?? 0;
+			const max = c?.max ?? 100;
+			return {
+				direction: "x",
+				position: {
+					x: tw > 0 ? tw * ((val ?? min) - min) / (max - min) : 0,
+					y: this._TRACK_HALF_H
+				}
+			};
+		}
+	});
+	maxThumb = linkedSignal({
+		...ngDevMode ? { debugName: "maxThumb" } : /* istanbul ignore next */ {},
+		source: () => ({
+			val: this.value()[1],
+			tw: this._trackWidth(),
+			cfg: this.config()
+		}),
+		computation: ({ val, tw, cfg }) => {
+			const c = cfg;
+			const min = c?.min ?? 0;
+			const max = c?.max ?? 100;
+			return {
+				direction: "x",
+				position: {
+					x: tw > 0 ? tw * ((val ?? max) - min) / (max - min) : tw,
+					y: this._TRACK_HALF_H
+				}
+			};
+		}
+	});
+	fillWidth = computed(() => Math.max(0, (this.maxThumb().position.x ?? 0) - (this.minThumb().position.x ?? 0)), ...ngDevMode ? [{ debugName: "fillWidth" }] : /* istanbul ignore next */ []);
+	_displayMin = computed(() => {
+		const c = this.config();
+		const min = c?.min ?? 0;
+		const max = c?.max ?? 100;
+		const tw = this._trackWidth();
+		if (tw === 0) return this.value()[0] ?? min;
+		return Math.round(min + (max - min) * (this.minThumb().position.x ?? 0) / tw);
+	}, ...ngDevMode ? [{ debugName: "_displayMin" }] : /* istanbul ignore next */ []);
+	_displayMax = computed(() => {
+		const c = this.config();
+		const min = c?.min ?? 0;
+		const max = c?.max ?? 100;
+		const tw = this._trackWidth();
+		if (tw === 0) return this.value()[1] ?? max;
+		return Math.round(min + (max - min) * (this.maxThumb().position.x ?? 0) / tw);
+	}, ...ngDevMode ? [{ debugName: "_displayMax" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => {
+			const pos = this.minThumb().position;
+			const c = this.config();
+			const min = c?.min ?? 0;
+			const max = c?.max ?? 100;
+			const tw = this._trackWidth();
+			if (tw === 0) return;
+			const expectedX = tw * ((this.value()[0] ?? min) - min) / (max - min);
+			if (pos.x !== expectedX) {
+				const newMin = Math.round(min + (max - min) * (pos.x ?? 0) / tw);
+				const currentMax = this.value()[1] ?? max;
+				this.setValue([newMin, currentMax]);
+			}
+		});
+		effect(() => {
+			const pos = this.maxThumb().position;
+			const c = this.config();
+			const min = c?.min ?? 0;
+			const max = c?.max ?? 100;
+			const tw = this._trackWidth();
+			if (tw === 0) return;
+			const currentVal = this.value()[1] ?? max;
+			const expectedX = tw > 0 ? tw * (currentVal - min) / (max - min) : tw;
+			if (pos.x !== expectedX) {
+				const newMax = Math.round(min + (max - min) * (pos.x ?? 0) / tw);
+				const currentMin = this.value()[0] ?? min;
+				this.setValue([currentMin, newMax]);
+			}
+		});
+	}
+	_onResize() {
+		const track = this._track();
+		if (track) this._trackWidth.set(track.nativeElement.getBoundingClientRect().width);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MultiRangeInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: MultiRangeInputComponent,
+		isStandalone: true,
+		selector: "m-multi-range",
+		host: { listeners: { "window:resize": "_onResize()" } },
+		viewQueries: [{
+			propertyName: "_track",
+			first: true,
+			predicate: ["track"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    @if (config(); as range) {
+      <div class="m-range m-range--multi">
+        <m-label
+          class="m-range__label"
+          [placeholder]="range.label"
+          [params]="range.params"
+          [required]="required()"
+          [disabled]="disabled()"
+        />
+        <div class="m-range__control">
+          <div class="m-range__track" #track>
+            <div
+              class="m-range__fill"
+              [style.left.px]="minThumb().position.x"
+              [style.width.px]="fillWidth()"
+            ></div>
+            <div
+              class="m-range__thumb"
+              [(mDraggable)]="minThumb"
+              [min]="{ x: 0, y: _TRACK_HALF_H }"
+              [max]="{ x: maxThumb().position.x, y: _TRACK_HALF_H }"
+            ></div>
+            <div
+              class="m-range__thumb"
+              [(mDraggable)]="maxThumb"
+              [min]="{ x: minThumb().position.x, y: _TRACK_HALF_H }"
+              [max]="{ x: _trackWidth(), y: _TRACK_HALF_H }"
+            ></div>
+          </div>
+        </div>
+        <span class="m-range__value"
+          >{{ _displayMin() }}–{{ _displayMax() }}</span
+        >
+      </div>
+    }
+  `,
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: DraggableDirective,
+			selector: "[mDraggable]",
+			inputs: [
+				"mDraggable",
+				"handleSelector",
+				"min",
+				"max",
+				"pos"
+			],
+			outputs: [
+				"mDraggableChange",
+				"dragStart",
+				"dragEnd"
+			]
+		}, {
+			kind: "component",
+			type: LabelComponent,
+			selector: "m-label",
+			inputs: [
+				"for",
+				"placeholder",
+				"params",
+				"required",
+				"disabled",
+				"color",
+				"noTranslate"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: MultiRangeInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-multi-range",
+			imports: [DraggableDirective, LabelComponent],
+			template: `
+    @if (config(); as range) {
+      <div class="m-range m-range--multi">
+        <m-label
+          class="m-range__label"
+          [placeholder]="range.label"
+          [params]="range.params"
+          [required]="required()"
+          [disabled]="disabled()"
+        />
+        <div class="m-range__control">
+          <div class="m-range__track" #track>
+            <div
+              class="m-range__fill"
+              [style.left.px]="minThumb().position.x"
+              [style.width.px]="fillWidth()"
+            ></div>
+            <div
+              class="m-range__thumb"
+              [(mDraggable)]="minThumb"
+              [min]="{ x: 0, y: _TRACK_HALF_H }"
+              [max]="{ x: maxThumb().position.x, y: _TRACK_HALF_H }"
+            ></div>
+            <div
+              class="m-range__thumb"
+              [(mDraggable)]="maxThumb"
+              [min]="{ x: minThumb().position.x, y: _TRACK_HALF_H }"
+              [max]="{ x: _trackWidth(), y: _TRACK_HALF_H }"
+            ></div>
+          </div>
+        </div>
+        <span class="m-range__value"
+          >{{ _displayMin() }}–{{ _displayMax() }}</span
+        >
+      </div>
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .m-range,:host-context(.section-form-item__input) .m-range{width:100%}.m-range{display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: calc(var(--input-size, 1em) * .8);--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-inline:calc(calc(var(--input-size, 1em) * .95) / 2);cursor:pointer;gap:0}.m-range__control:has(.m-range__value:not(.hidden)){gap:calc(var(--input-size, 1em) * .5)}.m-range__control:hover .m-range__track{height:6px}.m-range__track{flex:1;position:relative;height:2px;background-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:3px;overflow:visible;transition:height .15s ease}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-input-color, var(--m-mm));border-radius:inherit;pointer-events:none}.m-range__thumb{position:absolute;width:calc(var(--input-size, 1em) * .95);height:calc(var(--input-size, 1em) * .95);border-radius:50%;background-color:var(--m-input-color, var(--m-mm));border:2px solid var(--m-text-input-background, var(--m-background));box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 1px 3px #00000026;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),0 0 0 calc(var(--input-size, 1em) * .45) color-mix(in srgb,var(--m-mm) 14%,transparent),0 1px 3px #00000026}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 1.5px var(--m-input-color, var(--m-mm)),var(--m-text-input-focus-shadow, 0 0 0 calc(var(--input-size, 1em) * .55) color-mix(in srgb, var(--m-mm) 25%, transparent));z-index:2}.m-range__value{font-size:calc(var(--input-size, 1em) * .8);font-weight:600;color:var(--m-input-color, var(--m-mm));font-variant-numeric:tabular-nums;flex-shrink:0;min-width:0}.m-range__value.hidden{display:none}.m-range--multi .m-range__control{height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75)}.m-range--multi .m-range__value{align-self:flex-end;font-size:calc(var(--input-size, 1em) * .75)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		_track: [{
+			type: i0.ViewChild,
+			args: ["track", { isSignal: true }]
+		}],
+		_onResize: [{
+			type: HostListener,
+			args: ["window:resize"]
+		}]
+	}
+});
+export { multi_range_exports as n, BaseArrayInputComponent as r, MultiRangeInputComponent as t };
+
+//# sourceMappingURL=magmonium-one-multi-range-DCOwngql.mjs.map

package/fesm2022/magmonium-one-multi-range-DCOwngql.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-multi-range-DCOwngql.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/text/base-array.ts","../../../../libs/one/src/lib/shared/ui/input/ui/range/multi-range.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  ElementRef,\n  inject,\n} from '@angular/core';\nimport {\n  FormValueControl,\n  ValidationError,\n  WithOptionalFieldTree,\n} from '@angular/forms/signals';\nimport { Input } from '../../model/input';\n\n@Component({\n  selector: 'm-base-array-input',\n  template: ``,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BaseArrayInputComponent implements FormValueControl<number[]> {\n  value = model<number[]>([]);\n  readonly focused = input<boolean>(false);\n  readonly errors = input<readonly WithOptionalFieldTree<ValidationError>[]>([]);\n  readonly config = input<Input>();\n  readonly required = input<boolean>(false);\n  readonly disabled = input<boolean>(false);\n  readonly invalid = input<boolean>(false);\n  touched = model<boolean>(false);\n\n  protected readonly elementRef = inject(ElementRef);\n\n  showErrors = computed(() => this.touched() && this.invalid());\n\n  protected readonly setValue = (value: number[]): void => {\n    this.value.set(value);\n    this.touched.set(true);\n  };\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  HostListener,\n  linkedSignal,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { BaseArrayInputComponent } from '../text/base-array';\nimport { DraggableDirective, Draggable } from '../../../../directives';\nimport { LabelComponent } from '../label';\nimport { MultiRangeInput } from '../../model/input';\nimport { Direction } from '../../../../type';\n\n@Component({\n  selector: 'm-multi-range',\n  imports: [DraggableDirective, LabelComponent],\n  template: `\n    @if (config(); as range) {\n      <div class=\"m-range m-range--multi\">\n        <m-label\n          class=\"m-range__label\"\n          [placeholder]=\"range.label\"\n          [params]=\"range.params\"\n          [required]=\"required()\"\n          [disabled]=\"disabled()\"\n        />\n        <div class=\"m-range__control\">\n          <div class=\"m-range__track\" #track>\n            <div\n              class=\"m-range__fill\"\n              [style.left.px]=\"minThumb().position.x\"\n              [style.width.px]=\"fillWidth()\"\n            ></div>\n            <div\n              class=\"m-range__thumb\"\n              [(mDraggable)]=\"minThumb\"\n              [min]=\"{ x: 0, y: _TRACK_HALF_H }\"\n              [max]=\"{ x: maxThumb().position.x, y: _TRACK_HALF_H }\"\n            ></div>\n            <div\n              class=\"m-range__thumb\"\n              [(mDraggable)]=\"maxThumb\"\n              [min]=\"{ x: minThumb().position.x, y: _TRACK_HALF_H }\"\n              [max]=\"{ x: _trackWidth(), y: _TRACK_HALF_H }\"\n            ></div>\n          </div>\n        </div>\n        <span class=\"m-range__value\"\n          >{{ _displayMin() }}–{{ _displayMax() }}</span\n        >\n      </div>\n    }\n  `,\n  styleUrl: './range.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MultiRangeInputComponent extends BaseArrayInputComponent {\n  private readonly _track = viewChild<ElementRef<HTMLDivElement>>('track');\n  protected readonly _trackWidth = signal(0);\n  protected readonly _TRACK_HALF_H = 3;\n\n  /**\n   * Measured live rather than once. The track fills its row and opens inside\n   * panels that animate in, and a width read mid\n   * animation is the scaled one — `getBoundingClientRect` counts transforms\n   * where a ResizeObserver's box does not. A stale width is a thumb that stops\n   * short of the track's end or, before the bounds became inputs on the\n   * Draggable, ran clean past it.\n   */\n  private readonly _measure = effect((onCleanup) => {\n    const track = this._track();\n    if (!track) return;\n\n    const el = track.nativeElement;\n    this._trackWidth.set(el.getBoundingClientRect().width);\n\n    // Absent under jsdom, where the window resize below is the only signal.\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) =>\n      this._trackWidth.set(entry.contentRect.width)\n    );\n    observer.observe(el);\n    onCleanup(() => observer.disconnect());\n  });\n\n  readonly minThumb = linkedSignal({\n    source: () => ({\n      val: this.value()[0],\n      tw: this._trackWidth(),\n      cfg: this.config(),\n    }),\n    computation: ({ val, tw, cfg }): Draggable => {\n      const c = cfg as MultiRangeInput | undefined;\n      const min = c?.min ?? 0;\n      const max = c?.max ?? 100;\n      const numVal = val ?? min;\n      const x = tw > 0 ? (tw * (numVal - min)) / (max - min) : 0;\n      return {\n        direction: 'x' as Direction,\n        position: { x, y: this._TRACK_HALF_H },\n      };\n    },\n  });\n\n  readonly maxThumb = linkedSignal({\n    source: () => ({\n      val: this.value()[1],\n      tw: this._trackWidth(),\n      cfg: this.config(),\n    }),\n    computation: ({ val, tw, cfg }): Draggable => {\n      const c = cfg as MultiRangeInput | undefined;\n      const min = c?.min ?? 0;\n      const max = c?.max ?? 100;\n      const numVal = val ?? max;\n      const x = tw > 0 ? (tw * (numVal - min)) / (max - min) : tw;\n      return {\n        direction: 'x' as Direction,\n        position: { x, y: this._TRACK_HALF_H },\n      };\n    },\n  });\n\n  readonly fillWidth = computed(() =>\n    Math.max(\n      0,\n      (this.maxThumb().position.x ?? 0) - (this.minThumb().position.x ?? 0)\n    )\n  );\n\n  readonly _displayMin = computed(() => {\n    const c = this.config() as MultiRangeInput | undefined;\n    const min = c?.min ?? 0;\n    const max = c?.max ?? 100;\n    const tw = this._trackWidth();\n    if (tw === 0) return this.value()[0] ?? min;\n    return Math.round(\n      min + ((max - min) * (this.minThumb().position.x ?? 0)) / tw\n    );\n  });\n\n  readonly _displayMax = computed(() => {\n    const c = this.config() as MultiRangeInput | undefined;\n    const min = c?.min ?? 0;\n    const max = c?.max ?? 100;\n    const tw = this._trackWidth();\n    if (tw === 0) return this.value()[1] ?? max;\n    return Math.round(\n      min + ((max - min) * (this.maxThumb().position.x ?? 0)) / tw\n    );\n  });\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const pos = this.minThumb().position;\n      const c = this.config() as MultiRangeInput | undefined;\n      const min = c?.min ?? 0;\n      const max = c?.max ?? 100;\n      const tw = this._trackWidth();\n      if (tw === 0) return;\n      const currentVal = this.value()[0] ?? min;\n      const expectedX = (tw * (currentVal - min)) / (max - min);\n      if (pos.x !== expectedX) {\n        const newMin = Math.round(min + ((max - min) * (pos.x ?? 0)) / tw);\n        const currentMax = this.value()[1] ?? max;\n        this.setValue([newMin, currentMax]);\n      }\n    });\n\n    effect(() => {\n      const pos = this.maxThumb().position;\n      const c = this.config() as MultiRangeInput | undefined;\n      const min = c?.min ?? 0;\n      const max = c?.max ?? 100;\n      const tw = this._trackWidth();\n      if (tw === 0) return;\n      const currentVal = this.value()[1] ?? max;\n      const expectedX = tw > 0 ? (tw * (currentVal - min)) / (max - min) : tw;\n      if (pos.x !== expectedX) {\n        const newMax = Math.round(min + ((max - min) * (pos.x ?? 0)) / tw);\n        const currentMin = this.value()[0] ?? min;\n        this.setValue([currentMin, newMax]);\n      }\n    });\n  }\n\n  @HostListener('window:resize')\n  protected _onResize(): void {\n    const track = this._track();\n    if (track) {\n      this._trackWidth.set(track.nativeElement.getBoundingClientRect().width);\n    }\n  }\n}\n"],"mappings":"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"}

package/fesm2022/magmonium-one-options-asset-D8Gg1yNl.mjs

@@ -0,0 +1,97 @@
+import { J as OPTIONS_SOURCE, p as AssetStore } from "./magmonium-one-size-converter-B-UubQQ0.mjs";
+import * as i0 from "@angular/core";
+import { Directive, computed, effect, inject, input, untracked } from "@angular/core";
+import { of } from "rxjs";
+import { rxResource } from "@angular/core/rxjs-interop";
+var OptionsSourceDirective = class OptionsSourceDirective {
+	name = input(void 0, {
+		...ngDevMode ? { debugName: "name" } : /* istanbul ignore next */ {},
+		alias: "mOptions"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: OptionsSourceDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: OptionsSourceDirective,
+		isStandalone: true,
+		selector: "[mOptions]",
+		inputs: { name: {
+			classPropertyName: "name",
+			publicName: "mOptions",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: OptionsSourceDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[mOptions]" }]
+	}],
+	propDecorators: { name: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "mOptions",
+			required: false
+		}]
+	}] }
+});
+function normalizeAssetOptions(data) {
+	if (!data?.length) return [];
+	return (Array.isArray(data[0]) ? data.flat() : data).map((option) => ({
+		value: option.value ?? option.id ?? "",
+		label: option.label,
+		icon: option.icon,
+		disabled: option.disabled,
+		...option.default === true ? { default: true } : {}
+	}));
+}
+function assetOptions(name) {
+	const assetStore = inject(AssetStore);
+	const optionsSource = inject(OPTIONS_SOURCE, { optional: true });
+	const directive = inject(OptionsSourceDirective, { optional: true });
+	const assetName = computed(() => name?.()?.trim() || directive?.name()?.trim() || void 0, ...ngDevMode ? [{ debugName: "assetName" }] : /* istanbul ignore next */ []);
+	const suppliedRows = computed(() => {
+		const key = assetName();
+		if (!key) return void 0;
+		const rows = optionsSource?.()?.[key];
+		return Array.isArray(rows) ? rows : void 0;
+	}, ...ngDevMode ? [{ debugName: "suppliedRows" }] : /* istanbul ignore next */ []);
+	const resource = rxResource({
+		params: () => suppliedRows() ? void 0 : assetName(),
+		stream: ({ params }) => {
+			if (!params) return of(void 0);
+			return assetStore.resolve("options", params, true);
+		}
+	});
+	return computed(() => normalizeAssetOptions(suppliedRows() ?? resource.value()));
+}
+const isEmptyValue = (value) => value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+function presetDefaultOption(options, current, apply) {
+	let consulted;
+	effect(() => {
+		const row = options().find((option) => option.default && !option.disabled);
+		if (!row || row.value === consulted) return;
+		consulted = row.value;
+		untracked(() => {
+			if (isEmptyValue(current())) apply(row.value);
+		});
+	});
+}
+export { OptionsSourceDirective as i, normalizeAssetOptions as n, presetDefaultOption as r, assetOptions as t };
+
+//# sourceMappingURL=magmonium-one-options-asset-D8Gg1yNl.mjs.map