@malva-ui/core 0.1.12

package/esm2022/kbd/lib/kbd/kbd.js

@@ -0,0 +1,124 @@
+import { ChangeDetectionStrategy, Component, PLATFORM_ID, ViewEncapsulation, computed, inject, input, } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from "@angular/core";
+/** 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=" " />
+ * ```
+ */
+export 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: [".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: [".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 }] }] } });
+//# sourceMappingURL=kbd.js.map

package/esm2022/kbd/lib/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../../../../libs/core/kbd/src/lib/kbd/kbd.ts","../../../../../../../libs/core/kbd/src/lib/kbd/kbd.html"],"names":[],"mappings":"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","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"]}

package/esm2022/kbd/malva-ui-core-kbd.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-kbd.js.map

package/esm2022/kbd/malva-ui-core-kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-kbd.js","sourceRoot":"","sources":["../../../../../libs/core/kbd/src/malva-ui-core-kbd.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/layout/index.js

@@ -0,0 +1,5 @@
+export * from './lib/layout/layout';
+export * from './lib/layout/directives/MlvLayoutSide';
+export * from './lib/layout/directives/MlvLayoutTop';
+export * from './lib/layout/services/theme.service';
+//# sourceMappingURL=index.js.map

package/esm2022/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/layout/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uCAAuC,CAAC;AACtD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC","sourcesContent":["export * from './lib/layout/layout';\nexport * from './lib/layout/directives/MlvLayoutSide';\nexport * from './lib/layout/directives/MlvLayoutTop';\nexport * from './lib/layout/services/theme.service';\n"]}

package/esm2022/layout/lib/layout/directives/MlvLayoutSide.js

@@ -0,0 +1,14 @@
+import { Directive } from '@angular/core';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=MlvLayoutSide.js.map

package/esm2022/layout/lib/layout/directives/MlvLayoutSide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MlvLayoutSide.js","sourceRoot":"","sources":["../../../../../../../../libs/core/layout/src/lib/layout/directives/MlvLayoutSide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKpD,MAAM,OAAO,aAAc,SAAQ,aAAa;uGAAnC,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAHzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;iBAC5B","sourcesContent":["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"]}

package/esm2022/layout/lib/layout/directives/MlvLayoutTop.js

@@ -0,0 +1,14 @@
+import { Directive } from '@angular/core';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=MlvLayoutTop.js.map

package/esm2022/layout/lib/layout/directives/MlvLayoutTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MlvLayoutTop.js","sourceRoot":"","sources":["../../../../../../../../libs/core/layout/src/lib/layout/directives/MlvLayoutTop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKpD,MAAM,OAAO,YAAa,SAAQ,aAAa;uGAAlC,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAHxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;iBAC3B","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"]}

