@malva-ui/core 0.1.12

package/esm2022/segmented/lib/segmented-item/segmented-item.js

@@ -0,0 +1,194 @@
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, ElementRef, HostAttributeToken, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NavigationEnd, Router, RouterLink, RouterLinkActive, } from '@angular/router';
+import { filter } from 'rxjs';
+import { MLV_SEGMENTED } from '../segmented-token';
+import * as i0 from "@angular/core";
+/**
+ * Distinguishes a full `IsActiveMatchOptions` object from the `{ exact }`
+ * shorthand (mirrors Angular's own `RouterLinkActive` check). `Router.isActive`
+ * reads an object argument as raw `IsActiveMatchOptions` and would silently
+ * ignore an `exact` key, so the shorthand must go through the boolean overload.
+ */
+function isFullMatchOptions(opts) {
+    const o = opts;
+    return !!(o.paths || o.matrixParams || o.queryParams || o.fragment);
+}
+/**
+ * One segment of an `mlv-segmented`. Enhances a native `<button>` (radio mode)
+ * or `<a>` (link mode) — never a wrapper element, so native `disabled`,
+ * `type`, `href`, `routerLink` and middle-click all keep working.
+ *
+ * Items must be direct children of `mlv-segmented`.
+ */
+export class MlvSegmentedItem {
+    /** Host element — read by the group for focus and pill measurement. */
+    elementRef = inject((ElementRef));
+    /** @internal Parent group accessor (template-facing for the focus binding). */
+    _group = inject(MLV_SEGMENTED);
+    /**
+     * @internal `type` attribute reflected on `<button>` hosts: the consumer's
+     * own value when present, else `"button"` so a segmented inside a `<form>`
+     * never submits it.
+     */
+    _type = inject(new HostAttributeToken('type'), { optional: true }) ?? 'button';
+    /** Whether this item is an `<a>` (link mode) rather than a `<button>` (radio mode). */
+    isLink = this.elementRef.nativeElement.tagName === 'A';
+    /** Value written to the group's `value` model when this item is selected (radio mode). */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Disables this single item. The group's `disabled` disables all items. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Explicit active override. When set (`true`/`false`) it wins over the
+     * value comparison (radio mode) and over router matching (link mode).
+     */
+    active = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    /**
+     * Link mode only: match options for `Router.isActive` when the item carries a
+     * `routerLink` but no `routerLinkActive` (same shape as `mlv-tab`).
+     */
+    linkActiveOptions = input({
+        exact: false,
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkActiveOptions" }] : /* istanbul ignore next */ []));
+    /** Roving tabindex (radio mode) — written by the group; `0` for the single tab stop. */
+    tabIndex = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    /** Item disabled by its own input or by the group. */
+    isDisabled = computed(() => this.disabled() || this._group.computedDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    /** @private Router — absent when the consumer app has no router. */
+    _router = inject(Router, { optional: true });
+    /** @private `routerLink` on this very element (link mode without `routerLinkActive`). */
+    _routerLink = inject(RouterLink, {
+        optional: true,
+        self: true,
+    });
+    /** @private `routerLinkActive` on this very element — when present it owns the active state. */
+    _routerLinkActive = inject(RouterLinkActive, {
+        optional: true,
+        self: true,
+    });
+    /**
+     * @private Live `RouterLinkActive.isActive`, or `null` when the host has no
+     * `routerLinkActive`.
+     */
+    _rlaActive = this._routerLinkActive
+        ? toSignal(this._routerLinkActive.isActiveChange, {
+            initialValue: this._routerLinkActive.isActive,
+        })
+        : null;
+    /** @private Bumped on every `NavigationEnd` so `_routerActive` re-evaluates `Router.isActive`. */
+    _navigationCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_navigationCount" }] : /* istanbul ignore next */ []));
+    /** @private Removes the capture-phase disabled-click guard with the component. */
+    _destroyRef = inject(DestroyRef);
+    /**
+     * @internal Router-derived active state for link items: `routerLinkActive`
+     * when present on the host, else `Router.isActive(routerLink.urlTree,
+     * linkActiveOptions)`. `false` for buttons and for links without a
+     * `routerLink`.
+     */
+    _routerActive = computed(() => {
+        if (!this.isLink)
+            return false;
+        if (this._rlaActive)
+            return this._rlaActive();
+        this._navigationCount();
+        const urlTree = this._routerLink?.urlTree ?? null;
+        if (!this._router || !urlTree)
+            return false;
+        const opts = this.linkActiveOptions();
+        return isFullMatchOptions(opts)
+            ? this._router.isActive(urlTree, opts)
+            : this._router.isActive(urlTree, opts.exact);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_routerActive" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Without `routerLinkActive` nothing re-runs `Router.isActive` on its own,
+        // so a navigation has to invalidate `_routerActive` explicitly.
+        if (this.isLink && this._router && !this._rlaActive) {
+            this._router.events
+                .pipe(filter((e) => e instanceof NavigationEnd), takeUntilDestroyed())
+                .subscribe(() => this._navigationCount.update((n) => n + 1));
+        }
+        // A disabled link needs a capture-phase guard to stay put. Angular
+        // coalesces every host listener for one event on one element into a single
+        // native listener and walks that chain unconditionally
+        // (`__ngNextListenerFn__`), so `stopImmediatePropagation()` from `_onClick`
+        // cannot stop `RouterLink.onClick` — which calls `Router.navigateByUrl()`
+        // without ever reading `defaultPrevented`. A capture-phase listener runs
+        // before the coalesced listener and stops it wholesale. `<button>` hosts
+        // need none of this: a disabled button never dispatches `click`.
+        if (this.isLink) {
+            const element = this.elementRef.nativeElement;
+            const guard = (event) => {
+                if (!this.isDisabled())
+                    return;
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            };
+            element.addEventListener('click', guard, true);
+            this._destroyRef.onDestroy(() => element.removeEventListener('click', guard, true));
+        }
+    }
+    /** Whether this item is the active segment (pill + `aria-checked` / `aria-current`). */
+    isActive = computed(() => {
+        const explicit = this.active();
+        if (explicit !== undefined)
+            return explicit;
+        if (this.isLink)
+            return this._routerActive();
+        const value = this.value();
+        return value !== undefined && this._group.value() === value;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    /** Focuses the host element (used by the group's `FocusKeyManager`). */
+    focus() {
+        this.elementRef.nativeElement.focus();
+    }
+    /**
+     * @internal Click handler. Radio-mode buttons ask the group to select this
+     * item; disabled `<button>`s never fire `click` natively.
+     *
+     * Disabled links never reach this handler — the capture-phase guard installed
+     * in the constructor stops the event first. The `preventDefault()` below is
+     * the belt-and-braces fallback for a click that somehow bypasses it.
+     *
+     * The parameter must stay `Event`: host-binding type checking types `$event`
+     * as `Event` (the compiler cannot infer the host element), so narrowing it to
+     * `MouseEvent` breaks every consumer that compiles this source.
+     */
+    _onClick(event) {
+        if (this.isDisabled()) {
+            event.preventDefault();
+            return;
+        }
+        if (!this.isLink)
+            this._group.selectItem(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSegmentedItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvSegmentedItem, isStandalone: true, selector: "button[mlvSegmentedItem], a[mlvSegmentedItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, linkActiveOptions: { classPropertyName: "linkActiveOptions", publicName: "linkActiveOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_onClick($event)", "focus": "_group.onItemFocus(this)" }, properties: { "class.mlv-segmented-item--active": "isActive()", "class.mlv-segmented-item--disabled": "isDisabled()", "class.mlv-segmented-item--link": "isLink", "attr.role": "isLink ? null : \"radio\"", "attr.aria-checked": "isLink ? null : isActive()", "attr.aria-current": "isLink && isActive() ? \"page\" : null", "attr.tabindex": "isLink ? (isDisabled() ? -1 : null) : tabIndex()", "attr.disabled": "!isLink && isDisabled() ? \"\" : null", "attr.aria-disabled": "isLink && isDisabled() ? true : null", "attr.type": "isLink ? null : _type" }, classAttribute: "mlv-segmented-item" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-segmented-item{box-sizing:border-box;margin:0;border:0;background:none;font:inherit;text-decoration:none;appearance:none;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;white-space:nowrap;cursor:pointer;color:var(--mlv-text-secondary);border-radius:var(--mlv-segmented-inner-radius, var(--mlv-radius-m));outline:none;transition:color var(--mlv-duration-normal),background-color var(--mlv-duration-normal)}[class*=--tight] .mlv-segmented-item:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-segmented-item[class*=--tight]{padding:.375rem .625rem;font-size:var(--mlv-font-size-s)}[class*=--compact] .mlv-segmented-item:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-segmented-item[class*=--compact]{padding:.5rem .75rem;font-size:var(--mlv-font-size-s)}[class*=--spacious] .mlv-segmented-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-segmented-item[class*=--spacious]{padding:1rem 1.25rem;font-size:var(--mlv-font-size-l)}[class*=--airy] .mlv-segmented-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-segmented-item[class*=--airy]{padding:1.25rem 1.5rem;font-size:var(--mlv-font-size-l)}.mlv-segmented-item:hover:not(.mlv-segmented-item--active):not(.mlv-segmented-item--disabled){background:var(--mlv-background-neutral-1-hover)}.mlv-segmented-item:active:not(.mlv-segmented-item--active):not(.mlv-segmented-item--disabled){background:var(--mlv-background-neutral-1-active)}.mlv-segmented-item:focus-visible{outline:.125rem solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-segmented-item--active{color:var(--mlv-segmented-active-color, var(--mlv-text-primary))}.mlv-segmented-item--disabled{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}.mlv-segmented-item+.mlv-segmented-item:before{content:\"\";position:absolute;inset-inline-start:-.09375rem;top:25%;width:.0625rem;height:50%;background:var(--mlv-segmented-separator-color, var(--mlv-border-normal));opacity:1;transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default);pointer-events:none}.mlv-segmented-item--active:before,.mlv-segmented-item+.mlv-segmented-item--active:before,.mlv-segmented-item--active+.mlv-segmented-item:before,.mlv-segmented-item:hover:before,.mlv-segmented-item:hover+.mlv-segmented-item:before,.mlv-segmented-item:active:before,.mlv-segmented-item:active+.mlv-segmented-item:before,.mlv-segmented-item:focus-visible:before,.mlv-segmented-item:focus-visible+.mlv-segmented-item:before{opacity:0}.mlv-segmented--vertical .mlv-segmented-item+.mlv-segmented-item:before{inset-inline-start:25%;top:-.09375rem;width:50%;height:.0625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSegmentedItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[mlvSegmentedItem], a[mlvSegmentedItem]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-segmented-item',
+                        '[class.mlv-segmented-item--active]': 'isActive()',
+                        '[class.mlv-segmented-item--disabled]': 'isDisabled()',
+                        '[class.mlv-segmented-item--link]': 'isLink',
+                        '[attr.role]': 'isLink ? null : "radio"',
+                        '[attr.aria-checked]': 'isLink ? null : isActive()',
+                        '[attr.aria-current]': 'isLink && isActive() ? "page" : null',
+                        '[attr.tabindex]': 'isLink ? (isDisabled() ? -1 : null) : tabIndex()',
+                        '[attr.disabled]': '!isLink && isDisabled() ? "" : null',
+                        '[attr.aria-disabled]': 'isLink && isDisabled() ? true : null',
+                        '[attr.type]': 'isLink ? null : _type',
+                        '(click)': '_onClick($event)',
+                        '(focus)': '_group.onItemFocus(this)',
+                    }, styles: [".mlv-segmented-item{box-sizing:border-box;margin:0;border:0;background:none;font:inherit;text-decoration:none;appearance:none;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;white-space:nowrap;cursor:pointer;color:var(--mlv-text-secondary);border-radius:var(--mlv-segmented-inner-radius, var(--mlv-radius-m));outline:none;transition:color var(--mlv-duration-normal),background-color var(--mlv-duration-normal)}[class*=--tight] .mlv-segmented-item:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-segmented-item[class*=--tight]{padding:.375rem .625rem;font-size:var(--mlv-font-size-s)}[class*=--compact] .mlv-segmented-item:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-segmented-item[class*=--compact]{padding:.5rem .75rem;font-size:var(--mlv-font-size-s)}[class*=--spacious] .mlv-segmented-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-segmented-item[class*=--spacious]{padding:1rem 1.25rem;font-size:var(--mlv-font-size-l)}[class*=--airy] .mlv-segmented-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-segmented-item[class*=--airy]{padding:1.25rem 1.5rem;font-size:var(--mlv-font-size-l)}.mlv-segmented-item:hover:not(.mlv-segmented-item--active):not(.mlv-segmented-item--disabled){background:var(--mlv-background-neutral-1-hover)}.mlv-segmented-item:active:not(.mlv-segmented-item--active):not(.mlv-segmented-item--disabled){background:var(--mlv-background-neutral-1-active)}.mlv-segmented-item:focus-visible{outline:.125rem solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-segmented-item--active{color:var(--mlv-segmented-active-color, var(--mlv-text-primary))}.mlv-segmented-item--disabled{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}.mlv-segmented-item+.mlv-segmented-item:before{content:\"\";position:absolute;inset-inline-start:-.09375rem;top:25%;width:.0625rem;height:50%;background:var(--mlv-segmented-separator-color, var(--mlv-border-normal));opacity:1;transition:opacity var(--mlv-duration-fast) var(--mlv-ease-default);pointer-events:none}.mlv-segmented-item--active:before,.mlv-segmented-item+.mlv-segmented-item--active:before,.mlv-segmented-item--active+.mlv-segmented-item:before,.mlv-segmented-item:hover:before,.mlv-segmented-item:hover+.mlv-segmented-item:before,.mlv-segmented-item:active:before,.mlv-segmented-item:active+.mlv-segmented-item:before,.mlv-segmented-item:focus-visible:before,.mlv-segmented-item:focus-visible+.mlv-segmented-item:before{opacity:0}.mlv-segmented--vertical .mlv-segmented-item+.mlv-segmented-item:before{inset-inline-start:25%;top:-.09375rem;width:50%;height:.0625rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], linkActiveOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkActiveOptions", required: false }] }] } });
+//# sourceMappingURL=segmented-item.js.map

package/esm2022/segmented/lib/segmented-item/segmented-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/segmented/src/lib/segmented-item/segmented-item.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { IsActiveMatchOptions } from '@angular/router';\nimport {\n  NavigationEnd,\n  Router,\n  RouterLink,\n  RouterLinkActive,\n} from '@angular/router';\nimport { filter } from 'rxjs';\nimport { MLV_SEGMENTED } from '../segmented-token';\n\n/** `RouterLinkActive`-style match options accepted by `linkActiveOptions`. */\nexport type MlvSegmentedLinkActiveOptions =\n  | { exact: boolean }\n  | IsActiveMatchOptions;\n\n/**\n * Distinguishes a full `IsActiveMatchOptions` object from the `{ exact }`\n * shorthand (mirrors Angular's own `RouterLinkActive` check). `Router.isActive`\n * reads an object argument as raw `IsActiveMatchOptions` and would silently\n * ignore an `exact` key, so the shorthand must go through the boolean overload.\n */\nfunction isFullMatchOptions(\n  opts: MlvSegmentedLinkActiveOptions,\n): opts is IsActiveMatchOptions {\n  const o = opts as Partial<IsActiveMatchOptions>;\n  return !!(o.paths || o.matrixParams || o.queryParams || o.fragment);\n}\n\n/**\n * One segment of an `mlv-segmented`. Enhances a native `<button>` (radio mode)\n * or `<a>` (link mode) — never a wrapper element, so native `disabled`,\n * `type`, `href`, `routerLink` and middle-click all keep working.\n *\n * Items must be direct children of `mlv-segmented`.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[mlvSegmentedItem], a[mlvSegmentedItem]',\n  template: '<ng-content />',\n  styleUrl: './segmented-item.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-segmented-item',\n    '[class.mlv-segmented-item--active]': 'isActive()',\n    '[class.mlv-segmented-item--disabled]': 'isDisabled()',\n    '[class.mlv-segmented-item--link]': 'isLink',\n    '[attr.role]': 'isLink ? null : \"radio\"',\n    '[attr.aria-checked]': 'isLink ? null : isActive()',\n    '[attr.aria-current]': 'isLink && isActive() ? \"page\" : null',\n    '[attr.tabindex]': 'isLink ? (isDisabled() ? -1 : null) : tabIndex()',\n    '[attr.disabled]': '!isLink && isDisabled() ? \"\" : null',\n    '[attr.aria-disabled]': 'isLink && isDisabled() ? true : null',\n    '[attr.type]': 'isLink ? null : _type',\n    '(click)': '_onClick($event)',\n    '(focus)': '_group.onItemFocus(this)',\n  },\n})\nexport class MlvSegmentedItem {\n  /** Host element — read by the group for focus and pill measurement. */\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  /** @internal Parent group accessor (template-facing for the focus binding). */\n  protected readonly _group = inject(MLV_SEGMENTED);\n\n  /**\n   * @internal `type` attribute reflected on `<button>` hosts: the consumer's\n   * own value when present, else `\"button\"` so a segmented inside a `<form>`\n   * never submits it.\n   */\n  protected readonly _type =\n    inject(new HostAttributeToken('type'), { optional: true }) ?? 'button';\n\n  /** Whether this item is an `<a>` (link mode) rather than a `<button>` (radio mode). */\n  readonly isLink = this.elementRef.nativeElement.tagName === 'A';\n\n  /** Value written to the group's `value` model when this item is selected (radio mode). */\n  readonly value = input<unknown>(undefined);\n\n  /** Disables this single item. The group's `disabled` disables all items. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Explicit active override. When set (`true`/`false`) it wins over the\n   * value comparison (radio mode) and over router matching (link mode).\n   */\n  readonly active = input<boolean | undefined>(undefined);\n\n  /**\n   * Link mode only: match options for `Router.isActive` when the item carries a\n   * `routerLink` but no `routerLinkActive` (same shape as `mlv-tab`).\n   */\n  readonly linkActiveOptions = input<MlvSegmentedLinkActiveOptions>({\n    exact: false,\n  });\n\n  /** Roving tabindex (radio mode) — written by the group; `0` for the single tab stop. */\n  readonly tabIndex = signal(-1);\n\n  /** Item disabled by its own input or by the group. */\n  readonly isDisabled = computed(\n    () => this.disabled() || this._group.computedDisabled(),\n  );\n\n  /** @private Router — absent when the consumer app has no router. */\n  private readonly _router = inject(Router, { optional: true });\n\n  /** @private `routerLink` on this very element (link mode without `routerLinkActive`). */\n  private readonly _routerLink = inject(RouterLink, {\n    optional: true,\n    self: true,\n  });\n\n  /** @private `routerLinkActive` on this very element — when present it owns the active state. */\n  private readonly _routerLinkActive = inject(RouterLinkActive, {\n    optional: true,\n    self: true,\n  });\n\n  /**\n   * @private Live `RouterLinkActive.isActive`, or `null` when the host has no\n   * `routerLinkActive`.\n   */\n  private readonly _rlaActive = this._routerLinkActive\n    ? toSignal(this._routerLinkActive.isActiveChange, {\n        initialValue: this._routerLinkActive.isActive,\n      })\n    : null;\n\n  /** @private Bumped on every `NavigationEnd` so `_routerActive` re-evaluates `Router.isActive`. */\n  private readonly _navigationCount = signal(0);\n\n  /** @private Removes the capture-phase disabled-click guard with the component. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /**\n   * @internal Router-derived active state for link items: `routerLinkActive`\n   * when present on the host, else `Router.isActive(routerLink.urlTree,\n   * linkActiveOptions)`. `false` for buttons and for links without a\n   * `routerLink`.\n   */\n  protected readonly _routerActive = computed(() => {\n    if (!this.isLink) return false;\n    if (this._rlaActive) return this._rlaActive();\n    this._navigationCount();\n    const urlTree = this._routerLink?.urlTree ?? null;\n    if (!this._router || !urlTree) return false;\n    const opts = this.linkActiveOptions();\n    return isFullMatchOptions(opts)\n      ? this._router.isActive(urlTree, opts)\n      : this._router.isActive(urlTree, opts.exact);\n  });\n\n  constructor() {\n    // Without `routerLinkActive` nothing re-runs `Router.isActive` on its own,\n    // so a navigation has to invalidate `_routerActive` explicitly.\n    if (this.isLink && this._router && !this._rlaActive) {\n      this._router.events\n        .pipe(\n          filter((e): e is NavigationEnd => e instanceof NavigationEnd),\n          takeUntilDestroyed(),\n        )\n        .subscribe(() => this._navigationCount.update((n) => n + 1));\n    }\n\n    // A disabled link needs a capture-phase guard to stay put. Angular\n    // coalesces every host listener for one event on one element into a single\n    // native listener and walks that chain unconditionally\n    // (`__ngNextListenerFn__`), so `stopImmediatePropagation()` from `_onClick`\n    // cannot stop `RouterLink.onClick` — which calls `Router.navigateByUrl()`\n    // without ever reading `defaultPrevented`. A capture-phase listener runs\n    // before the coalesced listener and stops it wholesale. `<button>` hosts\n    // need none of this: a disabled button never dispatches `click`.\n    if (this.isLink) {\n      const element = this.elementRef.nativeElement;\n      const guard = (event: Event): void => {\n        if (!this.isDisabled()) return;\n        event.preventDefault();\n        event.stopImmediatePropagation();\n      };\n      element.addEventListener('click', guard, true);\n      this._destroyRef.onDestroy(() =>\n        element.removeEventListener('click', guard, true),\n      );\n    }\n  }\n\n  /** Whether this item is the active segment (pill + `aria-checked` / `aria-current`). */\n  readonly isActive = computed(() => {\n    const explicit = this.active();\n    if (explicit !== undefined) return explicit;\n    if (this.isLink) return this._routerActive();\n    const value = this.value();\n    return value !== undefined && this._group.value() === value;\n  });\n\n  /** Focuses the host element (used by the group's `FocusKeyManager`). */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /**\n   * @internal Click handler. Radio-mode buttons ask the group to select this\n   * item; disabled `<button>`s never fire `click` natively.\n   *\n   * Disabled links never reach this handler — the capture-phase guard installed\n   * in the constructor stops the event first. The `preventDefault()` below is\n   * the belt-and-braces fallback for a click that somehow bypasses it.\n   *\n   * The parameter must stay `Event`: host-binding type checking types `$event`\n   * as `Event` (the compiler cannot infer the host element), so narrowing it to\n   * `MouseEvent` breaks every consumer that compiles this source.\n   */\n  protected _onClick(event: Event): void {\n    if (this.isDisabled()) {\n      event.preventDefault();\n      return;\n    }\n    if (!this.isLink) this._group.selectItem(this);\n  }\n}\n"]}

package/esm2022/segmented/lib/segmented-token.js

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+/** Injection token through which items reach their `mlv-segmented`. */
+export const MLV_SEGMENTED = new InjectionToken('MLV_SEGMENTED');
+//# sourceMappingURL=segmented-token.js.map

package/esm2022/segmented/lib/segmented-token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-token.js","sourceRoot":"","sources":["../../../../../../libs/core/segmented/src/lib/segmented-token.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAqB/C,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAC7C,eAAe,CAChB,CAAC","sourcesContent":["import type { Signal } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvSegmentedItem } from './segmented-item/segmented-item';\n\n/**\n * Contract `mlvSegmentedItem` uses to talk to its `mlv-segmented` parent\n * without importing the concrete class (avoids the item ↔ container import\n * cycle).\n */\nexport interface MlvSegmentedAccessor {\n  /** Current group value (radio mode). */\n  readonly value: Signal<unknown>;\n  /** Group-level disabled state (input or form field). */\n  readonly computedDisabled: Signal<boolean>;\n  /** Group-level readonly state — items stay focusable, selection is blocked. */\n  readonly readonly: Signal<boolean>;\n  /** Selects `item` (radio mode). No-op for disabled/readonly groups. */\n  selectItem(item: MlvSegmentedItem): void;\n  /** Keeps the key manager's active item in sync with DOM focus. */\n  onItemFocus(item: MlvSegmentedItem): void;\n}\n\n/** Injection token through which items reach their `mlv-segmented`. */\nexport const MLV_SEGMENTED = new InjectionToken<MlvSegmentedAccessor>(\n  'MLV_SEGMENTED',\n);\n"]}

package/esm2022/segmented/lib/segmented.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=segmented.types.js.map

package/esm2022/segmented/lib/segmented.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.types.js","sourceRoot":"","sources":["../../../../../../libs/core/segmented/src/lib/segmented.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MlvTone } from '@malva-ui/cdk/utils';\n\n/**\n * Colour of the active pill. `'neutral'` is the boxed-tabs look (raised white\n * pill, primary text); every other tone uses the matching *pale* background and\n * semantic text colour.\n */\nexport type MlvSegmentedTone = 'neutral' | 'accent' | MlvTone;\n\n/** Layout axis of the segmented track. */\nexport type MlvSegmentedOrientation = 'horizontal' | 'vertical';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-segmented.js","sourceRoot":"","sources":["../../../../../libs/core/segmented/src/malva-ui-core-segmented.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/select/index.js

@@ -0,0 +1,4 @@
+export * from './lib/select/select';
+export * from './lib/select-template.directives';
+export * from './lib/select-option';
+//# sourceMappingURL=index.js.map

package/esm2022/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/select/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './lib/select/select';\nexport * from './lib/select-template.directives';\nexport * from './lib/select-option';\n"]}