@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-input.mjs","sources":["../../../../libs/core/input/src/lib/input/input-native.ts","../../../../libs/core/input/src/lib/input/input-value-accessor.ts","../../../../libs/core/input/src/lib/input/input.ts","../../../../libs/core/input/src/lib/input/input.html","../../../../libs/core/input/src/lib/input/password-strength.ts","../../../../libs/core/input/src/malva-ui-core-input.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\n\n/**\n * Marks a consumer-provided native `<input>` that should be adopted as the\n * control element of a `<mlv-input projectControl>`.\n *\n * `mlv-input` normally renders and owns its own internal `<input>`. Some\n * headless behaviours — most notably `@angular/aria`'s combobox family, whose\n * trigger directive (`[ngCombobox]`, formerly `input[ngComboboxInput]`) must\n * sit directly on the interactive `<input>` element — need to attach their own\n * attribute directives to that input. Because Angular cannot attach an external\n * directive to a component's *internal* template element, `mlv-input` instead\n * exposes an opt-in projection slot: set `projectControl` on `<mlv-input>` and\n * project your own `<input mlvInputNative …>` carrying whatever directives you\n * need. This directive applies the shared `mlv-input__native` styling hook and\n * makes the element discoverable to the host `mlv-input` so focus/selection\n * helpers keep working.\n *\n * @example\n * ```html\n * <mlv-input bare projectControl>\n *   <input mlvInputNative ngCombobox [(value)]=\"query\" [(expanded)]=\"open\" />\n * </mlv-input>\n * ```\n */\n@Directive({\n  selector: 'input[mlvInputNative]',\n  exportAs: 'mlvInputNative',\n  host: {\n    class: 'mlv-input__native',\n  },\n})\nexport class MlvInputNative {\n  /**\n   * @protected The projected native `<input>` element reference, used by the\n   * host `mlv-input` to forward `focus()` / `select()` calls.\n   */\n  protected readonly _elementRef =\n    inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /** The projected native `<input>` element. */\n  get nativeElement(): HTMLInputElement {\n    return this._elementRef.nativeElement;\n  }\n}\n","import type { Signal } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\n\n/**\n * @internal Minimal host contract consumed by input-attached behavior\n * directives without importing the concrete input component.\n */\nexport interface MlvInputValueAccessor {\n  readonly value: Signal<string>;\n}\n\n/** @internal Injection token for the active input value signal. */\nexport const MLV_INPUT_VALUE = new InjectionToken<MlvInputValueAccessor>(\n  'MLV_INPUT_VALUE',\n);\n","import type { ElementRef } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  forwardRef,\n  input,\n  model,\n  output,\n  viewChild,\n  ViewEncapsulation,\n  computed,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { MlvFormState, MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvSignalFormControlBase,\n  MlvDescription,\n  MlvFormControlWrapper,\n  MlvFormControlWrapperControl,\n  MlvHint,\n  MlvLabel,\n  MLV_FORM_CONTROL,\n  MlvMessage,\n} from '@malva-ui/core/form-utils';\nimport { MlvInputNative } from './input-native';\nimport { MLV_INPUT_VALUE } from './input-value-accessor';\n\nexport type MlvInputType =\n  | 'text'\n  | 'password'\n  | 'email'\n  | 'number'\n  | 'tel'\n  | 'search'\n  | 'url';\n/**\n * Visual/validation state of the input. Mirrors {@link MlvFormState}.\n */\nexport type MlvInputState = MlvFormState;\nexport type MlvInputInputMode =\n  | 'none'\n  | 'text'\n  | 'decimal'\n  | 'numeric'\n  | 'tel'\n  | 'search'\n  | 'email'\n  | 'url';\n\n@Component({\n  selector: 'mlv-input',\n  imports: [\n    MlvLabel,\n    MlvHint,\n    MlvDescription,\n    MlvFormControlWrapper,\n    MlvFormControlWrapperControl,\n    MlvMessage,\n  ],\n  templateUrl: './input.html',\n  styleUrl: './input.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvInput),\n    },\n    {\n      provide: MLV_INPUT_VALUE,\n      useExisting: forwardRef(() => MlvInput),\n    },\n  ],\n  host: {\n    class: 'mlv-input',\n    '[class.mlv-input--default]': 'resolvedState() === \"default\"',\n    '[class.mlv-input--success]': 'resolvedState() === \"success\"',\n    '[class.mlv-input--info]': 'resolvedState() === \"info\"',\n    '[class.mlv-input--warning]': 'resolvedState() === \"warning\"',\n    '[class.mlv-input--error]': 'resolvedState() === \"error\"',\n    '[class.mlv-input--disabled]': 'disabled()',\n    '[class.mlv-input--focused]': 'focused()',\n  },\n})\nexport class MlvInput\n  extends MlvSignalFormControlBase<string>\n  implements MlvFormControl\n{\n  readonly type = input<MlvInputType>('text');\n  readonly placeholder = input('');\n\n  /**\n   * Native HTML `autocomplete` hint forwarded to the underlying `<input>`.\n   * When empty, no `autocomplete` attribute is rendered.\n   * @default ''\n   */\n  readonly autocomplete = input<string>('');\n\n  /**\n   * Native HTML `inputmode` attribute forwarded to the underlying `<input>`.\n   * Controls the virtual keyboard on mobile devices.\n   * @default null\n   */\n  readonly inputMode = input<MlvInputInputMode | null>(null);\n\n  /**\n   * Maximum number of characters the user may enter. Forwarded to the\n   * underlying `<input>` `maxlength` attribute. `null` removes the cap.\n   */\n  readonly maxLength = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Minimum number of characters the user must enter for the form control\n   * to validate. Forwarded to the underlying `<input>` `minlength` attribute.\n   */\n  readonly minLength = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Native HTML5 validation pattern (regular-expression source) forwarded\n   * to the underlying `<input>` `pattern` attribute.\n   */\n  readonly pattern = input<\n    string | null,\n    string | RegExp | readonly RegExp[] | null | undefined\n  >(null, {\n    // Signal forms' `pattern` rule binds `readonly RegExp[]`; the native\n    // attribute wants one regex source. Normalise: single source pass-through,\n    // multiple sources OR-combined.\n    transform: (value) => {\n      if (value == null) return null;\n      if (typeof value === 'string') return value;\n      if (value instanceof RegExp) return value.source;\n      if (value.length === 0) return null;\n      return value.length === 1\n        ? value[0].source\n        : value.map((r) => `(?:${r.source})`).join('|');\n    },\n  });\n\n  /**\n   * Native HTML `name` attribute. Required for non-Angular form submission;\n   * Reactive Forms / template-driven forms do not need this.\n   */\n  readonly name = input<string | null, string | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * When `true`, the underlying `<input>` is focused as soon as it mounts.\n   * Use sparingly — autofocus is generally an a11y anti-pattern outside of\n   * dialogs and confirmation flows.\n   */\n  readonly autofocus = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Numeric `min` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`.\n   */\n  readonly min = input<\n    number | string | null,\n    number | string | null | undefined\n  >(null, { transform: (value) => value ?? null });\n\n  /**\n   * Numeric `max` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`.\n   */\n  readonly max = input<\n    number | string | null,\n    number | string | null | undefined\n  >(null, { transform: (value) => value ?? null });\n\n  /**\n   * Numeric `step` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`. `null` falls back to the\n   * browser default of `1`.\n   */\n  readonly step = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * When `true`, renders only the bare `<input>` element with no\n   * `mlv-form-control-wrapper` chrome (no label, no message, no\n   * prefix/suffix slots). Used by composite controls (combobox,\n   * tokenizer, command-palette, color-picker) that own their own\n   * surrounding container.\n   */\n  readonly bare = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, `mlv-input` does not render its own internal `<input>` and\n   * instead adopts a consumer-projected `<input mlvInputNative>` as the control\n   * element. Opt in when an external attribute directive must sit directly on\n   * the native input — e.g. `@angular/aria`'s combobox trigger, which requires\n   * `[ngCombobox]` on the `<input>` itself. In this mode the projected input\n   * owns its own value/keyboard wiring; `mlv-input` provides the surrounding\n   * chrome, styling hook (`mlv-input__native`), and focus/select forwarding.\n   *\n   * Ignored unless a matching `<input mlvInputNative>` is projected.\n   */\n  readonly projectControl = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Optional explicit `role` attribute forwarded to the underlying\n   * `<input>`. Use for combobox-style consumers — leave `null` for\n   * a vanilla text field.\n   */\n  readonly role = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-expanded`. Use with `role=\"combobox\"` to\n   * communicate dropdown state.\n   */\n  readonly ariaExpanded = input<boolean | string | null>(null);\n\n  /**\n   * Forwarded to `aria-haspopup` (typically `'listbox'`).\n   */\n  readonly ariaHasPopup = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-autocomplete` (typically `'list'`). Use with\n   * `role=\"combobox\"` to describe the autocomplete behaviour of the field.\n   */\n  readonly ariaAutocomplete = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-controls` — the id of the listbox / popup the\n   * input drives.\n   */\n  readonly ariaControls = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-activedescendant` — the id of the currently\n   * highlighted option in the listbox.\n   */\n  readonly ariaActiveDescendant = input<string | null>(null);\n\n  /**\n   * Explicit `aria-describedby` for the underlying `<input>`, overriding the\n   * ids the control derives from its own `description` / `message`. Composite\n   * controls (`mlv-pin-input`, `mlv-tokenizer`, `mlv-combobox`) that render the\n   * description and message themselves point the inner input here.\n   */\n  readonly ariaDescribedBy = input<string | null>(null);\n\n  /**\n   * The input's text value — the signal-forms `FormValueControl` model.\n   * Two-way bindable (`[(value)]`), one-way bindable by composite controls\n   * (`[value]=\"searchQuery()\"`), and kept in sync with the bound field by\n   * `[formField]` / `[formControl]` / `ngModel`.\n   */\n  readonly value = model<string>('');\n\n  /**\n   * Emitted when the underlying native `<input>` gains focus. Re-emitted from\n   * the input's own `focus` handler so composite controls (e.g. `mlv-combobox`)\n   * can react to focus without relying on the non-bubbling native `focus`\n   * event reaching the `mlv-input` host. Carries the original `FocusEvent`.\n   */\n  readonly inputFocus = output<FocusEvent>();\n\n  /**\n   * Emitted when the underlying native `<input>` loses focus. Re-emitted from\n   * the input's own `blur` handler (fired after the touch output), so composite\n   * controls can run blur-driven logic (close dropdowns, revert text, mark\n   * touched) reliably. Carries the original `FocusEvent`.\n   */\n  readonly inputBlur = output<FocusEvent>();\n\n  /**\n   * @private Reference to the internally-rendered native `<input>` element so\n   * the component can imperatively focus / select its contents.\n   */\n  private readonly _nativeRef =\n    viewChild<ElementRef<HTMLInputElement>>('native');\n\n  /**\n   * @private Reference to a consumer-projected `<input mlvInputNative>` used\n   * when {@link projectControl} is enabled.\n   */\n  private readonly _projectedNative = contentChild(MlvInputNative);\n\n  /**\n   * @private Resolves the active native `<input>` — the projected one when\n   * projection is enabled and present, otherwise the internally-rendered input.\n   */\n  private _resolveNative(): HTMLInputElement | null {\n    if (this.projectControl()) {\n      return this._projectedNative()?.nativeElement ?? null;\n    }\n    return this._nativeRef()?.nativeElement ?? null;\n  }\n\n  /**\n   * Direct access to the underlying native `<input>`. Use sparingly —\n   * required only for selection-range / paste-distribution flows in\n   * composite controls. Resolves to the projected input when\n   * {@link projectControl} is enabled.\n   */\n  get nativeElement(): HTMLInputElement | null {\n    return this._resolveNative();\n  }\n\n  /**\n   * Focuses the underlying native input.\n   */\n  focus(): void {\n    this._resolveNative()?.focus();\n  }\n\n  /**\n   * Selects the current text inside the underlying native input.\n   */\n  select(): void {\n    this._resolveNative()?.select();\n  }\n\n  onInput(event: Event): void {\n    this.value.set((event.target as HTMLInputElement).value);\n  }\n\n  /**\n   * Handles the native `<input>` focus event: sets the focused state and\n   * re-emits {@link inputFocus} for composite-control consumers.\n   */\n  onFocus(event: FocusEvent): void {\n    this.setFocused(true);\n    this.inputFocus.emit(event);\n  }\n\n  onBlur(event: FocusEvent): void {\n    this.setFocused(false);\n    this._markTouched();\n    this.inputBlur.emit(event);\n  }\n\n  /** Whether the control holds a clearable value — Non-empty text present. */\n  readonly hasValue = computed(() => (this.value() ?? '').length > 0);\n\n  /** Clears the text value (wired to the wrapper's clear button). */\n  clearValue(): void {\n    this.value.set('');\n  }\n}\n","@if (bare()) { @if (projectControl()) {\n<!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n<ng-content select=\"input[mlvInputNative]\" />\n} @else {\n<!-- autofocus is an opt-in API forwarded to the native input (see best-practices.md);\n     it stays off unless the consumer explicitly sets it. -->\n<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<input\n  #native\n  class=\"mlv-input__native\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"computedDisabled()\"\n  [readOnly]=\"readonly()\"\n  [value]=\"value() ?? ''\"\n  [attr.name]=\"name()\"\n  [attr.autocomplete]=\"autocomplete() || null\"\n  [attr.autofocus]=\"autofocus() ? '' : null\"\n  [attr.inputmode]=\"inputMode()\"\n  [attr.maxlength]=\"maxLength()\"\n  [attr.minlength]=\"minLength()\"\n  [attr.pattern]=\"pattern()\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  [attr.step]=\"step()\"\n  [attr.role]=\"role()\"\n  [attr.aria-expanded]=\"ariaExpanded()\"\n  [attr.aria-haspopup]=\"ariaHasPopup()\"\n  [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-required]=\"required() || null\"\n  [attr.aria-invalid]=\"resolvedState() === 'error'\"\n  [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n/>\n<!-- eslint-enable @angular-eslint/template/no-autofocus -->\n} } @else {\n<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    @if (projectControl()) {\n    <!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n    <ng-content select=\"input[mlvInputNative]\" />\n    } @else {\n    <!-- eslint-disable @angular-eslint/template/no-autofocus -->\n    <input\n      #native\n      class=\"mlv-input__native\"\n      [id]=\"id()\"\n      [type]=\"type()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"value() ?? ''\"\n      [attr.name]=\"name()\"\n      [attr.autocomplete]=\"autocomplete() || null\"\n      [attr.autofocus]=\"autofocus() ? '' : null\"\n      [attr.inputmode]=\"inputMode()\"\n      [attr.maxlength]=\"maxLength()\"\n      [attr.minlength]=\"minLength()\"\n      [attr.pattern]=\"pattern()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.role]=\"role()\"\n      [attr.aria-expanded]=\"ariaExpanded()\"\n      [attr.aria-haspopup]=\"ariaHasPopup()\"\n      [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n      [attr.aria-controls]=\"ariaControls()\"\n      [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error'\"\n      [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n    <!-- eslint-enable @angular-eslint/template/no-autofocus -->\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n}\n","import { computed, Directive, inject, input } from '@angular/core';\nimport { MLV_INPUT_VALUE } from './input-value-accessor';\n\n/**\n * A synchronous password-strength rule supplied by the consumer.\n *\n * Return `true` when the password satisfies the rule and `false` otherwise.\n */\nexport interface MlvPasswordStrengthRule {\n  (value: string): boolean;\n}\n\n/**\n * Headless password-strength calculator for `mlv-input`.\n *\n * The directive evaluates consumer-provided rules against the input's current\n * value and exposes reactive score metadata through `exportAs`. It renders no\n * UI, allowing consumers to present bars, text, emoji, or another indicator.\n */\n@Directive({\n  selector: 'mlv-input[mlvPasswordStrength]',\n  exportAs: 'mlvPasswordStrength',\n})\nexport class MlvPasswordStrength {\n  /**\n   * Synchronous rules evaluated against the current input value.\n   */\n  readonly mlvPasswordStrength = input<readonly MlvPasswordStrengthRule[]>([]);\n\n  /** @private Input value accessor provided by the host `mlv-input`. */\n  private readonly _input = inject(MLV_INPUT_VALUE);\n\n  /** Number of rules currently satisfied by the input value. */\n  readonly score = computed(() => {\n    const value = this._input.value() ?? '';\n    return this.mlvPasswordStrength().reduce(\n      (total, rule) => total + (rule(value) ? 1 : 0),\n      0,\n    );\n  });\n\n  /** Total number of configured rules. */\n  readonly maxScore = computed(() => this.mlvPasswordStrength().length);\n\n  /**\n   * Normalized score from `0` to `1`. Returns `0` when no rules are configured.\n   */\n  readonly ratio = computed(() => {\n    const maximum = this.maxScore();\n    return maximum === 0 ? 0 : this.score() / maximum;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core-kbd.mjs

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { input, inject, PLATFORM_ID, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+
+/** Returns `true` when running in a macOS browser. */
+function isMacPlatform(platformId) {
+    if (!isPlatformBrowser(platformId))
+        return false;
+    return (/mac/i.test(navigator.platform ?? '') || /mac/i.test(navigator.userAgent));
+}
+const MAC_LABELS = {
+    cmd: '⌘',
+    command: '⌘',
+    meta: '⌘',
+    ctrl: '⌃',
+    control: '⌃',
+    shift: '⇧',
+    alt: '⌥',
+    option: '⌥',
+    enter: '↵',
+    return: '↵',
+    backspace: '⌫',
+    delete: '⌦',
+    escape: '⎋',
+    esc: '⎋',
+    tab: '⇥',
+    space: '␣',
+    up: '↑',
+    down: '↓',
+    left: '←',
+    right: '→',
+    home: 'Home',
+    end: 'End',
+    pageup: 'PgUp',
+    pagedown: 'PgDn',
+};
+const WIN_LABELS = {
+    cmd: 'Ctrl',
+    command: 'Ctrl',
+    meta: 'Win',
+    ctrl: 'Ctrl',
+    control: 'Ctrl',
+    shift: 'Shift',
+    alt: 'Alt',
+    option: 'Alt',
+    enter: 'Enter',
+    return: 'Enter',
+    backspace: 'Backspace',
+    delete: 'Del',
+    escape: 'Esc',
+    esc: 'Esc',
+    tab: 'Tab',
+    space: 'Space',
+    up: '↑',
+    down: '↓',
+    left: '←',
+    right: '→',
+    home: 'Home',
+    end: 'End',
+    pageup: 'PgUp',
+    pagedown: 'PgDn',
+};
+/** Resolves a raw key string to a display label for the given OS. */
+function resolveKeyLabel(key, isMac) {
+    const normalized = key.toLowerCase();
+    const map = isMac ? MAC_LABELS : WIN_LABELS;
+    return map[normalized] ?? key.toUpperCase();
+}
+/**
+ * Keyboard shortcut display component. Renders an array of key names
+ * as styled `<kbd>` elements separated by a configurable separator.
+ *
+ * OS detection swaps modifier labels: Mac shows `⌘`, `⌃`, `⇧`, `⌥`;
+ * Windows/Linux shows `Ctrl`, `Shift`, `Alt`, etc.
+ *
+ * @example
+ * ```html
+ * <!-- Renders ⌘ + K on Mac, Ctrl + K on Windows -->
+ * <mlv-kbd [keys]="['cmd', 'k']" />
+ *
+ * <!-- Custom separator -->
+ * <mlv-kbd [keys]="['ctrl', 'shift', 'p']" separator=" " />
+ * ```
+ */
+class MlvKbd {
+    /**
+     * The ordered list of key names to display.
+     * Accepts canonical names (`'cmd'`, `'shift'`, `'enter'`, etc.) or any
+     * plain string which will be uppercased as a fallback label.
+     *
+     * @example `['cmd', 'k']` → `⌘ + K` (Mac) / `Ctrl + K` (Win)
+     */
+    keys = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "keys" }] : /* istanbul ignore next */ []));
+    /**
+     * The string rendered between each key element.
+     * Defaults to `'+'`.
+     */
+    separator = input('+', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    /** @private Resolved OS flag — true on macOS browsers. */
+    _isMac = isMacPlatform(inject(PLATFORM_ID));
+    /** @protected Resolved key labels for the template. */
+    _resolvedKeys = computed(() => this.keys().map((k) => ({
+        key: k,
+        label: resolveKeyLabel(k, this._isMac),
+    })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedKeys" }] : /* istanbul ignore next */ []));
+    /** @private Accessible label joining all resolved key names. */
+    _ariaLabel = computed(() => this._resolvedKeys()
+        .map((rk) => rk.label)
+        .join(' ' + this.separator() + ' '), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvKbd, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvKbd, isStandalone: true, selector: "mlv-kbd", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "" }, properties: { "attr.aria-label": "_ariaLabel()" }, classAttribute: "mlv-kbd" }, ngImport: i0, template: "@for (rk of _resolvedKeys(); track rk.key + $index) { @if ($index > 0) {\n<span class=\"mlv-kbd__separator\" aria-hidden=\"true\">{{ separator() }}</span>\n}\n<kbd class=\"mlv-kbd__key\">{{ rk.label }}</kbd>\n}\n", styles: ["@layer mlv.components{.mlv-kbd{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-body-s-size)}.mlv-kbd *{box-sizing:border-box}.mlv-kbd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;vertical-align:middle}.mlv-kbd__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-body-s-size);font-weight:500;line-height:1;white-space:nowrap;color:var(--mlv-text-primary);background-color:var(--mlv-background-raised);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-bottom-width:.1875rem;border-radius:var(--mlv-radius-s);box-shadow:0 .0625rem 0 var(--mlv-border-normal);-webkit-user-select:none;user-select:none}.mlv-kbd__separator{display:inline-flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);-webkit-user-select:none;user-select:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvKbd, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-kbd', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [], host: {
+                        class: 'mlv-kbd',
+                        'aria-label': '',
+                        '[attr.aria-label]': '_ariaLabel()',
+                    }, template: "@for (rk of _resolvedKeys(); track rk.key + $index) { @if ($index > 0) {\n<span class=\"mlv-kbd__separator\" aria-hidden=\"true\">{{ separator() }}</span>\n}\n<kbd class=\"mlv-kbd__key\">{{ rk.label }}</kbd>\n}\n", styles: ["@layer mlv.components{.mlv-kbd{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-body-s-size)}.mlv-kbd *{box-sizing:border-box}.mlv-kbd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;vertical-align:middle}.mlv-kbd__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;font-family:var(--mlv-typography-family-code);font-size:var(--mlv-typography-body-s-size);font-weight:500;line-height:1;white-space:nowrap;color:var(--mlv-text-primary);background-color:var(--mlv-background-raised);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-bottom-width:.1875rem;border-radius:var(--mlv-radius-s);box-shadow:0 .0625rem 0 var(--mlv-border-normal);-webkit-user-select:none;user-select:none}.mlv-kbd__separator{display:inline-flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);-webkit-user-select:none;user-select:none}}\n"] }]
+        }], propDecorators: { keys: [{ type: i0.Input, args: [{ isSignal: true, alias: "keys", required: true }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvKbd };
+//# sourceMappingURL=malva-ui-core-kbd.mjs.map

package/fesm2022/malva-ui-core-kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-kbd.mjs","sources":["../../../../libs/core/kbd/src/lib/kbd/kbd.ts","../../../../libs/core/kbd/src/lib/kbd/kbd.html","../../../../libs/core/kbd/src/malva-ui-core-kbd.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n/**\n * Canonical key names accepted by the `keys` input.\n * These map to human-readable labels and OS-specific symbols.\n */\nexport type MlvKbdKey =\n  | 'cmd'\n  | 'command'\n  | 'ctrl'\n  | 'control'\n  | 'shift'\n  | 'alt'\n  | 'option'\n  | 'meta'\n  | 'enter'\n  | 'return'\n  | 'backspace'\n  | 'delete'\n  | 'escape'\n  | 'esc'\n  | 'tab'\n  | 'space'\n  | 'up'\n  | 'down'\n  | 'left'\n  | 'right'\n  | 'home'\n  | 'end'\n  | 'pageup'\n  | 'pagedown'\n  | (string & {});\n\n/** Resolved label/symbol for a single key. */\nexport interface MlvResolvedKey {\n  /** Display label rendered inside the `<kbd>` element. */\n  label: string;\n  /** Original key name, for aria labelling. */\n  key: string;\n}\n\n/** Returns `true` when running in a macOS browser. */\nfunction isMacPlatform(platformId: object): boolean {\n  if (!isPlatformBrowser(platformId)) return false;\n  return (\n    /mac/i.test(navigator.platform ?? '') || /mac/i.test(navigator.userAgent)\n  );\n}\n\nconst MAC_LABELS: Record<string, string> = {\n  cmd: '⌘',\n  command: '⌘',\n  meta: '⌘',\n  ctrl: '⌃',\n  control: '⌃',\n  shift: '⇧',\n  alt: '⌥',\n  option: '⌥',\n  enter: '↵',\n  return: '↵',\n  backspace: '⌫',\n  delete: '⌦',\n  escape: '⎋',\n  esc: '⎋',\n  tab: '⇥',\n  space: '␣',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  home: 'Home',\n  end: 'End',\n  pageup: 'PgUp',\n  pagedown: 'PgDn',\n};\n\nconst WIN_LABELS: Record<string, string> = {\n  cmd: 'Ctrl',\n  command: 'Ctrl',\n  meta: 'Win',\n  ctrl: 'Ctrl',\n  control: 'Ctrl',\n  shift: 'Shift',\n  alt: 'Alt',\n  option: 'Alt',\n  enter: 'Enter',\n  return: 'Enter',\n  backspace: 'Backspace',\n  delete: 'Del',\n  escape: 'Esc',\n  esc: 'Esc',\n  tab: 'Tab',\n  space: 'Space',\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  home: 'Home',\n  end: 'End',\n  pageup: 'PgUp',\n  pagedown: 'PgDn',\n};\n\n/** Resolves a raw key string to a display label for the given OS. */\nfunction resolveKeyLabel(key: string, isMac: boolean): string {\n  const normalized = key.toLowerCase();\n  const map = isMac ? MAC_LABELS : WIN_LABELS;\n  return map[normalized] ?? key.toUpperCase();\n}\n\n/**\n * Keyboard shortcut display component. Renders an array of key names\n * as styled `<kbd>` elements separated by a configurable separator.\n *\n * OS detection swaps modifier labels: Mac shows `⌘`, `⌃`, `⇧`, `⌥`;\n * Windows/Linux shows `Ctrl`, `Shift`, `Alt`, etc.\n *\n * @example\n * ```html\n * <!-- Renders ⌘ + K on Mac, Ctrl + K on Windows -->\n * <mlv-kbd [keys]=\"['cmd', 'k']\" />\n *\n * <!-- Custom separator -->\n * <mlv-kbd [keys]=\"['ctrl', 'shift', 'p']\" separator=\" \" />\n * ```\n */\n@Component({\n  selector: 'mlv-kbd',\n  templateUrl: './kbd.html',\n  styleUrl: './kbd.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  host: {\n    class: 'mlv-kbd',\n    'aria-label': '',\n    '[attr.aria-label]': '_ariaLabel()',\n  },\n})\nexport class MlvKbd {\n  /**\n   * The ordered list of key names to display.\n   * Accepts canonical names (`'cmd'`, `'shift'`, `'enter'`, etc.) or any\n   * plain string which will be uppercased as a fallback label.\n   *\n   * @example `['cmd', 'k']` → `⌘ + K` (Mac) / `Ctrl + K` (Win)\n   */\n  readonly keys = input.required<MlvKbdKey[]>();\n\n  /**\n   * The string rendered between each key element.\n   * Defaults to `'+'`.\n   */\n  readonly separator = input<string>('+');\n\n  /** @private Resolved OS flag — true on macOS browsers. */\n  private readonly _isMac = isMacPlatform(inject(PLATFORM_ID));\n\n  /** @protected Resolved key labels for the template. */\n  protected readonly _resolvedKeys = computed<MlvResolvedKey[]>(() =>\n    this.keys().map((k) => ({\n      key: k,\n      label: resolveKeyLabel(k, this._isMac),\n    })),\n  );\n\n  /** @private Accessible label joining all resolved key names. */\n  protected readonly _ariaLabel = computed(() =>\n    this._resolvedKeys()\n      .map((rk) => rk.label)\n      .join(' ' + this.separator() + ' '),\n  );\n}\n","@for (rk of _resolvedKeys(); track rk.key + $index) { @if ($index > 0) {\n<span class=\"mlv-kbd__separator\" aria-hidden=\"true\">{{ separator() }}</span>\n}\n<kbd class=\"mlv-kbd__key\">{{ rk.label }}</kbd>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core-layout.mjs

@@ -0,0 +1,212 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, PLATFORM_ID, signal, DestroyRef, effect, Injectable, contentChild, computed, input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import { isPlatformBrowser, DOCUMENT, NgTemplateOutlet } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent } from 'rxjs';
+
+class MlvLayoutTop extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayoutTop, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvLayoutTop, isStandalone: true, selector: "[mlvLayoutTop]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayoutTop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvLayoutTop]',
+                }]
+        }] });
+
+class MlvLayoutSide extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayoutSide, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvLayoutSide, isStandalone: true, selector: "[mlvLayoutSide]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayoutSide, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvLayoutSide]',
+                }]
+        }] });
+
+function getFromStorage(key) {
+    if (typeof localStorage === 'undefined' &&
+        typeof sessionStorage === 'undefined') {
+        return null;
+    }
+    let value;
+    try {
+        value = localStorage.getItem(key);
+    }
+    catch {
+        try {
+            value = sessionStorage.getItem(key);
+        }
+        catch {
+            value = null;
+        }
+    }
+    if (!value) {
+        return null;
+    }
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        // Legacy or hand-edited storage value (e.g. a bare `dark` string instead
+        // of the JSON-encoded `"dark"`). Accept it as-is so a malformed/legacy
+        // entry degrades gracefully instead of throwing during construction —
+        // `isMlvThemeMode` still validates it before use.
+        return value;
+    }
+}
+function setToStorage(key, value) {
+    if (typeof localStorage === 'undefined' &&
+        typeof sessionStorage === 'undefined') {
+        return;
+    }
+    try {
+        localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch {
+        try {
+            sessionStorage.setItem(key, JSON.stringify(value));
+        }
+        catch {
+            // SSR or fully blocked storage — drop silently.
+        }
+    }
+}
+function isMlvThemeMode(value) {
+    return value === 'auto' || value === 'light' || value === 'dark';
+}
+const MLV_THEME = new InjectionToken('MLV_THEME');
+const MLV_THEME_KEY = new InjectionToken('MLV_THEME_KEY');
+const defaultThemeKey = 'mlv-theme';
+const defaultTheme = 'light';
+function provideDefaultTheme(theme = defaultTheme, themeKey = defaultThemeKey) {
+    return [
+        {
+            provide: MLV_THEME,
+            useValue: theme,
+        },
+        {
+            provide: MLV_THEME_KEY,
+            useValue: themeKey,
+        },
+    ];
+}
+class MlvThemeService {
+    /** @private Whether the service is running in a browser (vs. server-side rendering). */
+    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    /**
+     * Lazily-resolved `prefers-color-scheme: dark` media query list. `null` on
+     * the server where `window` is undefined.
+     */
+    _darkModeMedia = this._isBrowser
+        ? window.matchMedia('(prefers-color-scheme: dark)')
+        : null;
+    /** @protected System dark-mode preference from the `prefers-color-scheme` media query. */
+    _prefersDark = signal(this._darkModeMedia?.matches ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_prefersDark" }] : /* istanbul ignore next */ []));
+    defaultTheme = inject(MLV_THEME, { optional: true }) ?? defaultTheme;
+    /** @private Storage key used to persist the selected theme. */
+    _themeKey = inject(MLV_THEME_KEY, { optional: true }) ?? defaultThemeKey;
+    /** @private Platform document, used to publish the theme on the root element. */
+    _document = inject(DOCUMENT);
+    themeMode = signal(this.defaultTheme, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "themeMode" }] : /* istanbul ignore next */ []));
+    currentTheme = signal(this._resolveTheme(this.defaultTheme), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentTheme" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const savedTheme = getFromStorage(this._themeKey);
+        if (isMlvThemeMode(savedTheme)) {
+            this.themeMode.set(savedTheme);
+            this._syncResolvedTheme();
+        }
+        if (this._darkModeMedia) {
+            fromEvent(this._darkModeMedia, 'change')
+                .pipe(takeUntilDestroyed(inject(DestroyRef)))
+                .subscribe(() => {
+                this._prefersDark.set(this._darkModeMedia?.matches ?? false);
+                if (this.themeMode() === 'auto') {
+                    this._syncResolvedTheme();
+                }
+            });
+        }
+        // Publish the resolved theme on the document element. `theme.scss` keys its
+        // dark token map off a plain `[mlvTheme='dark']` attribute selector, so
+        // nothing changes colour until that attribute exists somewhere above the
+        // content. This used to be a side effect of rendering `mlv-layout`, which
+        // meant any application — or any single route — that renders no layout got
+        // a theme switcher that flipped a signal nobody read. Owning it here makes
+        // the switch work regardless of which components happen to be on screen;
+        // `mlv-layout` still carries its own `[attr.mlvTheme]` host binding, and a
+        // scoped `mlvTheme` attribute further down the tree still wins locally.
+        if (this._isBrowser) {
+            effect(() => {
+                this._document.documentElement.setAttribute('mlvTheme', this.currentTheme());
+            });
+        }
+    }
+    setTheme(mode) {
+        setToStorage(this._themeKey, mode);
+        this.themeMode.set(mode);
+        this._syncResolvedTheme();
+    }
+    _resolveTheme(mode) {
+        if (mode === 'auto') {
+            return this._prefersDark() ? 'dark' : 'light';
+        }
+        return mode;
+    }
+    _syncResolvedTheme() {
+        this.currentTheme.set(this._resolveTheme(this.themeMode()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class MlvLayout {
+    /** @protected Header slot directive projected via `[mlvLayoutTop]`. */
+    topRef = contentChild(MlvLayoutTop, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "topRef" }] : /* istanbul ignore next */ []));
+    /** @protected Sidebar slot directive projected via `[mlvLayoutSide]`. */
+    sideRef = contentChild(MlvLayoutSide, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideRef" }] : /* istanbul ignore next */ []));
+    /** @protected Current active theme, sourced from the theme service. */
+    _theme = computed(() => {
+        return this._themeService.currentTheme();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_theme" }] : /* istanbul ignore next */ []));
+    plain = input(false, { ...(ngDevMode ? { debugName: "plain" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * @private Theme service providing the current light/dark theme signal.
+     * Injected so the host reflects the theme locally; publishing it on the
+     * document element is `MlvThemeService`'s own job, so that a route rendering
+     * no `mlv-layout` still themes correctly.
+     */
+    _themeService = inject(MlvThemeService);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvLayout, isStandalone: true, selector: "mlv-layout", inputs: { plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mlv-layout--plain": "plain()", "attr.mlvTheme": "_theme()" }, classAttribute: "mlv-layout" }, queries: [{ propertyName: "topRef", first: true, predicate: MlvLayoutTop, descendants: true, isSignal: true }, { propertyName: "sideRef", first: true, predicate: MlvLayoutSide, descendants: true, isSignal: true }], ngImport: i0, template: "@if (topRef(); as topTpl) {\n<header class=\"mlv-layout__header\">\n  <ng-template [ngTemplateOutlet]=\"topTpl.templateRef\"></ng-template>\n</header>\n}\n\n<section class=\"mlv-layout__container\">\n  @if (sideRef(); as sideTpl) {\n  <aside class=\"mlv-layout__side\">\n    <ng-template [ngTemplateOutlet]=\"sideTpl.templateRef\"></ng-template>\n  </aside>\n  }\n\n  <ng-content />\n</section>\n", styles: ["@layer mlv.components{.mlv-layout{display:flex;flex-direction:column;background-color:var(--mlv-background-base);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-heading),sans-serif;font-size:var(--mlv-font-size-l)}.mlv-layout__container{display:flex;flex-direction:row;gap:1rem;padding:1rem}@media(min-width:768px){.mlv-layout__container{gap:1.5rem;padding:1.5rem}}@media(min-width:1200px){.mlv-layout__container{gap:2rem;padding:2rem}}.mlv-layout--plain .mlv-layout__container{padding:0;gap:0}.mlv-layout--plain{padding:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLayout, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-layout', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-layout',
+                        '[class.mlv-layout--plain]': 'plain()',
+                        '[attr.mlvTheme]': '_theme()',
+                    }, template: "@if (topRef(); as topTpl) {\n<header class=\"mlv-layout__header\">\n  <ng-template [ngTemplateOutlet]=\"topTpl.templateRef\"></ng-template>\n</header>\n}\n\n<section class=\"mlv-layout__container\">\n  @if (sideRef(); as sideTpl) {\n  <aside class=\"mlv-layout__side\">\n    <ng-template [ngTemplateOutlet]=\"sideTpl.templateRef\"></ng-template>\n  </aside>\n  }\n\n  <ng-content />\n</section>\n", styles: ["@layer mlv.components{.mlv-layout{display:flex;flex-direction:column;background-color:var(--mlv-background-base);color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-heading),sans-serif;font-size:var(--mlv-font-size-l)}.mlv-layout__container{display:flex;flex-direction:row;gap:1rem;padding:1rem}@media(min-width:768px){.mlv-layout__container{gap:1.5rem;padding:1.5rem}}@media(min-width:1200px){.mlv-layout__container{gap:2rem;padding:2rem}}.mlv-layout--plain .mlv-layout__container{padding:0;gap:0}.mlv-layout--plain{padding:0}}\n"] }]
+        }], propDecorators: { topRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLayoutTop), { isSignal: true }] }], sideRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLayoutSide), { isSignal: true }] }], plain: [{ type: i0.Input, args: [{ isSignal: true, alias: "plain", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MLV_THEME, MLV_THEME_KEY, MlvLayout, MlvLayoutSide, MlvLayoutTop, MlvThemeService, defaultTheme, defaultThemeKey, isMlvThemeMode, provideDefaultTheme };
+//# sourceMappingURL=malva-ui-core-layout.mjs.map

package/fesm2022/malva-ui-core-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-layout.mjs","sources":["../../../../libs/core/layout/src/lib/layout/directives/MlvLayoutTop.ts","../../../../libs/core/layout/src/lib/layout/directives/MlvLayoutSide.ts","../../../../libs/core/layout/src/lib/layout/services/theme.service.ts","../../../../libs/core/layout/src/lib/layout/layout.ts","../../../../libs/core/layout/src/lib/layout/layout.html","../../../../libs/core/layout/src/malva-ui-core-layout.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n@Directive({\n  selector: '[mlvLayoutTop]',\n})\nexport class MlvLayoutTop extends MlvStructural {}\n","import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n@Directive({\n  selector: '[mlvLayoutSide]',\n})\nexport class MlvLayoutSide extends MlvStructural {}\n","import type { Provider } from '@angular/core';\nimport {\n  DestroyRef,\n  effect,\n  inject,\n  Injectable,\n  InjectionToken,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\n\nfunction getFromStorage(key: string): unknown {\n  if (\n    typeof localStorage === 'undefined' &&\n    typeof sessionStorage === 'undefined'\n  ) {\n    return null;\n  }\n  let value: string | null;\n  try {\n    value = localStorage.getItem(key);\n  } catch {\n    try {\n      value = sessionStorage.getItem(key);\n    } catch {\n      value = null;\n    }\n  }\n\n  if (!value) {\n    return null;\n  }\n\n  try {\n    return JSON.parse(value);\n  } catch {\n    // Legacy or hand-edited storage value (e.g. a bare `dark` string instead\n    // of the JSON-encoded `\"dark\"`). Accept it as-is so a malformed/legacy\n    // entry degrades gracefully instead of throwing during construction —\n    // `isMlvThemeMode` still validates it before use.\n    return value;\n  }\n}\n\nfunction setToStorage(key: string, value: string): void {\n  if (\n    typeof localStorage === 'undefined' &&\n    typeof sessionStorage === 'undefined'\n  ) {\n    return;\n  }\n  try {\n    localStorage.setItem(key, JSON.stringify(value));\n  } catch {\n    try {\n      sessionStorage.setItem(key, JSON.stringify(value));\n    } catch {\n      // SSR or fully blocked storage — drop silently.\n    }\n  }\n}\n\nexport type MlvTheme = 'light' | 'dark';\nexport type MlvThemeMode = MlvTheme | 'auto';\n\nexport function isMlvThemeMode(value: unknown): value is MlvThemeMode {\n  return value === 'auto' || value === 'light' || value === 'dark';\n}\n\nexport const MLV_THEME = new InjectionToken<MlvThemeMode>('MLV_THEME');\nexport const MLV_THEME_KEY = new InjectionToken<string>('MLV_THEME_KEY');\n\nexport const defaultThemeKey = 'mlv-theme' as const;\nexport const defaultTheme: MlvThemeMode = 'light' as const;\n\nexport function provideDefaultTheme(\n  theme: MlvThemeMode = defaultTheme,\n  themeKey = defaultThemeKey,\n): Provider[] {\n  return [\n    {\n      provide: MLV_THEME,\n      useValue: theme,\n    },\n    {\n      provide: MLV_THEME_KEY,\n      useValue: themeKey,\n    },\n  ];\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class MlvThemeService {\n  /** @private Whether the service is running in a browser (vs. server-side rendering). */\n  private readonly _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  /**\n   * Lazily-resolved `prefers-color-scheme: dark` media query list. `null` on\n   * the server where `window` is undefined.\n   */\n  private readonly _darkModeMedia: MediaQueryList | null = this._isBrowser\n    ? window.matchMedia('(prefers-color-scheme: dark)')\n    : null;\n\n  /** @protected System dark-mode preference from the `prefers-color-scheme` media query. */\n  protected readonly _prefersDark = signal(\n    this._darkModeMedia?.matches ?? false,\n  );\n\n  readonly defaultTheme = inject(MLV_THEME, { optional: true }) ?? defaultTheme;\n  /** @private Storage key used to persist the selected theme. */\n  private readonly _themeKey =\n    inject(MLV_THEME_KEY, { optional: true }) ?? defaultThemeKey;\n\n  /** @private Platform document, used to publish the theme on the root element. */\n  private readonly _document = inject(DOCUMENT);\n\n  readonly themeMode = signal<MlvThemeMode>(this.defaultTheme);\n  readonly currentTheme = signal<MlvTheme>(\n    this._resolveTheme(this.defaultTheme),\n  );\n\n  constructor() {\n    const savedTheme = getFromStorage(this._themeKey);\n    if (isMlvThemeMode(savedTheme)) {\n      this.themeMode.set(savedTheme);\n      this._syncResolvedTheme();\n    }\n\n    if (this._darkModeMedia) {\n      fromEvent(this._darkModeMedia, 'change')\n        .pipe(takeUntilDestroyed(inject(DestroyRef)))\n        .subscribe(() => {\n          this._prefersDark.set(this._darkModeMedia?.matches ?? false);\n          if (this.themeMode() === 'auto') {\n            this._syncResolvedTheme();\n          }\n        });\n    }\n\n    // Publish the resolved theme on the document element. `theme.scss` keys its\n    // dark token map off a plain `[mlvTheme='dark']` attribute selector, so\n    // nothing changes colour until that attribute exists somewhere above the\n    // content. This used to be a side effect of rendering `mlv-layout`, which\n    // meant any application — or any single route — that renders no layout got\n    // a theme switcher that flipped a signal nobody read. Owning it here makes\n    // the switch work regardless of which components happen to be on screen;\n    // `mlv-layout` still carries its own `[attr.mlvTheme]` host binding, and a\n    // scoped `mlvTheme` attribute further down the tree still wins locally.\n    if (this._isBrowser) {\n      effect(() => {\n        this._document.documentElement.setAttribute(\n          'mlvTheme',\n          this.currentTheme(),\n        );\n      });\n    }\n  }\n\n  setTheme(mode: MlvThemeMode): void {\n    setToStorage(this._themeKey, mode);\n    this.themeMode.set(mode);\n    this._syncResolvedTheme();\n  }\n\n  private _resolveTheme(mode: MlvThemeMode): MlvTheme {\n    if (mode === 'auto') {\n      return this._prefersDark() ? 'dark' : 'light';\n    }\n    return mode;\n  }\n\n  private _syncResolvedTheme(): void {\n    this.currentTheme.set(this._resolveTheme(this.themeMode()));\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  inject,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MlvLayoutTop } from './directives/MlvLayoutTop';\nimport { MlvLayoutSide } from './directives/MlvLayoutSide';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MlvThemeService } from './services/theme.service';\n\n@Component({\n  selector: 'mlv-layout',\n  imports: [NgTemplateOutlet],\n  templateUrl: './layout.html',\n  styleUrl: './layout.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-layout',\n    '[class.mlv-layout--plain]': 'plain()',\n    '[attr.mlvTheme]': '_theme()',\n  },\n})\nexport class MlvLayout {\n  /** @protected Header slot directive projected via `[mlvLayoutTop]`. */\n  protected readonly topRef = contentChild(MlvLayoutTop);\n\n  /** @protected Sidebar slot directive projected via `[mlvLayoutSide]`. */\n  protected readonly sideRef = contentChild(MlvLayoutSide);\n\n  /** @protected Current active theme, sourced from the theme service. */\n  protected readonly _theme = computed(() => {\n    return this._themeService.currentTheme();\n  });\n\n  readonly plain = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * @private Theme service providing the current light/dark theme signal.\n   * Injected so the host reflects the theme locally; publishing it on the\n   * document element is `MlvThemeService`'s own job, so that a route rendering\n   * no `mlv-layout` still themes correctly.\n   */\n  private readonly _themeService = inject(MlvThemeService);\n}\n","@if (topRef(); as topTpl) {\n<header class=\"mlv-layout__header\">\n  <ng-template [ngTemplateOutlet]=\"topTpl.templateRef\"></ng-template>\n</header>\n}\n\n<section class=\"mlv-layout__container\">\n  @if (sideRef(); as sideTpl) {\n  <aside class=\"mlv-layout__side\">\n    <ng-template [ngTemplateOutlet]=\"sideTpl.templateRef\"></ng-template>\n  </aside>\n  }\n\n  <ng-content />\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core-link.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { Directive, input, contentChild, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import { NgTemplateOutlet } from '@angular/common';
+
+class MlvLinkBefore extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLinkBefore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvLinkBefore, isStandalone: true, selector: "[mlvLinkBefore]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLinkBefore, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvLinkBefore]',
+                }]
+        }] });
+class MlvLinkAfter extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLinkAfter, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvLinkAfter, isStandalone: true, selector: "[mlvLinkAfter]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLinkAfter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvLinkAfter]',
+                }]
+        }] });
+
+class MlvLink {
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Whether the link is disabled — prevents activation and removes it from the tab order. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** @protected Optional leading-slot template projected before the link text. */
+    _before = contentChild(MlvLinkBefore, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_before" }] : /* istanbul ignore next */ []));
+    /** @protected Optional trailing-slot template projected after the link text. */
+    _after = contentChild(MlvLinkAfter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_after" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvLink, isStandalone: true, selector: "a[mlvLink]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "disabled() && $event.preventDefault()", "keydown.enter": "disabled() && $event.preventDefault()", "keydown.space": "disabled() && $event.preventDefault()" }, properties: { "class": "\"mlv-link--\" + variant()", "class.mlv-link--disabled": "disabled()", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "disabled() ? -1 : null" }, classAttribute: "mlv-link" }, queries: [{ propertyName: "_before", first: true, predicate: MlvLinkBefore, descendants: true, isSignal: true }, { propertyName: "_after", first: true, predicate: MlvLinkAfter, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (_before()?.templateRef; as beforeTpl) {
+      <span class="mlv-link__side">
+        <ng-template [ngTemplateOutlet]="beforeTpl"></ng-template>
+      </span>
+    }
+    <span class="mlv-link__text">
+      <ng-content />
+    </span>
+    @if (_after()?.templateRef; as afterTpl) {
+      <span class="mlv-link__side">
+        <ng-template [ngTemplateOutlet]="afterTpl"></ng-template>
+      </span>
+    }
+  `, isInline: true, styles: ["@layer mlv.components{.mlv-link{color:var(--mlv-text-action);text-decoration:none;cursor:pointer;transition:color var(--mlv-duration-normal) var(--mlv-ease-default);display:inline-flex;align-items:center;gap:var(--mlv-spacing-1);border-radius:var(--mlv-radius-xs)}.mlv-link *{color:inherit}.mlv-link__side{display:flex}.mlv-link__side svg{width:1.25em;height:1.25em}.mlv-link__text{text-decoration:none}.mlv-link:hover{color:var(--mlv-text-action-hover)}.mlv-link:hover .mlv-link__text{text-decoration:underline}.mlv-link:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset);color:var(--mlv-text-action-hover)}.mlv-link:focus-visible .mlv-link__text{text-decoration:underline}.mlv-link--subtle{color:var(--mlv-text-secondary)}.mlv-link--subtle:hover{color:var(--mlv-text-action-hover)}.mlv-link--emphasized{font-weight:600;text-decoration:underline}.mlv-link--disabled{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}@media(prefers-reduced-motion:reduce){.mlv-link,.mlv-link *,.mlv-link:before,.mlv-link:after,[class^=mlv-link__],[class*=\" mlv-link__\"],[class^=mlv-link--],[class*=\" mlv-link--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[mlvLink]', template: `
+    @if (_before()?.templateRef; as beforeTpl) {
+      <span class="mlv-link__side">
+        <ng-template [ngTemplateOutlet]="beforeTpl"></ng-template>
+      </span>
+    }
+    <span class="mlv-link__text">
+      <ng-content />
+    </span>
+    @if (_after()?.templateRef; as afterTpl) {
+      <span class="mlv-link__side">
+        <ng-template [ngTemplateOutlet]="afterTpl"></ng-template>
+      </span>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'mlv-link',
+                        '[class]': '"mlv-link--" + variant()',
+                        '[class.mlv-link--disabled]': 'disabled()',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        '[attr.tabindex]': 'disabled() ? -1 : null',
+                        '(click)': 'disabled() && $event.preventDefault()',
+                        '(keydown.enter)': 'disabled() && $event.preventDefault()',
+                        '(keydown.space)': 'disabled() && $event.preventDefault()',
+                    }, imports: [NgTemplateOutlet], styles: ["@layer mlv.components{.mlv-link{color:var(--mlv-text-action);text-decoration:none;cursor:pointer;transition:color var(--mlv-duration-normal) var(--mlv-ease-default);display:inline-flex;align-items:center;gap:var(--mlv-spacing-1);border-radius:var(--mlv-radius-xs)}.mlv-link *{color:inherit}.mlv-link__side{display:flex}.mlv-link__side svg{width:1.25em;height:1.25em}.mlv-link__text{text-decoration:none}.mlv-link:hover{color:var(--mlv-text-action-hover)}.mlv-link:hover .mlv-link__text{text-decoration:underline}.mlv-link:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset);color:var(--mlv-text-action-hover)}.mlv-link:focus-visible .mlv-link__text{text-decoration:underline}.mlv-link--subtle{color:var(--mlv-text-secondary)}.mlv-link--subtle:hover{color:var(--mlv-text-action-hover)}.mlv-link--emphasized{font-weight:600;text-decoration:underline}.mlv-link--disabled{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}@media(prefers-reduced-motion:reduce){.mlv-link,.mlv-link *,.mlv-link:before,.mlv-link:after,[class^=mlv-link__],[class*=\" mlv-link__\"],[class^=mlv-link--],[class*=\" mlv-link--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _before: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLinkBefore), { isSignal: true }] }], _after: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLinkAfter), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvLink, MlvLinkAfter, MlvLinkBefore };
+//# sourceMappingURL=malva-ui-core-link.mjs.map

package/fesm2022/malva-ui-core-link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-link.mjs","sources":["../../../../libs/core/link/src/lib/link/link.directives.ts","../../../../libs/core/link/src/lib/link/link.ts","../../../../libs/core/link/src/malva-ui-core-link.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n@Directive({\n  selector: '[mlvLinkBefore]',\n})\nexport class MlvLinkBefore extends MlvStructural {}\n\n@Directive({\n  selector: '[mlvLinkAfter]',\n})\nexport class MlvLinkAfter extends MlvStructural {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MlvLinkAfter, MlvLinkBefore } from './link.directives';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type MlvLinkVariant = 'default' | 'subtle' | 'emphasized';\n\n@Component({\n  // Attribute-selector component — camelCase [mlvX] is the documented pattern\n  // (see .claude/rules/angular-component.md); the rule only models kebab-case.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'a[mlvLink]',\n  template: `\n    @if (_before()?.templateRef; as beforeTpl) {\n      <span class=\"mlv-link__side\">\n        <ng-template [ngTemplateOutlet]=\"beforeTpl\"></ng-template>\n      </span>\n    }\n    <span class=\"mlv-link__text\">\n      <ng-content />\n    </span>\n    @if (_after()?.templateRef; as afterTpl) {\n      <span class=\"mlv-link__side\">\n        <ng-template [ngTemplateOutlet]=\"afterTpl\"></ng-template>\n      </span>\n    }\n  `,\n  styleUrl: './link.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mlv-link',\n    '[class]': '\"mlv-link--\" + variant()',\n    '[class.mlv-link--disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.tabindex]': 'disabled() ? -1 : null',\n    '(click)': 'disabled() && $event.preventDefault()',\n    '(keydown.enter)': 'disabled() && $event.preventDefault()',\n    '(keydown.space)': 'disabled() && $event.preventDefault()',\n  },\n  imports: [NgTemplateOutlet],\n})\nexport class MlvLink {\n  readonly variant = input<MlvLinkVariant>('default');\n  /** Whether the link is disabled — prevents activation and removes it from the tab order. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** @protected Optional leading-slot template projected before the link text. */\n  protected readonly _before = contentChild(MlvLinkBefore);\n  /** @protected Optional trailing-slot template projected after the link text. */\n  protected readonly _after = contentChild(MlvLinkAfter);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}