@malva-ui/core 0.1.12

package/esm2022/loader/index.js

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

package/esm2022/loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/loader/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './lib/loader/loader';"]}

package/esm2022/loader/lib/loader/loader.js

@@ -0,0 +1,134 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MLV_LOADER_I18N } from '@malva-ui/i18n';
+import { delay, of } from 'rxjs';
+import * as i0 from "@angular/core";
+export class MlvLoader {
+    /** Visual variant — `'bar'` for a horizontal progress bar, `'circle'` for a circular spinner. */
+    variant = input('bar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Semantic tone. Controls the `--mlv-l-color` CSS token. */
+    tone = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Current progress value. Used in determinate mode together with `max`. */
+    value = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Maximum progress value. Defaults to `100`. */
+    max = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, the loader animates continuously without tracking a specific value.
+     * Disables all ARIA value attributes (`aria-valuenow`, `aria-valuemin`, `aria-valuemax`).
+     */
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Pixel size of the loader.
+     * For `'bar'` variant this sets the track height (defaults to `4`).
+     * For `'circle'` variant this sets the diameter (defaults to `48`).
+     */
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Stroke width in pixels for the `'circle'` variant. Defaults to `4`. */
+    strokeWidth = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
+    /** Custom aria-label override. Falls back to the i18n-provided label. */
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, displays the current progress percentage as a text hint.
+     * For the `'bar'` variant the hint appears above the track.
+     * For the `'circle'` variant the hint appears centred inside the ring.
+     * Only shown when the loader is in determinate mode (not `indeterminate`).
+     */
+    showHint = input(false, { ...(ngDevMode ? { debugName: "showHint" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Custom color override applied directly to `--mlv-l-color`.
+     * Accepts any valid CSS color value or a `linear-gradient()` / `url('#paintServerId')` string.
+     * When set, takes precedence over the `tone` color.
+     */
+    color = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    /**
+     * Custom fill color override applied directly to `--mlv-l-track-color`.
+     * Accepts any valid CSS color value or a `linear-gradient()` / `url('#paintServerId')` string.
+     * When set, takes precedence over the `tone` color.
+     */
+    trackColor = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackColor" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, adds a shimmer sweep animation over the filled bar / arc.
+     * Only applies to the `'bar'` variant in determinate mode.
+     * Has no effect in indeterminate mode (the bar is already animated).
+     */
+    glow = input(false, { ...(ngDevMode ? { debugName: "glow" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_LOADER_I18N);
+    /** @protected Resolved aria-label: explicit input takes precedence over i18n default. */
+    _resolvedAriaLabel = computed(() => this.ariaLabel() ?? this._i18n().loading, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    /** @protected Resolves the effective pixel size based on `size` input and `variant`. */
+    _normalizedSize = computed(() => {
+        const inputSize = this.size();
+        if (inputSize !== undefined)
+            return inputSize;
+        return this.variant() === 'bar' ? 4 : 48;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_normalizedSize" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Delays enabling the CSS fill transition by one event loop tick so the
+     * browser has a defined starting `stroke-dashoffset` before the transition begins.
+     * Starts as `undefined` (falsy) and becomes truthy after the microtask queue drains.
+     */
+    _progressVisible = toSignal(of(true).pipe(delay(0)));
+    /** @protected `true` when the loader is in determinate (value-tracking) mode. */
+    _determinate = computed(() => !this.indeterminate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_determinate" }] : /* istanbul ignore next */ []));
+    /** @protected Progress as a percentage clamped between 0 and 100. */
+    _percentage = computed(() => {
+        const val = Math.max(0, Math.min(this.value(), this.max()));
+        return (val / this.max()) * 100;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_percentage" }] : /* istanbul ignore next */ []));
+    /** @protected Formatted hint text shown when `showHint` is true and mode is determinate. */
+    _hintText = computed(() => `${Math.round(this._percentage())}%`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hintText" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the hint should be visible. */
+    _showHint = computed(() => this.showHint() && this._determinate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showHint" }] : /* istanbul ignore next */ []));
+    /** @protected CSS class string applied to the host element. */
+    _hostClasses = computed(() => {
+        const classes = [
+            `mlv-loader--${this.variant()}`,
+            `mlv-loader--${this.tone()}`,
+        ];
+        if (this.indeterminate()) {
+            classes.push('mlv-loader--indeterminate');
+        }
+        if (this.glow()) {
+            classes.push('mlv-loader--glow');
+        }
+        return classes.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvLoader, isStandalone: true, selector: "mlv-loader", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, showHint: { classPropertyName: "showHint", publicName: "showHint", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, trackColor: { classPropertyName: "trackColor", publicName: "trackColor", isSignal: true, isRequired: false, transformFunction: null }, glow: { classPropertyName: "glow", publicName: "glow", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "_hostClasses()", "style.--mlv-l-progress": "_determinate() && _progressVisible() ? _percentage() / 100 : null", "style.--mlv-l-diameter": "_normalizedSize() + \"px\"", "style.--mlv-l-stroke-width": "strokeWidth() + \"px\"", "style.--mlv-l-color": "color() || null", "style.--mlv-l-track-color": "trackColor() || null", "attr.aria-valuenow": "_determinate() ? value() : null", "attr.aria-valuemin": "_determinate() ? 0 : null", "attr.aria-valuemax": "_determinate() ? max() : null", "attr.aria-label": "_resolvedAriaLabel()" }, classAttribute: "mlv-loader" }, ngImport: i0, template: "@if (_showHint() && variant() === 'bar') {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n}\n<div class=\"mlv-loader__track\">\n  <div class=\"mlv-loader__bar\"></div>\n</div>\n\n@if (variant() === 'circle') {\n<div class=\"mlv-loader__circle-wrapper\">\n  <svg aria-hidden=\"true\" height=\"100%\" width=\"100%\" class=\"mlv-loader__circle\">\n    <circle cx=\"50%\" cy=\"50%\" class=\"mlv-loader__circle-track\" />\n\n    <circle\n      cx=\"50%\"\n      cy=\"50%\"\n      class=\"mlv-loader__circle-fill\"\n      [class.mlv-loader__circle-fill--filled]=\"_progressVisible()\"\n    />\n  </svg>\n</div>\n@if (_showHint()) {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n} }\n", styles: [".mlv-loader{display:inline-flex;--mlv-l-color: var(--mlv-background-accent-1)}.mlv-loader--default{--mlv-l-color: var(--mlv-background-accent-1)}.mlv-loader--success{--mlv-l-color: var(--mlv-palette-success-500)}.mlv-loader--info{--mlv-l-color: var(--mlv-palette-info-500)}.mlv-loader--warning{--mlv-l-color: var(--mlv-background-warning-1)}.mlv-loader--danger{--mlv-l-color: var(--mlv-background-danger-1)}.mlv-loader--bar{display:flex;flex-direction:column;width:100%}.mlv-loader--bar .mlv-loader__hint{align-self:flex-end;font-size:var(--mlv-typography-ui-s-size);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-secondary);margin-bottom:.25rem;line-height:1}.mlv-loader--bar .mlv-loader__track{position:relative;width:100%;block-size:var(--mlv-l-diameter, .25rem);border-radius:var(--mlv-radius-full);background:var(--mlv-border-subtle);overflow:hidden}.mlv-loader--bar .mlv-loader__bar{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--mlv-l-color);width:calc(var(--mlv-l-progress, 0) * 100%);transition:width var(--mlv-duration-normal) linear}.mlv-loader--bar.mlv-loader--glow:not(.mlv-loader--indeterminate) .mlv-loader__bar:after{content:\"\";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:mlv-loader-bar-shimmer 1.8s ease-in-out infinite}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__bar{display:none}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:before,.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:after{content:\"\";position:absolute;top:0;bottom:0;left:0;width:100%;border-radius:inherit;background:var(--mlv-l-color);transform-origin:left center;will-change:translate,scale}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:before{animation:mlv-loader-bar-primary-translate 3s linear infinite,mlv-loader-bar-primary-scale 3s linear infinite}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:after{animation:mlv-loader-bar-secondary-translate 3s linear infinite,mlv-loader-bar-secondary-scale 3s linear infinite;animation-delay:1.725s,1.725s}.mlv-loader--circle{position:relative;inline-size:var(--mlv-l-diameter);min-inline-size:var(--mlv-l-diameter);block-size:var(--mlv-l-diameter)}.mlv-loader--circle .mlv-loader__circle-wrapper{inline-size:100%;block-size:100%;-webkit-mask:radial-gradient(closest-side,transparent calc(100% - var(--mlv-l-stroke-width)),#000 calc(100% - var(--mlv-l-stroke-width) + .5px));mask:radial-gradient(closest-side,transparent calc(100% - var(--mlv-l-stroke-width)),#000 calc(100% - var(--mlv-l-stroke-width) + .5px))}.mlv-loader--circle .mlv-loader__track,.mlv-loader--circle .mlv-loader__bar{display:none}.mlv-loader--circle .mlv-loader__hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--mlv-typography-ui-s-size);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-primary);line-height:1;pointer-events:none}.mlv-loader--circle .mlv-loader__circle{display:block;overflow:visible;shape-rendering:geometricPrecision}.mlv-loader--circle .mlv-loader__circle-fill,.mlv-loader--circle .mlv-loader__circle-track{fill:transparent;stroke-linecap:round;stroke-width:var(--mlv-l-stroke-width);r:calc((var(--mlv-l-diameter) - var(--mlv-l-stroke-width)) / 2)}.mlv-loader--circle .mlv-loader__circle-fill{stroke:var(--mlv-l-color);stroke-dasharray:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));transform-box:fill-box;transform-origin:center;transform:rotate(-90deg)}.mlv-loader--circle .mlv-loader__circle-fill--filled{transition-property:stroke-dashoffset,stroke-dasharray;transition-duration:var(--mlv-duration-normal);transition-timing-function:var(--mlv-ease-default);stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)) - var(--mlv-l-progress, 0) * 3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}.mlv-loader--circle .mlv-loader__circle-track{stroke:var(--mlv-l-track-color, var(--mlv-border-subtle))}.mlv-loader--circle.mlv-loader--indeterminate .mlv-loader__circle{animation:mlv-loader-circle-rotate 4s linear infinite}.mlv-loader--circle.mlv-loader--indeterminate .mlv-loader__circle-fill{transition:none!important;transform-origin:center;stroke-dasharray:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));animation:mlv-loader-circle-dash 4s linear infinite}@media(prefers-reduced-motion:reduce){.mlv-loader,.mlv-loader *,.mlv-loader:before,.mlv-loader:after,[class^=mlv-loader__],[class*=\" mlv-loader__\"],[class^=mlv-loader--],[class*=\" mlv-loader--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}@keyframes mlv-loader-bar-shimmer{0%{translate:-200%}to{translate:200%}}@keyframes mlv-loader-bar-primary-translate{0%{translate:-100%}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);translate:-100%}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);translate:-16.329%}to{translate:100.611%}}@keyframes mlv-loader-bar-primary-scale{0%{scale:.08 1}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);scale:.08 1}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);scale:.661479 1}to{scale:.08 1}}@keyframes mlv-loader-bar-secondary-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);translate:-100%}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);translate:-62.348%}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);translate:-15.614%}to{translate:120%}}@keyframes mlv-loader-bar-secondary-scale{0%{animation-timing-function:cubic-bezier(.205028,.057051,.57661,.453971);scale:.08 1}19.15%{animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.004315);scale:.457104 1}44.15%{animation-timing-function:cubic-bezier(.257759,-.003163,.211762,1.38179);scale:.72796 1}to{scale:.08 1}}@keyframes mlv-loader-circle-rotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}@keyframes mlv-loader-circle-dash{0%{stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}50%{stroke-dashoffset:calc(.05 * 3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}to{stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvLoader, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-loader', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-loader',
+                        '[class]': '_hostClasses()',
+                        role: 'progressbar',
+                        '[style.--mlv-l-progress]': '_determinate() && _progressVisible() ? _percentage() / 100 : null',
+                        '[style.--mlv-l-diameter]': '_normalizedSize() + "px"',
+                        '[style.--mlv-l-stroke-width]': 'strokeWidth() + "px"',
+                        '[style.--mlv-l-color]': 'color() || null',
+                        '[style.--mlv-l-track-color]': 'trackColor() || null',
+                        '[attr.aria-valuenow]': '_determinate() ? value() : null',
+                        '[attr.aria-valuemin]': '_determinate() ? 0 : null',
+                        '[attr.aria-valuemax]': '_determinate() ? max() : null',
+                        '[attr.aria-label]': '_resolvedAriaLabel()',
+                    }, template: "@if (_showHint() && variant() === 'bar') {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n}\n<div class=\"mlv-loader__track\">\n  <div class=\"mlv-loader__bar\"></div>\n</div>\n\n@if (variant() === 'circle') {\n<div class=\"mlv-loader__circle-wrapper\">\n  <svg aria-hidden=\"true\" height=\"100%\" width=\"100%\" class=\"mlv-loader__circle\">\n    <circle cx=\"50%\" cy=\"50%\" class=\"mlv-loader__circle-track\" />\n\n    <circle\n      cx=\"50%\"\n      cy=\"50%\"\n      class=\"mlv-loader__circle-fill\"\n      [class.mlv-loader__circle-fill--filled]=\"_progressVisible()\"\n    />\n  </svg>\n</div>\n@if (_showHint()) {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n} }\n", styles: [".mlv-loader{display:inline-flex;--mlv-l-color: var(--mlv-background-accent-1)}.mlv-loader--default{--mlv-l-color: var(--mlv-background-accent-1)}.mlv-loader--success{--mlv-l-color: var(--mlv-palette-success-500)}.mlv-loader--info{--mlv-l-color: var(--mlv-palette-info-500)}.mlv-loader--warning{--mlv-l-color: var(--mlv-background-warning-1)}.mlv-loader--danger{--mlv-l-color: var(--mlv-background-danger-1)}.mlv-loader--bar{display:flex;flex-direction:column;width:100%}.mlv-loader--bar .mlv-loader__hint{align-self:flex-end;font-size:var(--mlv-typography-ui-s-size);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-secondary);margin-bottom:.25rem;line-height:1}.mlv-loader--bar .mlv-loader__track{position:relative;width:100%;block-size:var(--mlv-l-diameter, .25rem);border-radius:var(--mlv-radius-full);background:var(--mlv-border-subtle);overflow:hidden}.mlv-loader--bar .mlv-loader__bar{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;background:var(--mlv-l-color);width:calc(var(--mlv-l-progress, 0) * 100%);transition:width var(--mlv-duration-normal) linear}.mlv-loader--bar.mlv-loader--glow:not(.mlv-loader--indeterminate) .mlv-loader__bar:after{content:\"\";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:mlv-loader-bar-shimmer 1.8s ease-in-out infinite}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__bar{display:none}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:before,.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:after{content:\"\";position:absolute;top:0;bottom:0;left:0;width:100%;border-radius:inherit;background:var(--mlv-l-color);transform-origin:left center;will-change:translate,scale}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:before{animation:mlv-loader-bar-primary-translate 3s linear infinite,mlv-loader-bar-primary-scale 3s linear infinite}.mlv-loader--bar.mlv-loader--indeterminate .mlv-loader__track:after{animation:mlv-loader-bar-secondary-translate 3s linear infinite,mlv-loader-bar-secondary-scale 3s linear infinite;animation-delay:1.725s,1.725s}.mlv-loader--circle{position:relative;inline-size:var(--mlv-l-diameter);min-inline-size:var(--mlv-l-diameter);block-size:var(--mlv-l-diameter)}.mlv-loader--circle .mlv-loader__circle-wrapper{inline-size:100%;block-size:100%;-webkit-mask:radial-gradient(closest-side,transparent calc(100% - var(--mlv-l-stroke-width)),#000 calc(100% - var(--mlv-l-stroke-width) + .5px));mask:radial-gradient(closest-side,transparent calc(100% - var(--mlv-l-stroke-width)),#000 calc(100% - var(--mlv-l-stroke-width) + .5px))}.mlv-loader--circle .mlv-loader__track,.mlv-loader--circle .mlv-loader__bar{display:none}.mlv-loader--circle .mlv-loader__hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--mlv-typography-ui-s-size);font-weight:var(--mlv-font-weight-medium);color:var(--mlv-text-primary);line-height:1;pointer-events:none}.mlv-loader--circle .mlv-loader__circle{display:block;overflow:visible;shape-rendering:geometricPrecision}.mlv-loader--circle .mlv-loader__circle-fill,.mlv-loader--circle .mlv-loader__circle-track{fill:transparent;stroke-linecap:round;stroke-width:var(--mlv-l-stroke-width);r:calc((var(--mlv-l-diameter) - var(--mlv-l-stroke-width)) / 2)}.mlv-loader--circle .mlv-loader__circle-fill{stroke:var(--mlv-l-color);stroke-dasharray:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));transform-box:fill-box;transform-origin:center;transform:rotate(-90deg)}.mlv-loader--circle .mlv-loader__circle-fill--filled{transition-property:stroke-dashoffset,stroke-dasharray;transition-duration:var(--mlv-duration-normal);transition-timing-function:var(--mlv-ease-default);stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)) - var(--mlv-l-progress, 0) * 3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}.mlv-loader--circle .mlv-loader__circle-track{stroke:var(--mlv-l-track-color, var(--mlv-border-subtle))}.mlv-loader--circle.mlv-loader--indeterminate .mlv-loader__circle{animation:mlv-loader-circle-rotate 4s linear infinite}.mlv-loader--circle.mlv-loader--indeterminate .mlv-loader__circle-fill{transition:none!important;transform-origin:center;stroke-dasharray:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)));animation:mlv-loader-circle-dash 4s linear infinite}@media(prefers-reduced-motion:reduce){.mlv-loader,.mlv-loader *,.mlv-loader:before,.mlv-loader:after,[class^=mlv-loader__],[class*=\" mlv-loader__\"],[class^=mlv-loader--],[class*=\" mlv-loader--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}@keyframes mlv-loader-bar-shimmer{0%{translate:-200%}to{translate:200%}}@keyframes mlv-loader-bar-primary-translate{0%{translate:-100%}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);translate:-100%}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);translate:-16.329%}to{translate:100.611%}}@keyframes mlv-loader-bar-primary-scale{0%{scale:.08 1}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);scale:.08 1}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);scale:.661479 1}to{scale:.08 1}}@keyframes mlv-loader-bar-secondary-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);translate:-100%}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);translate:-62.348%}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);translate:-15.614%}to{translate:120%}}@keyframes mlv-loader-bar-secondary-scale{0%{animation-timing-function:cubic-bezier(.205028,.057051,.57661,.453971);scale:.08 1}19.15%{animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.004315);scale:.457104 1}44.15%{animation-timing-function:cubic-bezier(.257759,-.003163,.211762,1.38179);scale:.72796 1}to{scale:.08 1}}@keyframes mlv-loader-circle-rotate{0%{transform:rotate(-90deg)}50%{transform:rotate(-90deg) rotate(1turn)}to{transform:rotate(-90deg) rotate(3turn)}}@keyframes mlv-loader-circle-dash{0%{stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}50%{stroke-dashoffset:calc(.05 * 3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}to{stroke-dashoffset:calc(3.1415926536 * (var(--mlv-l-diameter) - var(--mlv-l-stroke-width)))}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], showHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHint", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], trackColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackColor", required: false }] }], glow: [{ type: i0.Input, args: [{ isSignal: true, alias: "glow", required: false }] }] } });
+//# sourceMappingURL=loader.js.map

package/esm2022/loader/lib/loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../../../libs/core/loader/src/lib/loader/loader.ts","../../../../../../../libs/core/loader/src/lib/loader/loader.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MLV_LOADER_I18N } from '@malva-ui/i18n';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\n\n/**\n * Semantic tone of the loader. Extends the shared {@link MlvTone} vocabulary\n * (`'info' | 'success' | 'warning' | 'danger'`) with a neutral `'default'`.\n */\nexport type MlvLoaderTone = MlvTone | 'default';\nimport { delay, of } from 'rxjs';\n\n/** Visual variant of the loader. */\nexport type MlvLoaderVariant = 'bar' | 'circle';\n\n@Component({\n  selector: 'mlv-loader',\n  imports: [],\n  templateUrl: './loader.html',\n  styleUrl: './loader.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-loader',\n    '[class]': '_hostClasses()',\n    role: 'progressbar',\n    '[style.--mlv-l-progress]':\n      '_determinate() && _progressVisible() ? _percentage() / 100 : null',\n    '[style.--mlv-l-diameter]': '_normalizedSize() + \"px\"',\n    '[style.--mlv-l-stroke-width]': 'strokeWidth() + \"px\"',\n    '[style.--mlv-l-color]': 'color() || null',\n    '[style.--mlv-l-track-color]': 'trackColor() || null',\n    '[attr.aria-valuenow]': '_determinate() ? value() : null',\n    '[attr.aria-valuemin]': '_determinate() ? 0 : null',\n    '[attr.aria-valuemax]': '_determinate() ? max() : null',\n    '[attr.aria-label]': '_resolvedAriaLabel()',\n  },\n})\nexport class MlvLoader {\n  /** Visual variant — `'bar'` for a horizontal progress bar, `'circle'` for a circular spinner. */\n  readonly variant = input<MlvLoaderVariant>('bar');\n\n  /** Semantic tone. Controls the `--mlv-l-color` CSS token. */\n  readonly tone = input<MlvLoaderTone>('default');\n\n  /** Current progress value. Used in determinate mode together with `max`. */\n  readonly value = input(0);\n\n  /** Maximum progress value. Defaults to `100`. */\n  readonly max = input(100);\n\n  /**\n   * When `true`, the loader animates continuously without tracking a specific value.\n   * Disables all ARIA value attributes (`aria-valuenow`, `aria-valuemin`, `aria-valuemax`).\n   */\n  readonly indeterminate = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Pixel size of the loader.\n   * For `'bar'` variant this sets the track height (defaults to `4`).\n   * For `'circle'` variant this sets the diameter (defaults to `48`).\n   */\n  readonly size = input<number | undefined>(undefined);\n\n  /** Stroke width in pixels for the `'circle'` variant. Defaults to `4`. */\n  readonly strokeWidth = input(4);\n\n  /** Custom aria-label override. Falls back to the i18n-provided label. */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  /**\n   * When `true`, displays the current progress percentage as a text hint.\n   * For the `'bar'` variant the hint appears above the track.\n   * For the `'circle'` variant the hint appears centred inside the ring.\n   * Only shown when the loader is in determinate mode (not `indeterminate`).\n   */\n  readonly showHint = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Custom color override applied directly to `--mlv-l-color`.\n   * Accepts any valid CSS color value or a `linear-gradient()` / `url('#paintServerId')` string.\n   * When set, takes precedence over the `tone` color.\n   */\n  readonly color = input<string | undefined>(undefined);\n\n  /**\n   * Custom fill color override applied directly to `--mlv-l-track-color`.\n   * Accepts any valid CSS color value or a `linear-gradient()` / `url('#paintServerId')` string.\n   * When set, takes precedence over the `tone` color.\n   */\n  readonly trackColor = input<string | undefined>(undefined);\n\n  /**\n   * When `true`, adds a shimmer sweep animation over the filled bar / arc.\n   * Only applies to the `'bar'` variant in determinate mode.\n   * Has no effect in indeterminate mode (the bar is already animated).\n   */\n  readonly glow = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_LOADER_I18N);\n\n  /** @protected Resolved aria-label: explicit input takes precedence over i18n default. */\n  protected readonly _resolvedAriaLabel = computed(\n    () => this.ariaLabel() ?? this._i18n().loading,\n  );\n\n  /** @protected Resolves the effective pixel size based on `size` input and `variant`. */\n  protected readonly _normalizedSize = computed(() => {\n    const inputSize = this.size();\n    if (inputSize !== undefined) return inputSize;\n    return this.variant() === 'bar' ? 4 : 48;\n  });\n\n  /**\n   * @protected Delays enabling the CSS fill transition by one event loop tick so the\n   * browser has a defined starting `stroke-dashoffset` before the transition begins.\n   * Starts as `undefined` (falsy) and becomes truthy after the microtask queue drains.\n   */\n  protected readonly _progressVisible = toSignal(of(true).pipe(delay(0)));\n\n  /** @protected `true` when the loader is in determinate (value-tracking) mode. */\n  protected readonly _determinate = computed(() => !this.indeterminate());\n\n  /** @protected Progress as a percentage clamped between 0 and 100. */\n  protected readonly _percentage = computed(() => {\n    const val = Math.max(0, Math.min(this.value(), this.max()));\n    return (val / this.max()) * 100;\n  });\n\n  /** @protected Formatted hint text shown when `showHint` is true and mode is determinate. */\n  protected readonly _hintText = computed(\n    () => `${Math.round(this._percentage())}%`,\n  );\n\n  /** @protected Whether the hint should be visible. */\n  protected readonly _showHint = computed(\n    () => this.showHint() && this._determinate(),\n  );\n\n  /** @protected CSS class string applied to the host element. */\n  protected readonly _hostClasses = computed(() => {\n    const classes = [\n      `mlv-loader--${this.variant()}`,\n      `mlv-loader--${this.tone()}`,\n    ];\n    if (this.indeterminate()) {\n      classes.push('mlv-loader--indeterminate');\n    }\n    if (this.glow()) {\n      classes.push('mlv-loader--glow');\n    }\n    return classes.join(' ');\n  });\n}\n","@if (_showHint() && variant() === 'bar') {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n}\n<div class=\"mlv-loader__track\">\n  <div class=\"mlv-loader__bar\"></div>\n</div>\n\n@if (variant() === 'circle') {\n<div class=\"mlv-loader__circle-wrapper\">\n  <svg aria-hidden=\"true\" height=\"100%\" width=\"100%\" class=\"mlv-loader__circle\">\n    <circle cx=\"50%\" cy=\"50%\" class=\"mlv-loader__circle-track\" />\n\n    <circle\n      cx=\"50%\"\n      cy=\"50%\"\n      class=\"mlv-loader__circle-fill\"\n      [class.mlv-loader__circle-fill--filled]=\"_progressVisible()\"\n    />\n  </svg>\n</div>\n@if (_showHint()) {\n<span class=\"mlv-loader__hint\" aria-hidden=\"true\">{{ _hintText() }}</span>\n} }\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+export * from './lib/menu/menu';
+export * from './lib/menu/menu-item';
+export * from './lib/menu/menu-separator';
+export * from './lib/menu/menu-group';
+export * from './lib/menu/menu-group-label';
+export * from './lib/menu/menu-trigger';
+export * from './lib/menu/menu.types';
+export * from './lib/menu/menubar';
+export * from './lib/menu/menubar.types';
+//# sourceMappingURL=index.js.map

package/esm2022/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/menu/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './lib/menu/menu';\nexport * from './lib/menu/menu-item';\nexport * from './lib/menu/menu-separator';\nexport * from './lib/menu/menu-group';\nexport * from './lib/menu/menu-group-label';\nexport * from './lib/menu/menu-trigger';\nexport * from './lib/menu/menu.types';\nexport * from './lib/menu/menubar';\nexport * from './lib/menu/menubar.types';\n"]}

package/esm2022/menu/lib/menu/menu-group-label.js

@@ -0,0 +1,35 @@
+import { Directive } from '@angular/core';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+/**
+ * Marks an element as the label for a `mlv-menu-group`.
+ * The group applies `aria-labelledby` pointing to this element's generated id.
+ *
+ * @example
+ * ```html
+ * <mlv-menu-group>
+ *   <span mlvMenuGroupLabel>File actions</span>
+ *   <mlv-menu-item>Open</mlv-menu-item>
+ * </mlv-menu-group>
+ * ```
+ */
+export class MlvMenuGroupLabel {
+    /**
+     * Stable DOM id applied to the label element so the parent
+     * `mlv-menu-group` can reference it via `aria-labelledby`.
+     */
+    id = mlvNextId('mlv-menu-group-label');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvMenuGroupLabel, isStandalone: true, selector: "[mlvMenuGroupLabel]", host: { properties: { "id": "id" }, classAttribute: "mlv-menu-group__label" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuGroupLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvMenuGroupLabel]',
+                    host: {
+                        class: 'mlv-menu-group__label',
+                        '[id]': 'id',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=menu-group-label.js.map

package/esm2022/menu/lib/menu/menu-group-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group-label.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menu-group-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;;AAEhD;;;;;;;;;;;GAWG;AAQH,MAAM,OAAO,iBAAiB;IAC5B;;;OAGG;IACM,EAAE,GAAG,SAAS,CAAC,sBAAsB,CAAC,CAAC;uGALrC,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAP7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,IAAI,EAAE;wBACJ,KAAK,EAAE,uBAAuB;wBAC9B,MAAM,EAAE,IAAI;qBACb;iBACF","sourcesContent":["import { Directive } from '@angular/core';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\n\n/**\n * Marks an element as the label for a `mlv-menu-group`.\n * The group applies `aria-labelledby` pointing to this element's generated id.\n *\n * @example\n * ```html\n * <mlv-menu-group>\n *   <span mlvMenuGroupLabel>File actions</span>\n *   <mlv-menu-item>Open</mlv-menu-item>\n * </mlv-menu-group>\n * ```\n */\n@Directive({\n  selector: '[mlvMenuGroupLabel]',\n  host: {\n    class: 'mlv-menu-group__label',\n    '[id]': 'id',\n  },\n})\nexport class MlvMenuGroupLabel {\n  /**\n   * Stable DOM id applied to the label element so the parent\n   * `mlv-menu-group` can reference it via `aria-labelledby`.\n   */\n  readonly id = mlvNextId('mlv-menu-group-label');\n}\n"]}

package/esm2022/menu/lib/menu/menu-group.js

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, contentChild, ViewEncapsulation, } from '@angular/core';
+import { MlvMenuGroupLabel } from './menu-group-label';
+import * as i0 from "@angular/core";
+/**
+ * Groups related menu items with an optional label inside a `mlv-menu`.
+ *
+ * Use `[mlvMenuGroupLabel]` on a child element to provide an accessible label
+ * for the group. When present, the group's `role="group"` is named via
+ * `aria-labelledby` pointing at the label element.
+ *
+ * @example
+ * ```html
+ * <mlv-menu-group>
+ *   <span mlvMenuGroupLabel>File</span>
+ *   <mlv-menu-item (itemClick)="onNew()">New</mlv-menu-item>
+ *   <mlv-menu-item (itemClick)="onOpen()">Open</mlv-menu-item>
+ * </mlv-menu-group>
+ * ```
+ */
+export class MlvMenuGroup {
+    /**
+     * @protected Projected `[mlvMenuGroupLabel]` element, if any. Its generated
+     * id names this group via `aria-labelledby`.
+     */
+    _label = contentChild(MlvMenuGroupLabel, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvMenuGroup, isStandalone: true, selector: "mlv-menu-group", host: { attributes: { "role": "group" }, properties: { "attr.aria-labelledby": "_label()?.id ?? null" }, classAttribute: "mlv-menu-group" }, queries: [{ propertyName: "_label", first: true, predicate: MlvMenuGroupLabel, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-menu-group',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mlv-menu-group',
+                        role: 'group',
+                        '[attr.aria-labelledby]': '_label()?.id ?? null',
+                    },
+                }]
+        }], propDecorators: { _label: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvMenuGroupLabel), { isSignal: true }] }] } });
+//# sourceMappingURL=menu-group.js.map

package/esm2022/menu/lib/menu/menu-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menu-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;;AAEvD;;;;;;;;;;;;;;;GAeG;AAYH,MAAM,OAAO,YAAY;IACvB;;;OAGG;IACgB,MAAM,GAAG,YAAY,CAAC,iBAAiB;+EAAC,CAAC;uGALjD,YAAY;2FAAZ,YAAY,2PAKkB,iBAAiB,gEAdhD,gBAAgB;;2FASf,YAAY;kBAXxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,gBAAgB;oBAC1B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,gBAAgB;wBACvB,IAAI,EAAE,OAAO;wBACb,wBAAwB,EAAE,sBAAsB;qBACjD;iBACF;2FAM0C,iBAAiB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvMenuGroupLabel } from './menu-group-label';\n\n/**\n * Groups related menu items with an optional label inside a `mlv-menu`.\n *\n * Use `[mlvMenuGroupLabel]` on a child element to provide an accessible label\n * for the group. When present, the group's `role=\"group\"` is named via\n * `aria-labelledby` pointing at the label element.\n *\n * @example\n * ```html\n * <mlv-menu-group>\n *   <span mlvMenuGroupLabel>File</span>\n *   <mlv-menu-item (itemClick)=\"onNew()\">New</mlv-menu-item>\n *   <mlv-menu-item (itemClick)=\"onOpen()\">Open</mlv-menu-item>\n * </mlv-menu-group>\n * ```\n */\n@Component({\n  selector: 'mlv-menu-group',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-menu-group',\n    role: 'group',\n    '[attr.aria-labelledby]': '_label()?.id ?? null',\n  },\n})\nexport class MlvMenuGroup {\n  /**\n   * @protected Projected `[mlvMenuGroupLabel]` element, if any. Its generated\n   * id names this group via `aria-labelledby`.\n   */\n  protected readonly _label = contentChild(MlvMenuGroupLabel);\n}\n"]}

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

@@ -0,0 +1,117 @@
+import { Directive, ElementRef, inject, input, output, signal, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MENU_TOKEN } from './menu.types';
+import * as i0 from "@angular/core";
+/**
+ * Menu item directive — applied to `mlv-list-item` to give it menu-item semantics
+ * and behavior.
+ *
+ * Overrides the list item's default `role="listitem"` with `role="menuitem"`,
+ * wires into the parent menu's `FocusKeyManager` (via `focus()` / `disabledBoolean`),
+ * and closes the parent menu stack on activation.
+ *
+ * Use `[mlvListItemPrefix]` for leading icons and `[mlvListItemSuffix]` for
+ * trailing content (chevron, shortcut label, etc.).
+ *
+ * @example
+ * ```html
+ * <mlv-list-item mlvMenuItem (itemClick)="onSave()">Save</mlv-list-item>
+ *
+ * <mlv-list-item mlvMenuItem disabled>Unavailable</mlv-list-item>
+ *
+ * <mlv-list-item mlvMenuItem (itemClick)="onEdit()">
+ *   <svg mlvListItemPrefix lucideEdit [size]="14" />
+ *   Edit
+ * </mlv-list-item>
+ * ```
+ */
+export class MlvMenuItem {
+    /** @private Reference to parent menu, if any. Used to close on activation. */
+    _menu = inject(MENU_TOKEN, { optional: true });
+    /** @private Host element used to call `focus()` for `FocusKeyManager`. */
+    _elementRef = inject((ElementRef));
+    // ─── Inputs ───────────────────────────────────────────────────────────────
+    /**
+     * When true, disables the item — removes it from the tab order and
+     * prevents activation. Supports attribute syntax: `<mlv-list-item mlvMenuItem disabled>`.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    // ─── Outputs ──────────────────────────────────────────────────────────────
+    /**
+     * Emits when the item is activated (click or Enter/Space key).
+     * The parent menu stack closes automatically after this event.
+     */
+    itemClick = output();
+    // ─── FocusKeyManager interface ────────────────────────────────────────────
+    /**
+     * @private Tabindex managed by the parent menu's `FocusKeyManager`.
+     * `0` for the active (focused) item, `-1` for all others (roving tabindex).
+     * A signal so the host `[attr.tabindex]` binding updates under OnPush.
+     */
+    _tabIndex = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tabIndex" }] : /* istanbul ignore next */ []));
+    /**
+     * Boolean getter for `FocusKeyManager.skipPredicate`.
+     * The key manager calls `item.disabledBoolean` so this bridges
+     * the signal API to the CDK interface.
+     */
+    get disabledBoolean() {
+        return !!this.disabled();
+    }
+    /**
+     * Focuses the host element.
+     * Required by CDK `FocusableOption` for `FocusKeyManager`.
+     */
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+    /**
+     * Returns the item's visible text label, used by the parent menu's
+     * `FocusKeyManager` type-ahead (type a letter to jump to the first matching
+     * item). Reads the host element's trimmed `textContent`.
+     * Required by CDK `FocusKeyManager.withTypeAhead()`.
+     */
+    getLabel() {
+        return this._elementRef.nativeElement.textContent?.trim() ?? '';
+    }
+    // ─── Handlers ─────────────────────────────────────────────────────────────
+    /**
+     * @protected Handles click activation.
+     */
+    _onClick() {
+        if (this.disabled())
+            return;
+        this.itemClick.emit();
+        this._menu?.closeAll();
+    }
+    /**
+     * @protected Handles Enter / Space keyboard activation.
+     * Prevents default scroll on Space and triggers the same logic as a click.
+     */
+    _onActivate(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled())
+            return;
+        this.itemClick.emit();
+        this._menu?.closeAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvMenuItem, isStandalone: true, selector: "mlv-list-item[mlvMenuItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "_onClick()", "keydown.enter": "_onActivate($event)", "keydown.space": "_onActivate($event)" }, properties: { "attr.role": "\"menuitem\"", "attr.tabindex": "disabled() ? -1 : _tabIndex()", "attr.aria-disabled": "disabled() || null", "class.mlv-list-item--disabled": "disabled()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'mlv-list-item[mlvMenuItem]',
+                    host: {
+                        '[attr.role]': '"menuitem"',
+                        '[attr.tabindex]': 'disabled() ? -1 : _tabIndex()',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        '[class.mlv-list-item--disabled]': 'disabled()',
+                        '(click)': '_onClick()',
+                        '(keydown.enter)': '_onActivate($event)',
+                        '(keydown.space)': '_onActivate($event)',
+                    },
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAE1C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAaH,MAAM,OAAO,WAAW;IACtB,8EAA8E;IAC7D,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEhE,0EAA0E;IACzD,WAAW,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAE/D,6EAA6E;IAE7E;;;OAGG;IACM,QAAQ,GAAG,KAAK,CAAiC,KAAK,gFAC7D,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH,6EAA6E;IAE7E;;;OAGG;IACM,SAAS,GAAG,MAAM,EAAQ,CAAC;IAEpC,6EAA6E;IAE7E;;;;OAIG;IACM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC;kFAAC,CAAC;IAEhC;;;;OAIG;IACH,IAAI,eAAe;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACH,KAAK;QACH,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;IAED;;;;;OAKG;IACH,QAAQ;QACN,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAClE,CAAC;IAED,6EAA6E;IAE7E;;OAEG;IACO,QAAQ;QAChB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;IACzB,CAAC;IAED;;;OAGG;IACO,WAAW,CAAC,KAAY;QAChC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;IACzB,CAAC;uGAlFU,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAZvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,IAAI,EAAE;wBACJ,aAAa,EAAE,YAAY;wBAC3B,iBAAiB,EAAE,+BAA+B;wBAClD,sBAAsB,EAAE,oBAAoB;wBAC5C,iCAAiC,EAAE,YAAY;wBAC/C,SAAS,EAAE,YAAY;wBACvB,iBAAiB,EAAE,qBAAqB;wBACxC,iBAAiB,EAAE,qBAAqB;qBACzC;iBACF","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MENU_TOKEN } from './menu.types';\n\n/**\n * Menu item directive — applied to `mlv-list-item` to give it menu-item semantics\n * and behavior.\n *\n * Overrides the list item's default `role=\"listitem\"` with `role=\"menuitem\"`,\n * wires into the parent menu's `FocusKeyManager` (via `focus()` / `disabledBoolean`),\n * and closes the parent menu stack on activation.\n *\n * Use `[mlvListItemPrefix]` for leading icons and `[mlvListItemSuffix]` for\n * trailing content (chevron, shortcut label, etc.).\n *\n * @example\n * ```html\n * <mlv-list-item mlvMenuItem (itemClick)=\"onSave()\">Save</mlv-list-item>\n *\n * <mlv-list-item mlvMenuItem disabled>Unavailable</mlv-list-item>\n *\n * <mlv-list-item mlvMenuItem (itemClick)=\"onEdit()\">\n *   <svg mlvListItemPrefix lucideEdit [size]=\"14\" />\n *   Edit\n * </mlv-list-item>\n * ```\n */\n@Directive({\n  selector: 'mlv-list-item[mlvMenuItem]',\n  host: {\n    '[attr.role]': '\"menuitem\"',\n    '[attr.tabindex]': 'disabled() ? -1 : _tabIndex()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[class.mlv-list-item--disabled]': 'disabled()',\n    '(click)': '_onClick()',\n    '(keydown.enter)': '_onActivate($event)',\n    '(keydown.space)': '_onActivate($event)',\n  },\n})\nexport class MlvMenuItem {\n  /** @private Reference to parent menu, if any. Used to close on activation. */\n  private readonly _menu = inject(MENU_TOKEN, { optional: true });\n\n  /** @private Host element used to call `focus()` for `FocusKeyManager`. */\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  // ─── Inputs ───────────────────────────────────────────────────────────────\n\n  /**\n   * When true, disables the item — removes it from the tab order and\n   * prevents activation. Supports attribute syntax: `<mlv-list-item mlvMenuItem disabled>`.\n   */\n  readonly disabled = input<BooleanInput, boolean | string>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  // ─── Outputs ──────────────────────────────────────────────────────────────\n\n  /**\n   * Emits when the item is activated (click or Enter/Space key).\n   * The parent menu stack closes automatically after this event.\n   */\n  readonly itemClick = output<void>();\n\n  // ─── FocusKeyManager interface ────────────────────────────────────────────\n\n  /**\n   * @private Tabindex managed by the parent menu's `FocusKeyManager`.\n   * `0` for the active (focused) item, `-1` for all others (roving tabindex).\n   * A signal so the host `[attr.tabindex]` binding updates under OnPush.\n   */\n  readonly _tabIndex = signal(-1);\n\n  /**\n   * Boolean getter for `FocusKeyManager.skipPredicate`.\n   * The key manager calls `item.disabledBoolean` so this bridges\n   * the signal API to the CDK interface.\n   */\n  get disabledBoolean(): boolean {\n    return !!this.disabled();\n  }\n\n  /**\n   * Focuses the host element.\n   * Required by CDK `FocusableOption` for `FocusKeyManager`.\n   */\n  focus(): void {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /**\n   * Returns the item's visible text label, used by the parent menu's\n   * `FocusKeyManager` type-ahead (type a letter to jump to the first matching\n   * item). Reads the host element's trimmed `textContent`.\n   * Required by CDK `FocusKeyManager.withTypeAhead()`.\n   */\n  getLabel(): string {\n    return this._elementRef.nativeElement.textContent?.trim() ?? '';\n  }\n\n  // ─── Handlers ─────────────────────────────────────────────────────────────\n\n  /**\n   * @protected Handles click activation.\n   */\n  protected _onClick(): void {\n    if (this.disabled()) return;\n    this.itemClick.emit();\n    this._menu?.closeAll();\n  }\n\n  /**\n   * @protected Handles Enter / Space keyboard activation.\n   * Prevents default scroll on Space and triggers the same logic as a click.\n   */\n  protected _onActivate(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    if (this.disabled()) return;\n    this.itemClick.emit();\n    this._menu?.closeAll();\n  }\n}\n"]}

package/esm2022/menu/lib/menu/menu-separator.js

@@ -0,0 +1,41 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A visual separator between groups of menu items in a `mlv-menu`.
+ *
+ * Renders as a horizontal rule (`<hr role="separator">`) styled to match
+ * `mlv-divider` visual design.
+ *
+ * @example
+ * ```html
+ * <mlv-menu-item (itemClick)="onEdit()">Edit</mlv-menu-item>
+ * <mlv-menu-separator />
+ * <mlv-menu-item (itemClick)="onDelete()">Delete</mlv-menu-item>
+ * ```
+ */
+export class MlvMenuSeparator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvMenuSeparator, isStandalone: true, selector: "mlv-menu-separator", host: { attributes: { "role": "presentation" }, classAttribute: "mlv-menu-separator" }, ngImport: i0, template: `<hr
+    class="mlv-menu-separator__line"
+    role="separator"
+    aria-orientation="horizontal"
+  />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvMenuSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-menu-separator',
+                    template: `<hr
+    class="mlv-menu-separator__line"
+    role="separator"
+    aria-orientation="horizontal"
+  />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mlv-menu-separator',
+                        role: 'presentation',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=menu-separator.js.map

package/esm2022/menu/lib/menu/menu-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.js","sourceRoot":"","sources":["../../../../../../../libs/core/menu/src/lib/menu/menu-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAEvB;;;;;;;;;;;;GAYG;AAeH,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB,sKAZjB;;;;KAIP;;2FAQQ,gBAAgB;kBAd5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE;;;;KAIP;oBACH,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;wBAC3B,IAAI,EAAE,cAAc;qBACrB;iBACF","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * A visual separator between groups of menu items in a `mlv-menu`.\n *\n * Renders as a horizontal rule (`<hr role=\"separator\">`) styled to match\n * `mlv-divider` visual design.\n *\n * @example\n * ```html\n * <mlv-menu-item (itemClick)=\"onEdit()\">Edit</mlv-menu-item>\n * <mlv-menu-separator />\n * <mlv-menu-item (itemClick)=\"onDelete()\">Delete</mlv-menu-item>\n * ```\n */\n@Component({\n  selector: 'mlv-menu-separator',\n  template: `<hr\n    class=\"mlv-menu-separator__line\"\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n  />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-menu-separator',\n    role: 'presentation',\n  },\n})\nexport class MlvMenuSeparator {}\n"]}