@magmonium/one 0.4.100 → 0.4.101

package/fesm2022/{magmonium-one-text-output-E6pe3IOL.mjs.map → magmonium-one-text-output-DiA4R1pw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magmonium-one-text-output-E6pe3IOL.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/text-output/ui/text-output.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { TranslateService } from '../../../services/translate';\nimport { ConfigComponent } from '../../../lib/components/config-component';\nimport { Config } from '../../../type/config/config-type';\nimport { LAYOUT_ASSET_FOLDER } from '../../../enum';\nimport { toAttrBool } from '../../../functions/config/attribute-value';\nimport { resolvePallet } from '../../../lib/theme/lib/color-utl';\n\nexport type TextOutputAlign = 'left' | 'right' | 'center';\n\n// Variants are roles, not styles: each one says what the text is doing on the\n// page, and the Section it sits in decides how big that role renders. Every\n// size below is therefore an `em` multiple of the inherited Section font-size\n// — a `lead` in a compact Section stays proportionally a lead — which is the\n// one rule the plain (undefined) variant keeps by inheriting outright.\n//\n// - `lead`     opening paragraph that introduces the block under it\n// - `big`      one-line statement — a number, a verdict, a headline that is\n//              not a SectionHeader\n// - `bold`     emphasis at body size, for the line that must be read first\n// - `footer`   annotation under the thing it describes — a field's validation\n//              message, a caption, a disclaimer; 0.75 of body, body colour\n// - `footnote` aside the reader may skip — source, legal line, small print;\n//              0.6 of body, body colour\n// - `link`       text that goes somewhere on click — an affordance rather than\n//                a size, so it is the one role that stays inline, takes focus,\n//                and emits `clicked`\n// - `link-small` the same affordance for a link that trails the content it\n//                belongs to rather than carrying a line of its own — a \"see\n//                all\", an \"edit\" beside a field; body size like `link`\nexport type TextOutputVariant =\n  | 'lead'\n  | 'big'\n  | 'bold'\n  | 'footer'\n  | 'footnote'\n  | 'link'\n  | 'link-small';\n\n// Weight tokens of the type scale. Applied after the variant, so it overrides\n// the weight a role implies (`lead` light, `big` semibold, `bold` bold).\nexport type TextOutputFontWeight =\n  | 'light'\n  | 'normal'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\nexport interface TextOutputConfig extends Config {\n  label?: string;\n  noTranslate?: boolean;\n  align?: TextOutputAlign;\n  variant?: TextOutputVariant;\n  color?: string;\n  fontWeight?: TextOutputFontWeight;\n}\n\n@Component({\n  selector: 'm-text-output',\n  imports: [],\n  template: `\n    <div\n      class=\"m-text-output\"\n      [style.color]=\"resolvedColorPallet().color\"\n      [innerHTML]=\"html()\"\n    ></div>\n  `,\n  styleUrl: './text-output.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'm-text-output-host',\n    '[class.is-design-mode]': 'isDesignMode',\n    '[class.align-left]': 'resolvedAlign() === \"left\"',\n    '[class.align-right]': 'resolvedAlign() === \"right\"',\n    '[class.align-center]': 'resolvedAlign() === \"center\"',\n    '[class.variant-lead]': 'resolvedVariant() === \"lead\"',\n    '[class.variant-big]': 'resolvedVariant() === \"big\"',\n    '[class.variant-bold]': 'resolvedVariant() === \"bold\"',\n    '[class.variant-footer]': 'resolvedVariant() === \"footer\"',\n    '[class.variant-footnote]': 'resolvedVariant() === \"footnote\"',\n    '[class.variant-link]': 'resolvedVariant() === \"link\"',\n    '[class.variant-link-small]': 'resolvedVariant() === \"link-small\"',\n    '[class.weight-light]': 'resolvedFontWeight() === \"light\"',\n    '[class.weight-normal]': 'resolvedFontWeight() === \"normal\"',\n    '[class.weight-medium]': 'resolvedFontWeight() === \"medium\"',\n    '[class.weight-semibold]': 'resolvedFontWeight() === \"semibold\"',\n    '[class.weight-bold]': 'resolvedFontWeight() === \"bold\"',\n    '[class.has-color]': '!!(color() ?? config()?.color)',\n    '[class.is-truncated]': '!!truncate()',\n    // Only a link is reachable and announced as one. Every other variant is a\n    // size, and a focus stop on plain text is a tab stop that does nothing.\n    '[attr.role]': 'isLink() ? \"link\" : null',\n    '[attr.tabindex]': 'isLink() ? 0 : null',\n    '(click)': 'onClick()',\n    '(keydown.enter)': 'onClick()',\n    '[style.--m-text-output-color]': 'resolvedColorPallet().color',\n    '[style.--m-text-output-color-contrast]': 'resolvedColorPallet().contrastColor',\n    '[style.--m-text-output-color-opposite]': 'resolvedColorPallet().oppositeColor',\n  },\n})\nexport class TextOutputComponent extends ConfigComponent<TextOutputConfig> {\n  override subFolder = LAYOUT_ASSET_FOLDER.text_output;\n  override config = model<Partial<TextOutputConfig>>();\n  private readonly translateService = inject(TranslateService);\n\n  readonly align = input<TextOutputAlign | undefined>(undefined);\n  readonly variant = input<TextOutputVariant | undefined>(undefined);\n  // A theme colour key (`error`, `warning`, `success`, …) or a raw CSS colour,\n  // resolved the same way an Icon's or a Logo's is so a token follows the\n  // active theme instead of freezing one theme's hex into a template.\n  readonly color = input<string | undefined>(undefined);\n  readonly fontWeight = input<TextOutputFontWeight | undefined>(undefined);\n  // `label` is the text itself, so a one-off TextOutput needs no asset behind\n  // it (ADR 0010). Numeric display values are stringified before entering the\n  // text and translation pipeline.\n  readonly label = input<string | number | undefined>(undefined);\n  readonly noTranslate = input<boolean | string | undefined>(undefined);\n  // Values for the message's `<name>` / `<$name>` placeholders. An input and\n  // deliberately not a TextOutputConfig key: an asset is resolved by name and\n  // shared across every Control that names it, and these differ per render\n  // (ADR 0020). The query-string form (`min_length?len=6`) still works and\n  // still loses to this on a shared placeholder, that being the precedence\n  // TranslateService already had. Bind a named member — an object literal in a\n  // template is refused by `no-inline-config` (ADR 0010).\n  readonly params = input<Record<string, string> | undefined>(undefined);\n  // One line, cut with an ellipsis at the box's edge rather than wrapping or\n  // spilling into a neighbour. For text whose length says nothing about the\n  // layout — a bound path drawn as `{store.a.b.c}` on the design Canvas.\n  readonly truncate = input<boolean | undefined>(undefined);\n\n  readonly resolvedAlign = computed<TextOutputAlign>(\n    () => this.align() ?? this.config()?.align ?? 'left'\n  );\n\n  protected readonly resolvedVariant = computed<TextOutputVariant | undefined>(\n    () => this.variant() ?? this.config()?.variant\n  );\n\n  protected readonly resolvedFontWeight = computed<\n    TextOutputFontWeight | undefined\n  >(() => this.fontWeight() ?? this.config()?.fontWeight);\n\n  // Both link roles are the same affordance, so both take the focus stop, the\n  // `role=\"link\"` and the `clicked` output; only their size differs.\n  protected readonly isLink = computed(() => {\n    const variant = this.resolvedVariant();\n    return variant === 'link' || variant === 'link-small';\n  });\n\n  /**\n   * Fired by a `link` variant and by nothing else. A text that is not a link\n   * draws no affordance and takes no focus, so a click on it is a click on\n   * prose — emitting there would be a control only a mouse could find.\n   *\n   * Where the link goes to a route instead, the caller attaches `routerLink`\n   * and binds nothing here: one click means one thing.\n   */\n  readonly clicked = output<void>();\n\n  protected onClick(): void {\n    if (this.isLink()) this.clicked.emit();\n  }\n\n  protected readonly resolvedColorPallet = computed(() =>\n    resolvePallet(\n      this.color() ?? this.config()?.color ?? this.defaultColor,\n      this.themeStore.color()\n    )\n  );\n\n  protected override resolveComponentOverrides(): Partial<TextOutputConfig> {\n    const overrides: Partial<TextOutputConfig> = {};\n    const align = this.align();\n    if (align !== undefined) overrides.align = align;\n    const label = this.label();\n    if (label !== undefined) overrides.label = String(label);\n    const noTranslate = toAttrBool(this.noTranslate());\n    if (noTranslate !== undefined) overrides.noTranslate = noTranslate;\n    const variant = this.variant();\n    if (variant !== undefined) overrides.variant = variant;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const fontWeight = this.fontWeight();\n    if (fontWeight !== undefined) overrides.fontWeight = fontWeight;\n    return overrides;\n  }\n\n  protected readonly resolvedLabel = computed(() => this.config()?.label);\n  protected readonly shouldTranslate = computed(\n    () => !this.config()?.noTranslate\n  );\n  protected readonly html = computed(() => {\n    const label = this.resolvedLabel();\n    return this.shouldTranslate()\n      ? this.translateService.translateToHtml(label, this.params())\n      : this.translateService.toSafeHtml(label);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"magmonium-one-text-output-DiA4R1pw.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/text-output/ui/text-output.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport { TranslateService } from '../../../services/translate';\nimport { ConfigComponent } from '../../../lib/components/config-component';\nimport { Config } from '../../../type/config/config-type';\nimport { LAYOUT_ASSET_FOLDER } from '../../../enum';\nimport { toAttrBool } from '../../../functions/config/attribute-value';\nimport { resolvePallet } from '../../../lib/theme/lib/color-utl';\n\nexport type TextOutputAlign = 'left' | 'right' | 'center';\n\n// Variants are roles, not styles: each one says what the text is doing on the\n// page, and the Section it sits in decides how big that role renders. Every\n// size below is therefore an `em` multiple of the inherited Section font-size\n// — a `lead` in a compact Section stays proportionally a lead — which is the\n// one rule the plain (undefined) variant keeps by inheriting outright.\n//\n// - `lead`     opening paragraph that introduces the block under it\n// - `big`      one-line statement — a number, a verdict, a headline that is\n//              not a SectionHeader\n// - `bold`     emphasis at body size, for the line that must be read first\n// - `footer`   annotation under the thing it describes — a field's validation\n//              message, a caption, a disclaimer; 0.75 of body, body colour\n// - `footnote` aside the reader may skip — source, legal line, small print;\n//              0.6 of body, body colour\n// - `link`       text that goes somewhere on click — an affordance rather than\n//                a size, so it is the one role that stays inline, takes focus,\n//                and emits `clicked`\n// - `link-small` the same affordance for a link that trails the content it\n//                belongs to rather than carrying a line of its own — a \"see\n//                all\", an \"edit\" beside a field; body size like `link`\nexport type TextOutputVariant =\n  | 'lead'\n  | 'big'\n  | 'bold'\n  | 'footer'\n  | 'footnote'\n  | 'link'\n  | 'link-small';\n\n// Weight tokens of the type scale. Applied after the variant, so it overrides\n// the weight a role implies (`lead` light, `big` semibold, `bold` bold).\nexport type TextOutputFontWeight =\n  | 'light'\n  | 'normal'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\nexport interface TextOutputConfig extends Config {\n  label?: string;\n  noTranslate?: boolean;\n  align?: TextOutputAlign;\n  variant?: TextOutputVariant;\n  color?: string;\n  fontWeight?: TextOutputFontWeight;\n}\n\n@Component({\n  selector: 'm-text-output',\n  imports: [],\n  template: `\n    <div\n      class=\"m-text-output\"\n      [style.color]=\"resolvedColorPallet().color\"\n      [innerHTML]=\"html()\"\n    ></div>\n  `,\n  styleUrl: './text-output.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'm-text-output-host',\n    '[class.is-design-mode]': 'isDesignMode',\n    '[class.align-left]': 'resolvedAlign() === \"left\"',\n    '[class.align-right]': 'resolvedAlign() === \"right\"',\n    '[class.align-center]': 'resolvedAlign() === \"center\"',\n    '[class.variant-lead]': 'resolvedVariant() === \"lead\"',\n    '[class.variant-big]': 'resolvedVariant() === \"big\"',\n    '[class.variant-bold]': 'resolvedVariant() === \"bold\"',\n    '[class.variant-footer]': 'resolvedVariant() === \"footer\"',\n    '[class.variant-footnote]': 'resolvedVariant() === \"footnote\"',\n    '[class.variant-link]': 'resolvedVariant() === \"link\"',\n    '[class.variant-link-small]': 'resolvedVariant() === \"link-small\"',\n    '[class.weight-light]': 'resolvedFontWeight() === \"light\"',\n    '[class.weight-normal]': 'resolvedFontWeight() === \"normal\"',\n    '[class.weight-medium]': 'resolvedFontWeight() === \"medium\"',\n    '[class.weight-semibold]': 'resolvedFontWeight() === \"semibold\"',\n    '[class.weight-bold]': 'resolvedFontWeight() === \"bold\"',\n    '[class.has-color]': '!!(color() ?? config()?.color)',\n    '[class.is-truncated]': '!!truncate()',\n    // Only a link is reachable and announced as one. Every other variant is a\n    // size, and a focus stop on plain text is a tab stop that does nothing.\n    '[attr.role]': 'isLink() ? \"link\" : null',\n    '[attr.tabindex]': 'isLink() ? 0 : null',\n    '(click)': 'onClick()',\n    '(keydown.enter)': 'onClick()',\n    '[style.--m-text-output-color]': 'resolvedColorPallet().color',\n    '[style.--m-text-output-color-contrast]': 'resolvedColorPallet().contrastColor',\n    '[style.--m-text-output-color-opposite]': 'resolvedColorPallet().oppositeColor',\n  },\n})\nexport class TextOutputComponent extends ConfigComponent<TextOutputConfig> {\n  override subFolder = LAYOUT_ASSET_FOLDER.text_output;\n  override config = model<Partial<TextOutputConfig>>();\n  private readonly translateService = inject(TranslateService);\n\n  readonly align = input<TextOutputAlign | undefined>(undefined);\n  readonly variant = input<TextOutputVariant | undefined>(undefined);\n  // A theme colour key (`error`, `warning`, `success`, …) or a raw CSS colour,\n  // resolved the same way an Icon's or a Logo's is so a token follows the\n  // active theme instead of freezing one theme's hex into a template.\n  readonly color = input<string | undefined>(undefined);\n  readonly fontWeight = input<TextOutputFontWeight | undefined>(undefined);\n  // `label` is the text itself, so a one-off TextOutput needs no asset behind\n  // it (ADR 0010). Numeric display values are stringified before entering the\n  // text and translation pipeline.\n  readonly label = input<string | number | undefined>(undefined);\n  readonly noTranslate = input<boolean | string | undefined>(undefined);\n  // Values for the message's `<name>` / `<$name>` placeholders. An input and\n  // deliberately not a TextOutputConfig key: an asset is resolved by name and\n  // shared across every Control that names it, and these differ per render\n  // (ADR 0020). The query-string form (`min_length?len=6`) still works and\n  // still loses to this on a shared placeholder, that being the precedence\n  // TranslateService already had. Bind a named member — an object literal in a\n  // template is refused by `no-inline-config` (ADR 0010).\n  readonly params = input<Record<string, string> | undefined>(undefined);\n  // One line, cut with an ellipsis at the box's edge rather than wrapping or\n  // spilling into a neighbour. For text whose length says nothing about the\n  // layout — a bound path drawn as `{store.a.b.c}` on the design Canvas.\n  readonly truncate = input<boolean | undefined>(undefined);\n\n  readonly resolvedAlign = computed<TextOutputAlign>(\n    () => this.align() ?? this.config()?.align ?? 'left'\n  );\n\n  protected readonly resolvedVariant = computed<TextOutputVariant | undefined>(\n    () => this.variant() ?? this.config()?.variant\n  );\n\n  protected readonly resolvedFontWeight = computed<\n    TextOutputFontWeight | undefined\n  >(() => this.fontWeight() ?? this.config()?.fontWeight);\n\n  // Both link roles are the same affordance, so both take the focus stop, the\n  // `role=\"link\"` and the `clicked` output; only their size differs.\n  protected readonly isLink = computed(() => {\n    const variant = this.resolvedVariant();\n    return variant === 'link' || variant === 'link-small';\n  });\n\n  /**\n   * Fired by a `link` variant and by nothing else. A text that is not a link\n   * draws no affordance and takes no focus, so a click on it is a click on\n   * prose — emitting there would be a control only a mouse could find.\n   *\n   * Where the link goes to a route instead, the caller attaches `routerLink`\n   * and binds nothing here: one click means one thing.\n   */\n  readonly clicked = output<void>();\n\n  protected onClick(): void {\n    if (this.isLink()) this.clicked.emit();\n  }\n\n  protected readonly resolvedColorPallet = computed(() =>\n    resolvePallet(\n      this.color() ?? this.config()?.color ?? this.defaultColor,\n      this.themeStore.color()\n    )\n  );\n\n  protected override resolveComponentOverrides(): Partial<TextOutputConfig> {\n    const overrides: Partial<TextOutputConfig> = {};\n    const align = this.align();\n    if (align !== undefined) overrides.align = align;\n    const label = this.label();\n    if (label !== undefined) overrides.label = String(label);\n    const noTranslate = toAttrBool(this.noTranslate());\n    if (noTranslate !== undefined) overrides.noTranslate = noTranslate;\n    const variant = this.variant();\n    if (variant !== undefined) overrides.variant = variant;\n    const color = this.color();\n    if (color !== undefined) overrides.color = color;\n    const fontWeight = this.fontWeight();\n    if (fontWeight !== undefined) overrides.fontWeight = fontWeight;\n    return overrides;\n  }\n\n  protected readonly resolvedLabel = computed(() => this.config()?.label);\n  protected readonly shouldTranslate = computed(\n    () => !this.config()?.noTranslate\n  );\n  protected readonly html = computed(() => {\n    const label = this.resolvedLabel();\n    return this.shouldTranslate()\n      ? this.translateService.translateToHtml(label, this.params())\n      : this.translateService.toSafeHtml(label);\n  });\n}\n"],"mappings":"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"}

package/fesm2022/magmonium-one-theme-DEgFM1wD.mjs

@@ -0,0 +1 @@
+import "./magmonium-one-color-utl-DMLkkE-z.mjs";

package/fesm2022/{magmonium-one-toggle-BPInV6K-.mjs → magmonium-one-toggle-sUSXzxMl.mjs}

@@ -1,7 +1,6 @@
-import { c as TranslatePipe } from "./magmonium-one-size-converter-BqkALIWA.mjs";
-import { t as BaseInputComponent } from "./magmonium-one-base-input-B92NOmxz.mjs";
+import { t as BaseInputComponent, u as TranslatePipe } from "./magmonium-one-base-input-BeyBAbV4.mjs";
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, computed, input, model } from "@angular/core";
+import { ChangeDetectionStrategy, Component, input, model } from "@angular/core";
 var ToggleInputComponent = class ToggleInputComponent extends BaseInputComponent {
 	value = void 0;
 	checked = model(false);
@@ -12,7 +11,6 @@ var ToggleInputComponent = class ToggleInputComponent extends BaseInputComponent
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 	constructor() {
 		super();
 	}
@@ -228,4 +226,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ToggleInputComponent };
 