package/esm2022/layout/lib/layout/layout.js

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, ViewEncapsulation, PLATFORM_ID, } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { MlvLayoutTop } from './directives/MlvLayoutTop';
+import { MlvLayoutSide } from './directives/MlvLayoutSide';
+import { NgTemplateOutlet } from '@angular/common';
+import { MlvThemeService } from './services/theme.service';
+import * as i0 from "@angular/core";
+export 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 */ []));
+    /** @private Theme service providing the current light/dark theme signal. */
+    _themeService = inject(MlvThemeService);
+    /** @private Current platform identifier used to avoid DOM access during SSR. */
+    _platformId = inject(PLATFORM_ID);
+    /** @private Platform document supplied by Angular for browser-safe DOM access. */
+    _document = inject(DOCUMENT);
+    constructor() {
+        effect(() => {
+            if (isPlatformBrowser(this._platformId)) {
+                this._document.documentElement.setAttribute('mlvTheme', this._theme());
+            }
+        });
+    }
+    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", host: { properties: { "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: [".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}}\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',
+                        '[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: [".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}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { topRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLayoutTop), { isSignal: true }] }], sideRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvLayoutSide), { isSignal: true }] }] } });
+//# sourceMappingURL=layout.js.map

package/esm2022/layout/lib/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../../../../libs/core/layout/src/lib/layout/layout.ts","../../../../../../../libs/core/layout/src/lib/layout/layout.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;;AAc3D,MAAM,OAAO,SAAS;IACpB,uEAAuE;IACpD,MAAM,GAAG,YAAY,CAAC,YAAY;+EAAC,CAAC;IAEvD,yEAAyE;IACtD,OAAO,GAAG,YAAY,CAAC,aAAa;gFAAC,CAAC;IAEzD,uEAAuE;IACpD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;QACxC,OAAO,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC;IAC3C,CAAC;+EAAC,CAAC;IAEH,4EAA4E;IAC3D,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACzD,gFAAgF;IAC/D,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACnD,kFAAkF;IACjE,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE9C;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;gBACxC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YACzE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;uGAzBU,SAAS;2FAAT,SAAS,+LAEqB,YAAY,0FAGX,aAAa,gECjCzD,8YAeA,gfDGY,gBAAgB;;2FAUf,SAAS;kBAZrB,SAAS;+BACE,YAAY,WACb,CAAC,gBAAgB,CAAC,iBAGZ,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,YAAY;wBACnB,iBAAiB,EAAE,UAAU;qBAC9B;qHAIwC,YAAY,yFAGX,aAAa","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  ViewEncapsulation,\n  PLATFORM_ID,\n} from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\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    '[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  /** @private Theme service providing the current light/dark theme signal. */\n  private readonly _themeService = inject(MlvThemeService);\n  /** @private Current platform identifier used to avoid DOM access during SSR. */\n  private readonly _platformId = inject(PLATFORM_ID);\n  /** @private Platform document supplied by Angular for browser-safe DOM access. */\n  private readonly _document = inject(DOCUMENT);\n\n  constructor() {\n    effect(() => {\n      if (isPlatformBrowser(this._platformId)) {\n        this._document.documentElement.setAttribute('mlvTheme', this._theme());\n      }\n    });\n  }\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"]}

package/esm2022/layout/lib/layout/services/theme.service.js

@@ -0,0 +1,121 @@
+import { DestroyRef, inject, Injectable, InjectionToken, PLATFORM_ID, signal, } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent } from 'rxjs';
+import * as i0 from "@angular/core";
+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;
+        }
+    }
+    return value ? JSON.parse(value) : null;
+}
+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.
+        }
+    }
+}
+export function isMlvThemeMode(value) {
+    return value === 'auto' || value === 'light' || value === 'dark';
+}
+export const MLV_THEME = new InjectionToken('MLV_THEME');
+export const MLV_THEME_KEY = new InjectionToken('MLV_THEME_KEY');
+export const defaultThemeKey = 'mlv-theme';
+export const defaultTheme = 'light';
+export function provideDefaultTheme(theme = defaultTheme, themeKey = defaultThemeKey) {
+    return [
+        {
+            provide: MLV_THEME,
+            useValue: theme,
+        },
+        {
+            provide: MLV_THEME_KEY,
+            useValue: themeKey,
+        },
+    ];
+}
+export 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;
+    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();
+                }
+            });
+        }
+    }
+    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: () => [] });
+//# sourceMappingURL=theme.service.js.map

package/esm2022/layout/lib/layout/services/theme.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../../../../../../libs/core/layout/src/lib/layout/services/theme.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Provider } from '@angular/core';\nimport {\n  DestroyRef,\n  inject,\n  Injectable,\n  InjectionToken,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { 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  return value ? JSON.parse(value) : null;\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  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\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"]}

package/esm2022/layout/malva-ui-core-layout.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-layout.js.map

package/esm2022/layout/malva-ui-core-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-layout.js","sourceRoot":"","sources":["../../../../../libs/core/layout/src/malva-ui-core-layout.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/link/index.js

@@ -0,0 +1,3 @@
+export * from './lib/link/link';
+export * from './lib/link/link.directives';
+//# sourceMappingURL=index.js.map

package/esm2022/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/link/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './lib/link/link';\nexport * from './lib/link/link.directives';\n"]}

package/esm2022/link/lib/link/link.directives.js

@@ -0,0 +1,24 @@
+import { Directive } from '@angular/core';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=link.directives.js.map

package/esm2022/link/lib/link/link.directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.directives.js","sourceRoot":"","sources":["../../../../../../../libs/core/link/src/lib/link/link.directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKpD,MAAM,OAAO,aAAc,SAAQ,aAAa;uGAAnC,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAHzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;iBAC5B;;AAMD,MAAM,OAAO,YAAa,SAAQ,aAAa;uGAAlC,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAHxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;iBAC3B","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"]}

package/esm2022/link/lib/link/link.js

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component, contentChild, input, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvLinkAfter, MlvLinkBefore } from './link.directives';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from "@angular/core";
+export 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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem;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)}\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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem;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)}\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 }] }] } });
+//# sourceMappingURL=link.js.map

