@magmonium/one 0.4.30 → 0.4.32

package/fesm2022/magmonium-one-attribute-value-DMI0yJpL.mjs

@@ -0,0 +1,255 @@
+import { B as IS_DESIGN_MODE, p as AssetStore, v as HttpService } from "./magmonium-one-size-converter-BfT0Aw0g.mjs";
+import { m as ThemeStore, t as applyColorsToElement } from "./magmonium-one-color-utl-CAbZLKB5.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, computed, effect, inject, input, model, signal, untracked } from "@angular/core";
+import { catchError, of } from "rxjs";
+import { rxResource } from "@angular/core/rxjs-interop";
+function resolveConfigAsset(assetStore, subFolder, name, isOne, remoteBaseUrl) {
+	if (!name) return of({});
+	const parts = [subFolder, name].filter((part) => typeof part !== "undefined");
+	const type = parts.length > 1 ? parts.slice(0, -1).join("/") : parts[0];
+	const assetName = parts[parts.length - 1];
+	return assetStore.resolve(type, assetName, isOne, remoteBaseUrl).pipe(catchError(() => of({})));
+}
+var ConfigComponent = class ConfigComponent {
+	config = model(...ngDevMode ? [void 0, { debugName: "config" }] : /* istanbul ignore next */ []);
+	name = input(...ngDevMode ? [void 0, { debugName: "name" }] : /* istanbul ignore next */ []);
+	baseUrl = input(...ngDevMode ? [void 0, { debugName: "baseUrl" }] : /* istanbul ignore next */ []);
+	subFolder = void 0;
+	resolvesConfigAsset = true;
+	one = input(void 0, ...ngDevMode ? [{ debugName: "one" }] : /* istanbul ignore next */ []);
+	elementRef = inject(ElementRef);
+	isFromOne = computed(() => {
+		if (this.one() || this.config()?.one) return true;
+		return this.elementRef.nativeElement.tagName.startsWith("M-ONE");
+	}, ...ngDevMode ? [{ debugName: "isFromOne" }] : /* istanbul ignore next */ []);
+	themeStore = inject(ThemeStore);
+	isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });
+	pallet = signal(void 0, ...ngDevMode ? [{ debugName: "pallet" }] : /* istanbul ignore next */ []);
+	remote = input(...ngDevMode ? [void 0, { debugName: "remote" }] : /* istanbul ignore next */ []);
+	assetStore = inject(AssetStore);
+	http = inject(HttpService);
+	previousName = signal(void 0, ...ngDevMode ? [{ debugName: "previousName" }] : /* istanbul ignore next */ []);
+	remoteBaseUrl = computed(() => {
+		const remoteId = this.remote() ?? this.config()?.remote;
+		return remoteId ? this.http.buildWcAssetBaseUrl(remoteId) : void 0;
+	}, ...ngDevMode ? [{ debugName: "remoteBaseUrl" }] : /* istanbul ignore next */ []);
+	assetsPath = computed(() => {
+		const name = this.name();
+		if (!name || !this.resolvesConfigAsset) return void 0;
+		return {
+			name,
+			isOne: this.isFromOne(),
+			remoteBaseUrl: this.remoteBaseUrl()
+		};
+	}, ...ngDevMode ? [{ debugName: "assetsPath" }] : /* istanbul ignore next */ []);
+	storedConfig = rxResource({
+		params: () => this.assetsPath(),
+		stream: ({ params }) => resolveConfigAsset(this.assetStore, this.subFolder, params?.name, params?.isOne ?? false, params?.remoteBaseUrl)
+	});
+	declaredName = computed(() => this.storedConfig.value()?.name, ...ngDevMode ? [{ debugName: "declaredName" }] : /* istanbul ignore next */ []);
+	manualConfig = signal({}, ...ngDevMode ? [{ debugName: "manualConfig" }] : /* istanbul ignore next */ []);
+	_internalConfigWritePending = signal(false, ...ngDevMode ? [{ debugName: "_internalConfigWritePending" }] : /* istanbul ignore next */ []);
+	resolveComponentOverrides() {
+		return {};
+	}
+	constructor() {
+		effect(this.syncManualConfig);
+		effect(this.updateConfig);
+		effect(this.updatePallet);
+	}
+	syncManualConfig = () => {
+		const current = this.config();
+		if (!current) return;
+		untracked(() => {
+			if (this._internalConfigWritePending()) {
+				this._internalConfigWritePending.set(false);
+				return;
+			}
+			const prev = this.manualConfig();
+			const merged = { ...current };
+			if ([.../* @__PURE__ */ new Set([...Object.keys(merged), ...Object.keys(prev)])].some((k) => {
+				return Object.prototype.hasOwnProperty.call(merged, k) !== Object.prototype.hasOwnProperty.call(prev, k) || merged[k] !== prev[k];
+			})) this.manualConfig.set(merged);
+		});
+	};
+	get defaultColor() {
+		return "mm";
+	}
+	updatePallet = () => {
+		const config = this.config();
+		if (!config) return;
+		const color = this.resolveComponentOverrides().color ?? config.color ?? this.defaultColor;
+		this.pallet.set(applyColorsToElement(color, this.themeStore.color(), this.elementRef.nativeElement));
+	};
+	updateConfig = () => {
+		const currentName = untracked(() => this.name());
+		const prevName = untracked(() => this.previousName());
+		const storedConfigValue = this.storedConfig.value();
+		const isLoading = this.storedConfig.isLoading();
+		const manual = this.manualConfig();
+		const componentOverrides = this.resolveComponentOverrides();
+		if (currentName !== prevName && prevName !== void 0) {
+			this.manualConfig.set({});
+			this._internalConfigWritePending.set(true);
+			this.config.set({
+				...storedConfigValue ?? {},
+				...componentOverrides,
+				name: currentName,
+				remote: this.remote() ?? storedConfigValue?.remote,
+				isLoading
+			});
+		} else untracked(() => {
+			const currentConfig = this.config();
+			const merged = {
+				...storedConfigValue ?? {},
+				...manual,
+				...componentOverrides,
+				name: currentName ?? currentConfig?.name,
+				baseUrl: this.baseUrl() ?? currentConfig?.baseUrl,
+				remote: this.remote() ?? storedConfigValue?.remote ?? currentConfig?.remote,
+				isLoading
+			};
+			const prev = currentConfig ?? {};
+			if ([.../* @__PURE__ */ new Set([...Object.keys(merged), ...Object.keys(prev)])].every((k) => {
+				return Object.prototype.hasOwnProperty.call(merged, k) === Object.prototype.hasOwnProperty.call(prev, k) && merged[k] === prev[k];
+			})) return;
+			this._internalConfigWritePending.set(true);
+			this.config.set(merged);
+		});
+		this.previousName.set(currentName);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ConfigComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: ConfigComponent,
+		isStandalone: true,
+		selector: "m-config",
+		inputs: {
+			config: {
+				classPropertyName: "config",
+				publicName: "config",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			baseUrl: {
+				classPropertyName: "baseUrl",
+				publicName: "baseUrl",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			one: {
+				classPropertyName: "one",
+				publicName: "one",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			remote: {
+				classPropertyName: "remote",
+				publicName: "remote",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { config: "configChange" },
+		ngImport: i0,
+		template: ``,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ConfigComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			imports: [],
+			selector: "m-config",
+			template: ``,
+			changeDetection: ChangeDetectionStrategy.OnPush
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		config: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "config",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["configChange"]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		baseUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "baseUrl",
+				required: false
+			}]
+		}],
+		one: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "one",
+				required: false
+			}]
+		}],
+		remote: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "remote",
+				required: false
+			}]
+		}]
+	}
+});
+const toAttrBool = (value) => {
+	if (value === void 0) return void 0;
+	if (typeof value === "boolean") return value;
+	return value.trim().toLowerCase() !== "false";
+};
+const toAttrNumber = (value) => {
+	if (value === void 0 || typeof value === "number") return value;
+	const trimmed = value.trim();
+	if (trimmed === "") return void 0;
+	const numeric = Number(trimmed);
+	return Number.isNaN(numeric) ? value : numeric;
+};
+export { resolveConfigAsset as i, toAttrNumber as n, ConfigComponent as r, toAttrBool as t };
+
+//# sourceMappingURL=magmonium-one-attribute-value-DMI0yJpL.mjs.map