-//# sourceMappingURL=magmonium-one-toggle-BPInV6K-.mjs.map
+//# sourceMappingURL=magmonium-one-toggle-sUSXzxMl.mjs.map

package/fesm2022/magmonium-one-toggle-sUSXzxMl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-toggle-sUSXzxMl.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/toggle/toggle.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  ModelSignal,\n} from '@angular/core';\nimport { ToggleInput } from '../../model/input';\nimport { TranslatePipe } from '../../../../pipe/translate';\nimport {\n  FormCheckboxControl,\n  ValidationError,\n  WithOptionalFieldTree,\n} from '@angular/forms/signals';\nimport { BaseInputComponent } from '../../lib/base-input';\n\n@Component({\n  selector: 'm-toggle-input',\n  template: `\n    @if (config(); as toggle) {\n      <div class=\"toggle\">\n        <input\n          [id]=\"toggle.name ?? ''\"\n          [checked]=\"checked()\"\n          (change)=\"onChange($event)\"\n          type=\"checkbox\"\n        />\n        <label [attr.for]=\"toggle.name || null\">{{\n          toggle.label | translate\n        }}</label>\n      </div>\n    }\n  `,\n  imports: [TranslatePipe],\n  styleUrl: './toggle.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleInputComponent\n  extends BaseInputComponent<ToggleInput>\n  implements FormCheckboxControl\n{\n  public value = undefined;\n  public checked = model<boolean>(false) as ModelSignal<boolean>;\n  public override config = input<Partial<ToggleInput> | undefined>();\n  public override required = input<boolean>(false);\n  public override disabled = input<boolean>(false);\n  public override invalid = input<boolean>(false);\n  public override touched = model<boolean>(false);\n  public override focused = input<boolean>(false);\n  public override errors = input<readonly WithOptionalFieldTree<ValidationError>[]>(\n    []\n  );\n\n  /** Required by FormCheckboxControl interface */\n  // public readonly checked: ModelSignal<boolean> = this.value; // Already defined above\n\n  constructor() {\n    super();\n  }\n\n  protected onChange(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.checked.set(target?.checked ?? false);\n  }\n}\n"],"mappings":";;;AAqCA,IAAa,uBAAb,MAAa,6BACH,mBAA+B;CAGhC,QAAQ;CACR,UAAU,MAAe,KAAK;CACrB,SAAS,MAAyC,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAClD,WAAW,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,WAAW,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,UAAU,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,UAAU,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,UAAU,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,SAAS,MACvB,CAAA,GACD,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAKD,cAAA;EACE,MAAK;CACP;CAEU,SAAS,OAAY;EAC7B,MAAM,SAAS,MAAM;EACrB,KAAK,QAAQ,IAAI,QAAQ,WAAW,KAAK;CAC3C;CA1BW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,SAAA;GAAA,SAAA;EAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,UAnBrB;;;;;;;;;;;;;;;EAcT,UAAA;EAAA,QAAA,CAAA,+6GAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MACS;GAAa,MAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAIZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EArBhC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,UAChB;;;;;;;;;;;;;;;GAcT,SACQ,CAAC,aAAa;GAAC,iBAEP,wBAAwB;GAAM,QAAA,CAAA,+6GAAA;EAAA,CAAA"}

package/fesm2022/magmonium-one.mjs

@@ -1,30 +1,29 @@
 import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
-import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BqkALIWA.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-BK48N5us.mjs";
+import { $ as OPTIONS_SOURCE, A as wcTierOf, B as AppRelationType, C as buildWcBaseUrl, D as setWcLocalPort, E as recordDefinedWcTier, F as isWebComponent, G as IS_DESIGN_MODE, H as FOLDER_PICK_LISTENER, I as APP_CONTEXT_REF, J as LOGIN_COMPONENT, K as IS_SIDE_PANEL, L as APP_LINK, M as isLocalhost, N as isTierPreview, O as setWcTier, P as isUrlLocalhost, Q as ONE_ASSET_BASE_URL, R as ASSET_BASE_URL, S as HttpService, T as definedWcTierOf, U as HOST_SESSION, V as COMPONENT_INPUT_REGISTRY, W as ICON_SOURCE, X as MODAL_STORE_REF, Y as LOGIN_STORE, Z as NAV_STORE_REF, _ as AssetStore, a as resolveIconSize, at as WC_SEARCH_GROUPS, b as isJson, c as toCssLength, ct as Assets, d as TranslateService, et as SEARCH_QUERY, f as BrowserLocaleService, g as miniMarkToHtml, h as miniMarkInlineToHtml, i as isSize, it as WC_BUNDLE, j as getTierFromPreviewPath, k as wcLocalBaseOf, l as toLength, lt as DEFAULT_SIZE, m as escapeHtml, nt as TRANSLATION_SOURCE, o as resolveSize, ot as FORM_ASSET_FOLDER, p as browserLocale, q as LOADING_ACTIONS_REF, r as coerceSize, rt as USER_STORE_REF, s as resolveSpacing, st as LAYOUT_ASSET_FOLDER, t as BaseInputComponent, tt as SEARCH_RESULTS_EVENT, u as TranslatePipe, ut as Size, v as SharedStoreRegistry, w as definedWcBundleOf, x as ACCESS_DOMAINS, y as StorageService, z as AppAvailability } from "./magmonium-one-base-input-BeyBAbV4.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-QB49Ju9l.mjs";
 import { t as FileService } from "./magmonium-one-file.service-D39FjShR.mjs";
-import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-BA51l-Rw.mjs";
-import "./magmonium-one-theme-BtQyLRdQ.mjs";
-import { _ as TimeAgoPipe, a as nextSectionTableSort, c as sectionTableFrozenCount, d as SectionTableSortDirection, f as AssetUrlPipe, g as MoneyPipe, h as PercentagePipe, i as defaultSectionTableSort, l as sortSectionTableRows, m as SignColorPipe, n as ToListPipe, o as sectionTableColumnId, p as CompactNumberPipe, r as SectionTableSortPipe, s as sectionTableColumnWidths, t as LabelComponent, u as SECTION_TABLE_VARIANTS } from "./magmonium-one-label-D-wnA_Fl.mjs";
-import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-CH-g8CUR.mjs";
-import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CPh-lJPV.mjs";
-import { a as ACTION_BUTTON_HOST, c as isButtonName, d as BadgeComponent, f as formatBadgeCount, i as BUTTON_GROUP_HOST, l as enumValue, n as SECTION_FORM_CONTEXT, p as shouldShowBadge, r as ImgComponent, s as actionName, t as ButtonComponent, u as ReactiveElementComponent } from "./magmonium-one-button-BPIU6Ww0.mjs";
-import { t as MRefDirective } from "./magmonium-one-m-ref-DLIAzywu.mjs";
-import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-BNd1hbLw.mjs";
+import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-DMLkkE-z.mjs";
+import "./magmonium-one-theme-DEgFM1wD.mjs";
+import { _ as TimeAgoPipe, a as nextSectionTableSort, c as sectionTableFrozenCount, d as SectionTableSortDirection, f as AssetUrlPipe, g as MoneyPipe, h as PercentagePipe, i as defaultSectionTableSort, l as sortSectionTableRows, m as SignColorPipe, n as ToListPipe, o as sectionTableColumnId, p as CompactNumberPipe, r as SectionTableSortPipe, s as sectionTableColumnWidths, t as LabelComponent, u as SECTION_TABLE_VARIANTS } from "./magmonium-one-label-BNxbDSwc.mjs";
+import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-CXFTG4mD.mjs";
+import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-BXEWw7xP.mjs";
+import { a as ACTION_BUTTON_HOST, c as isButtonName, d as BadgeComponent, f as formatBadgeCount, i as BUTTON_GROUP_HOST, l as enumValue, n as SECTION_FORM_CONTEXT, p as shouldShowBadge, r as ImgComponent, s as actionName, t as ButtonComponent, u as ReactiveElementComponent } from "./magmonium-one-button-DC_fLy-J.mjs";
+import { t as MRefDirective } from "./magmonium-one-m-ref-CoK96ogW.mjs";
+import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-DWjdYQe0.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-BXNvtkzo.mjs";
-import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-hJ7wkmQn.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-Cz3oggF7.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-mOaqnb5q.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-eSnsKCez.mjs";
-import { t as BaseInputComponent } from "./magmonium-one-base-input-B92NOmxz.mjs";
-import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-ChjG3GNw.mjs";
-import { t as TextOutputComponent } from "./magmonium-one-text-output-E6pe3IOL.mjs";
-import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-LdM6dqF_.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-DlS31qJG.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-4zWYsKpH.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-C0S7udf5.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-CR8go24u.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-xhoyZ8I5.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-C85FEuTs.mjs";
+import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-CJK7xDPK.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-BC-74GOn.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-qu3xLiI8.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-D_HAqfel.mjs";
+import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-BBeMl8XM.mjs";
+import { t as TextOutputComponent } from "./magmonium-one-text-output-DiA4R1pw.mjs";
+import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-CIUMxkzu.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-DGTbRRXb.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-CMULvvAr.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-DqtW4U_x.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-Dw4YACtP.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-BMsV5USo.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, LOCALE_ID, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
@@ -744,12 +743,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-DGTbRRXb.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
 				case InputType.TOGGLE: {
-					const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
+					const { ToggleInputComponent } = await import("./magmonium-one-toggle-sUSXzxMl.mjs");
 					this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 					break;
 				}
@@ -759,12 +758,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-CSNZtS__.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-BqdyEDF6.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-DOPvjYJz.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +773,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-C85FEuTs.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +788,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-Dw4YACtP.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DqtW4U_x.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +844,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-CMULvvAr.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -3855,7 +3854,6 @@ var ClearableInputComponent = class ClearableInputComponent extends BaseTextInpu
 	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
 	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
@@ -24005,12 +24003,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-DGTbRRXb.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
 			case InputType.TOGGLE: {
-				const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
+				const { ToggleInputComponent } = await import("./magmonium-one-toggle-sUSXzxMl.mjs");
 				this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 				break;
 			}
@@ -24020,12 +24018,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-CSNZtS__.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-BqdyEDF6.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-DOPvjYJz.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -24035,7 +24033,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-C85FEuTs.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -24050,12 +24048,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-Dw4YACtP.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DqtW4U_x.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -24106,7 +24104,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-CMULvvAr.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -25600,7 +25598,6 @@ var RatingInputComponent = class RatingInputComponent extends BaseInputComponent
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 	themeStore = inject(ThemeStore);
 	stars = STARS;
 	filledColor = computed(() => {
@@ -26498,7 +26495,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-D40RzxsY.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BAF7cdC2.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();