package/esm2022/link/lib/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../../../libs/core/link/src/lib/link/link.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;;AAuCnD,MAAM,OAAO,OAAO;IACT,OAAO,GAAG,KAAK,CAAiB,SAAS;gFAAC,CAAC;IACpD,4FAA4F;IACnF,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH,gFAAgF;IAC7D,OAAO,GAAG,YAAY,CAAC,aAAa;gFAAC,CAAC;IACzD,gFAAgF;IAC7D,MAAM,GAAG,YAAY,CAAC,YAAY;+EAAC,CAAC;uGAV5C,OAAO;2FAAP,OAAO,ywBAQwB,aAAa,yFAEd,YAAY,gEAxC3C;;;;;;;;;;;;;;GAcT,ohCAcS,gBAAgB;;2FAEf,OAAO;kBAnCnB,SAAS;+BAIE,YAAY,YACZ;;;;;;;;;;;;;;GAcT,mBAEgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,QAC/B;wBACJ,KAAK,EAAE,UAAU;wBACjB,SAAS,EAAE,0BAA0B;wBACrC,4BAA4B,EAAE,YAAY;wBAC1C,sBAAsB,EAAE,oBAAoB;wBAC5C,iBAAiB,EAAE,wBAAwB;wBAC3C,SAAS,EAAE,uCAAuC;wBAClD,iBAAiB,EAAE,uCAAuC;wBAC1D,iBAAiB,EAAE,uCAAuC;qBAC3D,WACQ,CAAC,gBAAgB,CAAC;0RAUe,aAAa,wFAEd,YAAY","sourcesContent":["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"]}

package/esm2022/link/malva-ui-core-link.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-link.js.map

package/esm2022/link/malva-ui-core-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-link.js","sourceRoot":"","sources":["../../../../../libs/core/link/src/malva-ui-core-link.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/list/index.js

@@ -0,0 +1,14 @@
+export * from './lib/list/list';
+export * from './lib/list-item/list-item';
+export * from './lib/list-item-media';
+export * from './lib/list-item-title';
+export * from './lib/list-item-byline';
+export * from './lib/list-item-meta';
+export * from './lib/list-item-actions';
+export * from './lib/list-item-prefix';
+export * from './lib/list-item-suffix';
+export * from './lib/list-item-template';
+export * from './lib/list-selectable';
+export * from './lib/list-item-link/list-item-link';
+export * from './lib/list-item-group/list-item-group';
+//# sourceMappingURL=index.js.map

package/esm2022/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/list/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qCAAqC,CAAC;AAEpD,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './lib/list/list';\nexport * from './lib/list-item/list-item';\nexport * from './lib/list-item-media';\nexport * from './lib/list-item-title';\nexport * from './lib/list-item-byline';\nexport * from './lib/list-item-meta';\nexport * from './lib/list-item-actions';\nexport * from './lib/list-item-prefix';\nexport * from './lib/list-item-suffix';\nexport * from './lib/list-item-template';\nexport * from './lib/list-selectable';\nexport * from './lib/list-item-link/list-item-link';\n\nexport * from './lib/list-item-group/list-item-group';\n"]}