package/fesm2022/magmonium-one-attribute-value-DMI0yJpL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-attribute-value-DMI0yJpL.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/functions/config/resolve-config-asset.ts","../../../../libs/one/src/lib/shared/lib/components/config-component.ts","../../../../libs/one/src/lib/shared/functions/config/attribute-value.ts"],"sourcesContent":["import { catchError, Observable, of } from 'rxjs';\nimport { AssetStore } from '../../stores/asset.store';\nimport { Config } from '../../type/config/config-type';\n\n/**\n * Resolves a config asset by name via `AssetStore`, outside any component\n * injection context — callable from directives, stores, or components alike.\n */\nexport function resolveConfigAsset<T extends Config = Config>(\n  assetStore: InstanceType<typeof AssetStore>,\n  subFolder: string | undefined,\n  name: string | undefined,\n  isOne: boolean,\n  remoteBaseUrl: string | undefined\n): Observable<Partial<T>> {\n  if (!name) return of({});\n\n  const parts = [subFolder, name].filter(\n    (part): part is string => typeof part !== 'undefined'\n  );\n  const type = parts.length > 1 ? parts.slice(0, -1).join('/') : parts[0];\n  const assetName = parts[parts.length - 1];\n\n  return assetStore\n    .resolve<Partial<T>>(type, assetName, isOne, remoteBaseUrl)\n    .pipe(catchError(() => of({})));\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { AssetStore } from '../../stores/asset.store';\nimport { Config } from '../../type/config/config-type';\nimport { resolveConfigAsset } from '../../functions/config/resolve-config-asset';\nimport { applyColorsToElement, ColorPallet } from '../theme/lib/color-utl';\nimport { ThemeStore } from '../theme/lib/theme-store';\nimport { HttpService } from '../../services/http';\nimport { IS_DESIGN_MODE } from '../../config/tokens';\n\n@Component({\n  imports: [],\n  selector: 'm-config',\n  template: ``,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ConfigComponent<T extends Config = Config> {\n  config = model<Partial<T>>();\n  name = input<string | undefined>();\n  baseUrl = input<string | undefined>();\n  protected readonly subFolder: string | undefined = undefined;\n  // Off for components whose settings are written on the tag: a Section Form\n  // and its Items take every key as an attribute (ADR 0010), so their `name`\n  // is the data key a form models by and not a `forms/*.yml` or\n  // `fields/*.yml` to fetch. Config assets stay with <m-form> and its\n  // <m-input-wrapper>, the pair that is reached by name alone.\n  protected readonly resolvesConfigAsset: boolean = true;\n  one = input<boolean | undefined>(undefined);\n  protected readonly elementRef = inject(ElementRef);\n  protected readonly isFromOne = computed(() => {\n    if (this.one() || this.config()?.one) {\n      return true;\n    }\n    return this.elementRef.nativeElement.tagName.startsWith('M-ONE');\n  });\n  protected readonly themeStore = inject(ThemeStore);\n\n  // True when this component sits inside a visual editor's canvas (DesignMode).\n  // Subclasses use it to render editor-only affordances — placeholder boxes for\n  // otherwise zero-sized nodes, drop outlines, inert interactions.\n  protected readonly isDesignMode = !!inject(IS_DESIGN_MODE, {\n    optional: true,\n  });\n\n  protected readonly pallet = signal<ColorPallet | undefined>(undefined);\n\n  remote = input<string | undefined>();\n  protected readonly assetStore = inject(AssetStore);\n  private readonly http = inject(HttpService);\n  private readonly previousName = signal<string | undefined>(undefined);\n  // Protected: a subclass resolving an asset of its own — a Field's accepted\n  // shapes — has to reach the same Remote its config came from.\n  protected readonly remoteBaseUrl = computed<string | undefined>(() => {\n    const remoteId = this.remote() ?? this.config()?.remote;\n    return remoteId ? this.http.buildWcAssetBaseUrl(remoteId) : undefined;\n  });\n  private readonly assetsPath = computed<\n    | {\n        name: string;\n        isOne: boolean;\n        remoteBaseUrl: string | undefined;\n      }\n    | undefined\n  >(() => {\n    const name = this.name();\n    if (!name || !this.resolvesConfigAsset) return undefined;\n    return {\n      name,\n      isOne: this.isFromOne(),\n      remoteBaseUrl: this.remoteBaseUrl(),\n    };\n  });\n  private readonly storedConfig = rxResource({\n    params: () => this.assetsPath(),\n    stream: ({ params }) =>\n      resolveConfigAsset<T>(\n        this.assetStore,\n        this.subFolder,\n        params?.name,\n        params?.isOne ?? false,\n        params?.remoteBaseUrl\n      ),\n  });\n\n  // The `name` the resolved asset declares for itself, which is not always the\n  // filename it was found under: fields/label_key.yml declares `label`, so a\n  // picker asset and a plain textarea asset can drive one config key. Exposed\n  // because `config().name` is stamped with the filename — that is what\n  // resolves the asset — and a subclass binding to the declared key needs the\n  // other half.\n  protected readonly declaredName = computed(\n    () => (this.storedConfig.value() as Config | undefined)?.name\n  );\n\n  // Keep track of manual updates cumulatively to support delta updates\n  private readonly manualConfig = signal<Partial<T>>({});\n  // Prevents syncManualConfig from treating internal updateConfig writes as external input\n  private readonly _internalConfigWritePending = signal(false);\n\n  /** Override in subclasses to provide component-level config overrides from individual inputs. */\n  protected resolveComponentOverrides(): Partial<T> {\n    return {};\n  }\n\n  constructor() {\n    effect(this.syncManualConfig);\n    effect(this.updateConfig);\n    effect(this.updatePallet);\n  }\n\n  private readonly syncManualConfig = () => {\n    const current = this.config();\n    if (!current) return;\n\n    untracked(() => {\n      // Skip writes that originated from updateConfig — they are already merged\n      if (this._internalConfigWritePending()) {\n        this._internalConfigWritePending.set(false);\n        return;\n      }\n\n      const prev = this.manualConfig();\n\n      const merged = {\n        ...current,\n      };\n\n      const allKeys = new Set([...Object.keys(merged), ...Object.keys(prev)]);\n      const changed = [...allKeys].some((k) => {\n        const inMerged = Object.prototype.hasOwnProperty.call(merged, k);\n        const inPrev = Object.prototype.hasOwnProperty.call(prev, k);\n        return (\n          inMerged !== inPrev ||\n          (merged as Record<string, unknown>)[k] !==\n            (prev as Record<string, unknown>)[k]\n        );\n      });\n\n      if (changed) {\n        this.manualConfig.set(merged);\n      }\n    });\n  };\n\n  protected get defaultColor(): string {\n    return 'mm';\n  }\n\n  private readonly updatePallet = (): void => {\n    const config = this.config();\n    if (!config) {\n      return;\n    }\n    // Scalar inputs override the resolved config everywhere else. Apply the\n    // same precedence to the host palette so its contrast and opposite values\n    // cannot lag behind an explicit `color` input.\n    const color =\n      this.resolveComponentOverrides().color ??\n      config.color ??\n      this.defaultColor;\n    this.pallet.set(\n      applyColorsToElement(\n        color,\n        this.themeStore.color(),\n        this.elementRef.nativeElement\n      )\n    );\n  };\n\n  private readonly updateConfig = () => {\n    const currentName = untracked(() => this.name());\n    const prevName = untracked(() => this.previousName());\n    const storedConfigValue = this.storedConfig.value();\n    const isLoading = this.storedConfig.isLoading();\n    const manual = this.manualConfig();\n    const componentOverrides = this.resolveComponentOverrides();\n\n    const nameChanged = currentName !== prevName && prevName !== undefined;\n\n    if (nameChanged) {\n      // Clear manual config on name change to start fresh with new asset\n      this.manualConfig.set({});\n      this._internalConfigWritePending.set(true);\n      this.config.set({\n        ...((storedConfigValue ?? {}) as T),\n        ...componentOverrides,\n        name: currentName,\n        remote: this.remote() ?? (storedConfigValue as Partial<T>)?.remote,\n        isLoading,\n      } as T);\n    } else {\n      untracked(() => {\n        const currentConfig = this.config();\n        const merged = {\n          ...((storedConfigValue ?? {}) as Partial<T>),\n          ...(manual as T),\n          ...componentOverrides,\n          name: currentName ?? currentConfig?.name,\n          baseUrl: this.baseUrl() ?? currentConfig?.baseUrl,\n          remote:\n            this.remote() ??\n            (storedConfigValue as Partial<T>)?.remote ??\n            currentConfig?.remote,\n          isLoading,\n        } as T;\n\n        const prev = currentConfig ?? {};\n        const allKeys = new Set([...Object.keys(merged), ...Object.keys(prev)]);\n        const same = [...allKeys].every((k) => {\n          const inMerged = Object.prototype.hasOwnProperty.call(merged, k);\n          const inPrev = Object.prototype.hasOwnProperty.call(prev, k);\n          return (\n            inMerged === inPrev &&\n            (merged as Record<string, unknown>)[k] ===\n              (prev as Record<string, unknown>)[k]\n          );\n        });\n        if (same) return;\n\n        this._internalConfigWritePending.set(true);\n        this.config.set(merged);\n      });\n    }\n    this.previousName.set(currentName);\n  };\n}\n","// A component's scalar settings ride on its tag (ADR 0010), and an attribute\n// is a string even when the value is not. These are what a\n// `resolveComponentOverrides()` runs an attribute through before folding it\n// into the config the component would otherwise have read from a YAML asset.\n\n/**\n * A bare attribute (`required`, `fullWidth`) arrives as '', which is HTML for\n * \"present\" — the one spelling that has to mean true rather than empty. Only\n * the literal string 'false' reads as false, so `[required]=\"false\"` and\n * `required=\"false\"` agree; without that, a non-empty string would reach a\n * `boolean` input as truthy and an unticked toggle would render as ticked.\n */\nexport const toAttrBool = (\n  value: boolean | string | undefined\n): boolean | undefined => {\n  if (value === undefined) return undefined;\n  if (typeof value === 'boolean') return value;\n  return value.trim().toLowerCase() !== 'false';\n};\n\n/**\n * A numeric string becomes a number so the inputs reading these get the type\n * they expect. Anything else passes through as written — `maxWidth: 50%` and a\n * date format are legitimately non-numeric, and an empty attribute is an unset\n * rather than a zero.\n */\nexport const toAttrNumber = (\n  value: number | string | undefined\n): number | string | undefined => {\n  if (value === undefined || typeof value === 'number') return value;\n  const trimmed = value.trim();\n  if (trimmed === '') return undefined;\n  const numeric = Number(trimmed);\n  return Number.isNaN(numeric) ? value : numeric;\n};\n"],"mappings":"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"}

package/fesm2022/magmonium-one-base-checkbox-C9dvZ2IH.mjs

@@ -0,0 +1,77 @@
+import { t as BaseInputComponent } from "./magmonium-one-base-input-CLBOTOUs.mjs";
+import * as i0 from "@angular/core";
+import { Directive, afterRenderEffect, model, viewChild } from "@angular/core";
+var BaseCheckboxInputComponent = class BaseCheckboxInputComponent extends BaseInputComponent {
+	value = void 0;
+	checked = model(false);
+	inputElement = viewChild("inputElement", ...ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		afterRenderEffect(() => {
+			if (this.focused() && this.inputElement()) this.inputElement()?.nativeElement.focus();
+		});
+	}
+	setValue = (value) => {
+		this.checked.set(value);
+		this.touched.set(true);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BaseCheckboxInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: BaseCheckboxInputComponent,
+		isStandalone: true,
+		inputs: { checked: {
+			classPropertyName: "checked",
+			publicName: "checked",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		outputs: { checked: "checkedChange" },
+		viewQueries: [{
+			propertyName: "inputElement",
+			first: true,
+			predicate: ["inputElement"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BaseCheckboxInputComponent,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => [],
+	propDecorators: {
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["checkedChange"]
+		}],
+		inputElement: [{
+			type: i0.ViewChild,
+			args: ["inputElement", { isSignal: true }]
+		}]
+	}
+});
+export { BaseCheckboxInputComponent as t };
+
+//# sourceMappingURL=magmonium-one-base-checkbox-C9dvZ2IH.mjs.map

package/fesm2022/magmonium-one-base-checkbox-C9dvZ2IH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-base-checkbox-C9dvZ2IH.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/checkbox/base-checkbox.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  Directive,\n  ElementRef,\n  model,\n  ModelSignal,\n  viewChild,\n} from '@angular/core';\nimport { FormCheckboxControl } from '@angular/forms/signals';\nimport { BaseInputComponent } from '../../lib/base-input';\nimport { Input } from '../../model/input';\n\n@Directive()\nexport class BaseCheckboxInputComponent\n  extends BaseInputComponent<Input>\n  implements FormCheckboxControl\n{\n  public value = undefined;\n  /** Required by FormCheckboxControl interface */\n  public readonly checked: ModelSignal<boolean> = model<boolean>(\n    false\n  ) as ModelSignal<boolean>;\n\n  private inputElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n  constructor() {\n    super();\n    afterRenderEffect(() => {\n      if (this.focused() && this.inputElement()) {\n        this.inputElement()?.nativeElement.focus();\n      }\n    });\n  }\n\n  protected readonly setValue = (value: boolean) => {\n    this.checked.set(value);\n    this.touched.set(true);\n  };\n}\n"],"mappings":";;;AAaA,IAAa,6BAAb,MAAa,mCACH,mBAAyB;CAG1B,QAAQ;CAEC,UAAgC,MAC9C,KAAK;CAGC,eACN,UAAwC,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEzD,cAAA;EACE,MAAK;EACL,wBAAuB;GACrB,IAAI,KAAK,QAAO,KAAM,KAAK,aAAY,GACrC,KAAK,aAAY,CAAE,EAAE,cAAc,MAAK;EAE5C,CAAC;CACH;CAEmB,YAAY,UAAkB;EAC/C,KAAK,QAAQ,IAAI,KAAK;EACtB,KAAK,QAAQ,IAAI,IAAI;CACvB;CAzBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA0B,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA1B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA0B,cAAA;EAAA,QAAA,EAAA,SAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,SAAA,EAAA,SAAA,gBAAA;EAAA,aAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAAA,CAAA,cAAA;GAAA,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,iBAAA;EAAA,UAAA;CAAA,CAAA;;AAA1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA0B,YAAA,CAAA,EADtC,MAAA,UAY2C,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,eAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,gBAAc,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}