package/esm2022/list/lib/list/list.js

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MlvList {
+    /**
+     * WAI-ARIA role for the list host element.
+     * Override when the list is used in a context requiring a different role
+     * (e.g. `'menu'` when used as a menu panel container).
+     * Defaults to `'list'`.
+     */
+    listRole = input('list', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listRole" }] : /* istanbul ignore next */ []));
+    /**
+     * Visual variant of the list. See {@link MlvListVariant}.
+     */
+    variant = input('plain', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvList, isStandalone: true, selector: "mlv-list", inputs: { listRole: { classPropertyName: "listRole", publicName: "listRole", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"mlv-list--\" + variant()", "attr.role": "listRole()" }, classAttribute: "mlv-list" }, ngImport: i0, template: "<ng-content />\n", styles: [".mlv-list{--mlv-list-padding-block: var(--mlv-spacing-1);--mlv-list-padding-inline: 0;--mlv-list-gap: var(--mlv-spacing-0-5);display:flex;flex-direction:column;gap:var(--mlv-list-gap);padding:var(--mlv-list-padding-block) var(--mlv-list-padding-inline);margin:0;outline:none}.mlv-list--inset{--mlv-list-padding-block: var(--mlv-spacing-2);--mlv-list-padding-inline: var(--mlv-spacing-3);--mlv-list-gap: var(--mlv-spacing-5);background-color:var(--mlv-background-sunken);border-radius:var(--mlv-radius-xl)}.mlv-list--inset>.mlv-list-item{--mlv-list-item-radius: 0;background-color:var(--mlv-background-raised);padding-inline:var(--mlv-spacing-3)}.mlv-list--inset>.mlv-list-item:first-child{border-top-left-radius:var(--mlv-radius-l);border-top-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item:last-child{border-bottom-left-radius:var(--mlv-radius-l);border-bottom-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item+.mlv-list-item,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item{position:relative}.mlv-list--inset>.mlv-list-item+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item:after{content:\"\";position:absolute;top:0;inset-inline-start:var(--mlv-list-item-divider-inset, 0);inset-inline-end:0;border-top:.0625rem solid var(--mlv-border-subtle);pointer-events:none}.mlv-list--inset>.mlv-list-item.mlv-list-item--rich+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item.mlv-list-item--rich+.mlv-list-item:after{--mlv-list-item-divider-inset: 3.25rem}.mlv-list--inset>.mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset>.mlv-list-item[aria-selected=true]+.mlv-list-item:after,.mlv-list--inset .mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset .mlv-list-item[aria-selected=true]+.mlv-list-item:after{border-top-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvList, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-list',
+                        '[class]': '"mlv-list--" + variant()',
+                        '[attr.role]': 'listRole()',
+                    }, template: "<ng-content />\n", styles: [".mlv-list{--mlv-list-padding-block: var(--mlv-spacing-1);--mlv-list-padding-inline: 0;--mlv-list-gap: var(--mlv-spacing-0-5);display:flex;flex-direction:column;gap:var(--mlv-list-gap);padding:var(--mlv-list-padding-block) var(--mlv-list-padding-inline);margin:0;outline:none}.mlv-list--inset{--mlv-list-padding-block: var(--mlv-spacing-2);--mlv-list-padding-inline: var(--mlv-spacing-3);--mlv-list-gap: var(--mlv-spacing-5);background-color:var(--mlv-background-sunken);border-radius:var(--mlv-radius-xl)}.mlv-list--inset>.mlv-list-item{--mlv-list-item-radius: 0;background-color:var(--mlv-background-raised);padding-inline:var(--mlv-spacing-3)}.mlv-list--inset>.mlv-list-item:first-child{border-top-left-radius:var(--mlv-radius-l);border-top-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item:last-child{border-bottom-left-radius:var(--mlv-radius-l);border-bottom-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item+.mlv-list-item,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item{position:relative}.mlv-list--inset>.mlv-list-item+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item:after{content:\"\";position:absolute;top:0;inset-inline-start:var(--mlv-list-item-divider-inset, 0);inset-inline-end:0;border-top:.0625rem solid var(--mlv-border-subtle);pointer-events:none}.mlv-list--inset>.mlv-list-item.mlv-list-item--rich+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item.mlv-list-item--rich+.mlv-list-item:after{--mlv-list-item-divider-inset: 3.25rem}.mlv-list--inset>.mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset>.mlv-list-item[aria-selected=true]+.mlv-list-item:after,.mlv-list--inset .mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset .mlv-list-item[aria-selected=true]+.mlv-list-item:after{border-top-color:transparent}\n"] }]
+        }], propDecorators: { listRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRole", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=list.js.map