@malva-ui/core 0.1.13 → 0.1.14

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

@@ -0,0 +1,406 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, input, inject, computed, contentChild, viewChild, signal, afterRenderEffect, ChangeDetectionStrategy, ViewEncapsulation, Component, forwardRef, model } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@malva-ui/cdk/density';
+import { MLV_DENSITY_ELEMENT, MlvDensityDirective } from '@malva-ui/cdk/density';
+import { MlvLoader } from '@malva-ui/core/loader';
+import { LucideX } from '@lucide/angular';
+
+class MlvButtonBefore extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonBefore, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvButtonBefore, isStandalone: true, selector: "[mlvButtonBefore]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonBefore, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvButtonBefore]',
+                }]
+        }] });
+class MlvButtonAfter extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonAfter, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvButtonAfter, isStandalone: true, selector: "[mlvButtonAfter]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonAfter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvButtonAfter]',
+                }]
+        }] });
+class MlvButtonIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvButtonIcon, isStandalone: true, selector: "[mlvButtonIcon]", host: { classAttribute: "mlv-button__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvButtonIcon]',
+                    host: {
+                        class: 'mlv-button__icon',
+                    },
+                }]
+        }] });
+
+/** Optional ancestor that supplies a default variant to descendant buttons. */
+const MLV_BUTTON_VARIANT = new InjectionToken('MLV_BUTTON_VARIANT');
+
+/**
+ * Shapes whose width equals their height. They exist to hold a single icon, so
+ * they drive both the icon-only sizing and the neutral default variant.
+ */
+const ICON_ONLY_SHAPES = ['circle', 'square'];
+class MlvButton {
+    /**
+     * Visual treatment for this button. When omitted, the closest button group,
+     * split button, or toggle supplies it; otherwise the fallback depends on the
+     * shape — `secondary` for the icon-only `square`/`circle` shapes and
+     * `primary` for every other shape.
+     */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Shape of the button. Circle and square are intended for icon-only actions. */
+    shape = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /** Whether the native button is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Whether the button is waiting for an asynchronous action to complete. */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Whether the button reflects a persistent selected state — an active
+     * formatting menu trigger, a chosen view. Paints the same surface as a
+     * pressed toggle while adding no ARIA of its own, so a menu button keeps
+     * `aria-haspopup`/`aria-expanded` as its only state semantics. A real toggle
+     * sets `aria-pressed` instead, which paints identically.
+     */
+    selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** @private Optional ancestor-provided default visual treatment. */
+    _variantAccessor = inject(MLV_BUTTON_VARIANT, {
+        optional: true,
+    });
+    /**
+     * The visual treatment after resolving local, inherited, and default values.
+     *
+     * The final fallback is shape-aware: a bare `square`/`circle` button is an
+     * icon action, and rendering a row of them as saturated `primary` CTAs was
+     * never the intent, so they fall back to the neutral `secondary` treatment.
+     * An explicit `variant` and an ancestor `MLV_BUTTON_VARIANT` both still win.
+     */
+    effectiveVariant = computed(() => this.variant() ??
+        this._variantAccessor?.effectiveVariant() ??
+        (this._iconShape() ? 'secondary' : 'primary'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveVariant" }] : /* istanbul ignore next */ []));
+    /** @protected Whether `shape` is one of the square/circle icon-only shapes. */
+    _iconShape = computed(() => ICON_ONLY_SHAPES.includes(this.shape()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_iconShape" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected True for a circle/square button whose content is only an icon —
+     * either marked with `mlvButtonIcon` or inferred from an empty label slot.
+     * Drives the icon-only modifier.
+     */
+    _iconOnly = computed(() => this._iconShape() &&
+        (!!this._iconDirective() || !this._hasProjectedText()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_iconOnly" }] : /* istanbul ignore next */ []));
+    /** @protected Template slot rendered before the button text. */
+    beforeRef = contentChild(MlvButtonBefore, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "beforeRef" }] : /* istanbul ignore next */ []));
+    /** @protected Template slot rendered after the button text. */
+    afterRef = contentChild(MlvButtonAfter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "afterRef" }] : /* istanbul ignore next */ []));
+    /** @private Projected icon directive, used to detect icon-only buttons. */
+    _iconDirective = contentChild(MlvButtonIcon, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_iconDirective" }] : /* istanbul ignore next */ []));
+    /** @private The label slot, read back after render to detect icon-only content. */
+    _textRef = viewChild.required('textRef', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_textRef" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Whether the default content slot rendered any non-whitespace text.
+     *
+     * Starts `true` so a button that never reaches a browser render — server-side
+     * rendering, where `afterRenderEffect` does not run — keeps the pre-inference
+     * behaviour instead of guessing icon-only.
+     */
+    _hasProjectedText = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasProjectedText" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // `mlvButtonIcon` is optional in practice: icon buttons are overwhelmingly
+        // written as `<button mlvButton shape="circle"><svg lucideX /></button>`,
+        // and without the directive nothing marked them icon-only, so the icon kept
+        // its intrinsic size inside the label slot. The slot holds projected
+        // content, so the only way to know whether it carries real text is to read
+        // it back once the DOM is written. The effect re-runs when the signals read
+        // below change rather than on every render pass, which keeps this to one
+        // `textContent` read per button per relevant change. Text that appears or
+        // disappears inside an already-rendered icon-only button is not observed —
+        // annotate the icon with `mlvButtonIcon` for that case.
+        afterRenderEffect(() => {
+            this.shape();
+            this.loading();
+            this._iconDirective();
+            const text = this._textRef().nativeElement.textContent ?? '';
+            this._hasProjectedText.set(text.trim().length > 0);
+        });
+    }
+    /** @protected Prevents activation while the button is disabled or loading. */
+    _handleClick(event) {
+        if (this.disabled() || this.loading()) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvButton, isStandalone: true, selector: "button[mlvButton], a[mlvButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class": "\"mlv-button--variant-\" + effectiveVariant() + \" mlv-button--shape-\" + shape()", "class.mlv-button--disabled": "disabled()", "class.mlv-button--loading": "loading()", "class.mlv-button--selected": "selected()", "class.mlv-button--icon-only": "_iconOnly()", "attr.disabled": "(disabled() || loading()) || null", "attr.aria-disabled": "(disabled() || loading()) || null", "attr.aria-busy": "loading() || null" }, classAttribute: "mlv-button" }, providers: [
+            {
+                provide: MLV_DENSITY_ELEMENT,
+                useValue: 'button',
+            },
+        ], queries: [{ propertyName: "beforeRef", first: true, predicate: MlvButtonBefore, descendants: true, isSignal: true }, { propertyName: "afterRef", first: true, predicate: MlvButtonAfter, descendants: true, isSignal: true }, { propertyName: "_iconDirective", first: true, predicate: MlvButtonIcon, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_textRef", first: true, predicate: ["textRef"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.MlvDensityDirective, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "@if (loading()) {\n<mlv-loader\n  variant=\"circle\"\n  color=\"currentColor\"\n  trackColor=\"transparent\"\n  indeterminate\n  [size]=\"20\"\n  [strokeWidth]=\"2\"\n/>\n} @else if (beforeRef(); as beforeTpl) {\n<div class=\"mlv-button__before\">\n  <ng-template [ngTemplateOutlet]=\"beforeTpl.templateRef\"></ng-template>\n</div>\n}\n\n<span class=\"mlv-button__text\" #textRef>\n  <ng-content />\n</span>\n\n@if (!loading() && afterRef(); as afterTpl) {\n<div class=\"mlv-button__after\">\n  <ng-template [ngTemplateOutlet]=\"afterTpl.templateRef\"></ng-template>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-button{box-sizing:border-box;padding:var(--mlv-btn-padding);margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-btn-font-size)}.mlv-button *{box-sizing:border-box}.mlv-button{display:inline-flex;align-items:center;align-content:center;justify-content:center;gap:.25rem;appearance:none;--mlv-btn-padding: var(--mlv-padding-m);--mlv-btn-height: var(--mlv-height-m);--mlv-btn-radius: var(--mlv-radius-button);--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-icon-font-size: 1.25em;font-weight:500;color:var(--mlv-btn-text-color);border:none;background-color:var(--mlv-btn-bg);transition-property:background-color,border-color,color,outline-color,box-shadow,transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out);border-radius:var(--mlv-btn-radius);cursor:pointer;min-height:var(--mlv-btn-height);outline:var(--mlv-stroke-width-medium) solid transparent;outline-offset:var(--mlv-focus-ring-offset);box-shadow:var(--mlv-btn-box-shadow, none);text-decoration:none}.mlv-button *{color:inherit}[class*=--tight] .mlv-button:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button[class*=--tight]{--mlv-btn-font-size: var(--mlv-font-size-s);--mlv-btn-height: var(--mlv-height-xs);--mlv-btn-padding: var(--mlv-padding-xs)}[class*=--compact] .mlv-button:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button[class*=--compact]{--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-btn-height: var(--mlv-height-s);--mlv-btn-padding: var(--mlv-padding-s)}[class*=--spacious] .mlv-button:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-button[class*=--spacious]{--mlv-btn-font-size: var(--mlv-font-size-l);--mlv-btn-height: var(--mlv-height-l);--mlv-btn-padding: var(--mlv-padding-l)}[class*=--airy] .mlv-button:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-button[class*=--airy]{--mlv-btn-font-size: var(--mlv-font-size-xl);--mlv-btn-height: var(--mlv-height-xl);--mlv-btn-padding: var(--mlv-padding-l)}.mlv-button__text{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;max-width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:inherit}.mlv-button__text>*{display:inline-block;flex-shrink:0}.mlv-button__before>*,.mlv-button__after>*{display:block}.mlv-button__icon{width:var(--mlv-icon-font-size);height:var(--mlv-icon-font-size);font-size:inherit}.mlv-button__icon>svg{width:100%;height:100%}.mlv-button--icon-only{--mlv-icon-font-size: calc( var(--mlv-btn-height) * var(--mlv-icon-in-container-ratio) )}.mlv-button--icon-only .mlv-button__text>svg:only-child{width:var(--mlv-icon-font-size);height:var(--mlv-icon-font-size)}.mlv-button:hover{--mlv-btn-bg: var(--mlv-btn-bg-hover)}.mlv-button:active{--mlv-btn-bg: var(--mlv-btn-bg-active);transform:scale(.97)}.mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-background-accent-1);--mlv-btn-bg-hover: var(--mlv-background-accent-1-hover);--mlv-btn-bg-active: var(--mlv-background-accent-1-active);--mlv-btn-text-color: var(--mlv-text-primary-on-accent-1)}.mlv-button--variant-primary:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-secondary{--mlv-btn-bg: var(--mlv-background-neutral-1);--mlv-btn-bg-hover: var(--mlv-background-neutral-1-hover);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active);--mlv-btn-text-color: var(--mlv-text-action)}.mlv-button--variant-secondary:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-accent{--mlv-btn-bg: var(--mlv-background-accent-2);--mlv-btn-bg-hover: var(--mlv-background-accent-2-hover);--mlv-btn-bg-active: var(--mlv-background-accent-2-active);--mlv-btn-text-color: var(--mlv-text-primary-on-accent-2)}.mlv-button--variant-accent:focus-visible{outline-color:var(--mlv-background-accent-2-hover)}.mlv-button--variant-error{--mlv-btn-bg: var(--mlv-background-danger-1);--mlv-btn-bg-hover: var(--mlv-background-danger-1-hover);--mlv-btn-bg-active: var(--mlv-background-danger-1-active);--mlv-btn-text-color: var(--mlv-text-on-danger)}.mlv-button--variant-error:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-warning{--mlv-btn-bg: var(--mlv-background-warning-1);--mlv-btn-bg-hover: color-mix(in srgb, var(--mlv-background-warning-1) 85%, black);--mlv-btn-bg-active: color-mix(in srgb, var(--mlv-background-warning-1) 70%, black);--mlv-btn-text-color: var(--mlv-text-on-warning)}.mlv-button--variant-warning:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-info{--mlv-btn-bg: var(--mlv-palette-info-500);--mlv-btn-bg-hover: color-mix(in srgb, var(--mlv-palette-info-500) 85%, black);--mlv-btn-bg-active: color-mix(in srgb, var(--mlv-palette-info-500) 70%, black);--mlv-btn-text-color: var(--mlv-text-on-info)}.mlv-button--variant-info:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-elevated{--mlv-btn-bg: var(--mlv-elevation-bg-2);--mlv-btn-bg-hover: var(--mlv-elevation-bg-3);--mlv-btn-bg-active: var(--mlv-elevation-bg-1);--mlv-btn-text-color: var(--mlv-text-primary);--mlv-btn-box-shadow: var(--mlv-shadow-raised)}.mlv-button--variant-elevated:hover{--mlv-btn-box-shadow: var(--mlv-shadow-floating)}.mlv-button--variant-elevated:active{--mlv-btn-box-shadow: var(--mlv-shadow-raised)}.mlv-button--variant-elevated:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-transparent,.mlv-button--variant-outlined{--mlv-btn-bg: transparent}.mlv-button--variant-transparent:focus-visible,.mlv-button--variant-outlined:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-outlined{--mlv-btn-text-color: var(--mlv-text-action);--mlv-btn-bg-hover: var(--mlv-background-accent-1-pale);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active);border:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-button--variant-outlined:hover{border-color:var(--mlv-border-strong)}.mlv-button--variant-outlined:active{border-color:var(--mlv-border-focus)}.mlv-button--variant-transparent{--mlv-btn-text-color: var(--mlv-text-secondary);--mlv-btn-bg-hover: var(--mlv-background-neutral-1-hover);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active)}.mlv-button--variant-transparent:hover{--mlv-btn-text-color: var(--mlv-text-primary)}.mlv-button[aria-pressed=true],.mlv-button.mlv-button--selected{--mlv-btn-bg: var(--mlv-background-selected);--mlv-btn-bg-hover: var(--mlv-background-selected-hover);--mlv-btn-text-color: var(--mlv-text-on-selected);--mlv-btn-box-shadow: inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-normal)}.mlv-button.mlv-button--disabled{--mlv-btn-bg: var(--mlv-background-disabled);--mlv-btn-bg-hover: var(--mlv-background-disabled);--mlv-btn-bg-active: var(--mlv-background-disabled);--mlv-btn-text-color: var(--mlv-text-disabled);--mlv-btn-box-shadow: none;cursor:not-allowed;pointer-events:none}.mlv-button--variant-transparent.mlv-button--disabled,.mlv-button--variant-outlined.mlv-button--disabled{--mlv-btn-bg: transparent}.mlv-button--variant-outlined.mlv-button--disabled{border-color:var(--mlv-border-subtle)}.mlv-button--loading{cursor:wait;pointer-events:none}.mlv-button--shape-square,.mlv-button--shape-circle{padding:.25rem;aspect-ratio:1;height:var(--mlv-btn-height);width:var(--mlv-btn-height)}.mlv-button--shape-circle,.mlv-button--shape-pill{border-radius:var(--mlv-radius-full)}@media(prefers-reduced-motion:reduce){.mlv-button,.mlv-button *,.mlv-button:before,.mlv-button:after,[class^=mlv-button__],[class*=\" mlv-button__\"],[class^=mlv-button--],[class*=\" mlv-button--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvLoader, selector: "mlv-loader", inputs: ["variant", "tone", "value", "max", "indeterminate", "size", "strokeWidth", "ariaLabel", "showHint", "color", "trackColor", "glow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[mlvButton], a[mlvButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MlvLoader], hostDirectives: [
+                        {
+                            directive: MlvDensityDirective,
+                            inputs: ['mlvDensity: mlvDensity'],
+                        },
+                    ], providers: [
+                        {
+                            provide: MLV_DENSITY_ELEMENT,
+                            useValue: 'button',
+                        },
+                    ], host: {
+                        class: 'mlv-button',
+                        '[class]': '"mlv-button--variant-" + effectiveVariant() + " mlv-button--shape-" + shape()',
+                        '[class.mlv-button--disabled]': 'disabled()',
+                        '[class.mlv-button--loading]': 'loading()',
+                        '[class.mlv-button--selected]': 'selected()',
+                        '[class.mlv-button--icon-only]': '_iconOnly()',
+                        '[attr.disabled]': '(disabled() || loading()) || null',
+                        '[attr.aria-disabled]': '(disabled() || loading()) || null',
+                        '[attr.aria-busy]': 'loading() || null',
+                        '(click)': '_handleClick($event)',
+                    }, template: "@if (loading()) {\n<mlv-loader\n  variant=\"circle\"\n  color=\"currentColor\"\n  trackColor=\"transparent\"\n  indeterminate\n  [size]=\"20\"\n  [strokeWidth]=\"2\"\n/>\n} @else if (beforeRef(); as beforeTpl) {\n<div class=\"mlv-button__before\">\n  <ng-template [ngTemplateOutlet]=\"beforeTpl.templateRef\"></ng-template>\n</div>\n}\n\n<span class=\"mlv-button__text\" #textRef>\n  <ng-content />\n</span>\n\n@if (!loading() && afterRef(); as afterTpl) {\n<div class=\"mlv-button__after\">\n  <ng-template [ngTemplateOutlet]=\"afterTpl.templateRef\"></ng-template>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-button{box-sizing:border-box;padding:var(--mlv-btn-padding);margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-btn-font-size)}.mlv-button *{box-sizing:border-box}.mlv-button{display:inline-flex;align-items:center;align-content:center;justify-content:center;gap:.25rem;appearance:none;--mlv-btn-padding: var(--mlv-padding-m);--mlv-btn-height: var(--mlv-height-m);--mlv-btn-radius: var(--mlv-radius-button);--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-icon-font-size: 1.25em;font-weight:500;color:var(--mlv-btn-text-color);border:none;background-color:var(--mlv-btn-bg);transition-property:background-color,border-color,color,outline-color,box-shadow,transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out);border-radius:var(--mlv-btn-radius);cursor:pointer;min-height:var(--mlv-btn-height);outline:var(--mlv-stroke-width-medium) solid transparent;outline-offset:var(--mlv-focus-ring-offset);box-shadow:var(--mlv-btn-box-shadow, none);text-decoration:none}.mlv-button *{color:inherit}[class*=--tight] .mlv-button:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button[class*=--tight]{--mlv-btn-font-size: var(--mlv-font-size-s);--mlv-btn-height: var(--mlv-height-xs);--mlv-btn-padding: var(--mlv-padding-xs)}[class*=--compact] .mlv-button:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button[class*=--compact]{--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-btn-height: var(--mlv-height-s);--mlv-btn-padding: var(--mlv-padding-s)}[class*=--spacious] .mlv-button:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-button[class*=--spacious]{--mlv-btn-font-size: var(--mlv-font-size-l);--mlv-btn-height: var(--mlv-height-l);--mlv-btn-padding: var(--mlv-padding-l)}[class*=--airy] .mlv-button:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-button[class*=--airy]{--mlv-btn-font-size: var(--mlv-font-size-xl);--mlv-btn-height: var(--mlv-height-xl);--mlv-btn-padding: var(--mlv-padding-l)}.mlv-button__text{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;max-width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:inherit}.mlv-button__text>*{display:inline-block;flex-shrink:0}.mlv-button__before>*,.mlv-button__after>*{display:block}.mlv-button__icon{width:var(--mlv-icon-font-size);height:var(--mlv-icon-font-size);font-size:inherit}.mlv-button__icon>svg{width:100%;height:100%}.mlv-button--icon-only{--mlv-icon-font-size: calc( var(--mlv-btn-height) * var(--mlv-icon-in-container-ratio) )}.mlv-button--icon-only .mlv-button__text>svg:only-child{width:var(--mlv-icon-font-size);height:var(--mlv-icon-font-size)}.mlv-button:hover{--mlv-btn-bg: var(--mlv-btn-bg-hover)}.mlv-button:active{--mlv-btn-bg: var(--mlv-btn-bg-active);transform:scale(.97)}.mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-background-accent-1);--mlv-btn-bg-hover: var(--mlv-background-accent-1-hover);--mlv-btn-bg-active: var(--mlv-background-accent-1-active);--mlv-btn-text-color: var(--mlv-text-primary-on-accent-1)}.mlv-button--variant-primary:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-secondary{--mlv-btn-bg: var(--mlv-background-neutral-1);--mlv-btn-bg-hover: var(--mlv-background-neutral-1-hover);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active);--mlv-btn-text-color: var(--mlv-text-action)}.mlv-button--variant-secondary:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-accent{--mlv-btn-bg: var(--mlv-background-accent-2);--mlv-btn-bg-hover: var(--mlv-background-accent-2-hover);--mlv-btn-bg-active: var(--mlv-background-accent-2-active);--mlv-btn-text-color: var(--mlv-text-primary-on-accent-2)}.mlv-button--variant-accent:focus-visible{outline-color:var(--mlv-background-accent-2-hover)}.mlv-button--variant-error{--mlv-btn-bg: var(--mlv-background-danger-1);--mlv-btn-bg-hover: var(--mlv-background-danger-1-hover);--mlv-btn-bg-active: var(--mlv-background-danger-1-active);--mlv-btn-text-color: var(--mlv-text-on-danger)}.mlv-button--variant-error:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-warning{--mlv-btn-bg: var(--mlv-background-warning-1);--mlv-btn-bg-hover: color-mix(in srgb, var(--mlv-background-warning-1) 85%, black);--mlv-btn-bg-active: color-mix(in srgb, var(--mlv-background-warning-1) 70%, black);--mlv-btn-text-color: var(--mlv-text-on-warning)}.mlv-button--variant-warning:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-info{--mlv-btn-bg: var(--mlv-palette-info-500);--mlv-btn-bg-hover: color-mix(in srgb, var(--mlv-palette-info-500) 85%, black);--mlv-btn-bg-active: color-mix(in srgb, var(--mlv-palette-info-500) 70%, black);--mlv-btn-text-color: var(--mlv-text-on-info)}.mlv-button--variant-info:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-elevated{--mlv-btn-bg: var(--mlv-elevation-bg-2);--mlv-btn-bg-hover: var(--mlv-elevation-bg-3);--mlv-btn-bg-active: var(--mlv-elevation-bg-1);--mlv-btn-text-color: var(--mlv-text-primary);--mlv-btn-box-shadow: var(--mlv-shadow-raised)}.mlv-button--variant-elevated:hover{--mlv-btn-box-shadow: var(--mlv-shadow-floating)}.mlv-button--variant-elevated:active{--mlv-btn-box-shadow: var(--mlv-shadow-raised)}.mlv-button--variant-elevated:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-transparent,.mlv-button--variant-outlined{--mlv-btn-bg: transparent}.mlv-button--variant-transparent:focus-visible,.mlv-button--variant-outlined:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--variant-outlined{--mlv-btn-text-color: var(--mlv-text-action);--mlv-btn-bg-hover: var(--mlv-background-accent-1-pale);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active);border:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-button--variant-outlined:hover{border-color:var(--mlv-border-strong)}.mlv-button--variant-outlined:active{border-color:var(--mlv-border-focus)}.mlv-button--variant-transparent{--mlv-btn-text-color: var(--mlv-text-secondary);--mlv-btn-bg-hover: var(--mlv-background-neutral-1-hover);--mlv-btn-bg-active: var(--mlv-background-neutral-1-active)}.mlv-button--variant-transparent:hover{--mlv-btn-text-color: var(--mlv-text-primary)}.mlv-button[aria-pressed=true],.mlv-button.mlv-button--selected{--mlv-btn-bg: var(--mlv-background-selected);--mlv-btn-bg-hover: var(--mlv-background-selected-hover);--mlv-btn-text-color: var(--mlv-text-on-selected);--mlv-btn-box-shadow: inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-normal)}.mlv-button.mlv-button--disabled{--mlv-btn-bg: var(--mlv-background-disabled);--mlv-btn-bg-hover: var(--mlv-background-disabled);--mlv-btn-bg-active: var(--mlv-background-disabled);--mlv-btn-text-color: var(--mlv-text-disabled);--mlv-btn-box-shadow: none;cursor:not-allowed;pointer-events:none}.mlv-button--variant-transparent.mlv-button--disabled,.mlv-button--variant-outlined.mlv-button--disabled{--mlv-btn-bg: transparent}.mlv-button--variant-outlined.mlv-button--disabled{border-color:var(--mlv-border-subtle)}.mlv-button--loading{cursor:wait;pointer-events:none}.mlv-button--shape-square,.mlv-button--shape-circle{padding:.25rem;aspect-ratio:1;height:var(--mlv-btn-height);width:var(--mlv-btn-height)}.mlv-button--shape-circle,.mlv-button--shape-pill{border-radius:var(--mlv-radius-full)}@media(prefers-reduced-motion:reduce){.mlv-button,.mlv-button *,.mlv-button:before,.mlv-button:after,[class^=mlv-button__],[class*=\" mlv-button__\"],[class^=mlv-button--],[class*=\" mlv-button--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], beforeRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvButtonBefore), { isSignal: true }] }], afterRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvButtonAfter), { isSignal: true }] }], _iconDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvButtonIcon), { isSignal: true }] }], _textRef: [{ type: i0.ViewChild, args: ['textRef', { isSignal: true }] }] } });
+
+/**
+ * Visually joins related buttons and provides a shared variant to children.
+ * Use the native `aria-label` or `aria-labelledby` attribute to name the group
+ * when its purpose is not clear from surrounding content.
+ */
+class MlvButtonGroup {
+    /**
+     * Default visual treatment for descendant buttons. An individual button can
+     * still override it with its own `variant` input.
+     */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** @private Optional variant supplied by an enclosing button container. */
+    _parentVariant = inject(MLV_BUTTON_VARIANT, {
+        optional: true,
+        skipSelf: true,
+    });
+    /** The shared variant inherited by descendants without a local override. */
+    effectiveVariant = computed(() => this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveVariant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvButtonGroup, isStandalone: true, selector: "mlv-button-group", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, classAttribute: "mlv-button-group" }, providers: [
+            {
+                provide: MLV_BUTTON_VARIANT,
+                useExisting: forwardRef(() => MlvButtonGroup),
+            },
+        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer mlv.components{.mlv-button-group{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-group *{box-sizing:border-box}.mlv-button-group{display:inline-flex;align-items:stretch}.mlv-button-group>.mlv-button,.mlv-button-group>.mlv-button-toggle>.mlv-button{border-radius:0}.mlv-button-group>.mlv-button:first-child,.mlv-button-group>.mlv-button-toggle:first-child>.mlv-button{border-start-start-radius:var(--mlv-btn-radius);border-end-start-radius:var(--mlv-btn-radius)}.mlv-button-group>.mlv-button:last-child,.mlv-button-group>.mlv-button-toggle:last-child>.mlv-button{border-start-end-radius:var(--mlv-btn-radius);border-end-end-radius:var(--mlv-btn-radius)}.mlv-button-group>.mlv-button+.mlv-button,.mlv-button-group>.mlv-button-toggle+.mlv-button,.mlv-button-group>.mlv-button+.mlv-button-toggle>.mlv-button,.mlv-button-group>.mlv-button-toggle+.mlv-button-toggle>.mlv-button{margin-inline-start:-.0625rem}.mlv-button-group>.mlv-button:focus-visible,.mlv-button-group>.mlv-button-toggle>.mlv-button:focus-visible{position:relative;z-index:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-button-group', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_BUTTON_VARIANT,
+                            useExisting: forwardRef(() => MlvButtonGroup),
+                        },
+                    ], host: {
+                        class: 'mlv-button-group',
+                        role: 'group',
+                    }, styles: ["@layer mlv.components{.mlv-button-group{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-group *{box-sizing:border-box}.mlv-button-group{display:inline-flex;align-items:stretch}.mlv-button-group>.mlv-button,.mlv-button-group>.mlv-button-toggle>.mlv-button{border-radius:0}.mlv-button-group>.mlv-button:first-child,.mlv-button-group>.mlv-button-toggle:first-child>.mlv-button{border-start-start-radius:var(--mlv-btn-radius);border-end-start-radius:var(--mlv-btn-radius)}.mlv-button-group>.mlv-button:last-child,.mlv-button-group>.mlv-button-toggle:last-child>.mlv-button{border-start-end-radius:var(--mlv-btn-radius);border-end-end-radius:var(--mlv-btn-radius)}.mlv-button-group>.mlv-button+.mlv-button,.mlv-button-group>.mlv-button-toggle+.mlv-button,.mlv-button-group>.mlv-button+.mlv-button-toggle>.mlv-button,.mlv-button-group>.mlv-button-toggle+.mlv-button-toggle>.mlv-button{margin-inline-start:-.0625rem}.mlv-button-group>.mlv-button:focus-visible,.mlv-button-group>.mlv-button-toggle>.mlv-button:focus-visible{position:relative;z-index:1}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+/**
+ * Joins a primary action and its related secondary trigger into one control.
+ * The component owns layout and shared styling; consumers keep control of the
+ * two projected native buttons and any menu or popup attached to the trigger.
+ */
+class MlvButtonSplit {
+    /**
+     * Default visual treatment for both projected buttons. Either child can
+     * override it with a local `variant` input.
+     */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** @private Optional variant supplied by an enclosing button container. */
+    _parentVariant = inject(MLV_BUTTON_VARIANT, {
+        optional: true,
+        skipSelf: true,
+    });
+    /** The shared variant inherited by projected buttons. */
+    effectiveVariant = computed(() => this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveVariant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonSplit, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvButtonSplit, isStandalone: true, selector: "mlv-button-split", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, classAttribute: "mlv-button-split" }, providers: [
+            {
+                provide: MLV_BUTTON_VARIANT,
+                useExisting: forwardRef(() => MlvButtonSplit),
+            },
+        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer mlv.components{.mlv-button-split{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-split *{box-sizing:border-box}.mlv-button-split{display:inline-flex;align-items:stretch}.mlv-button-split>.mlv-button{border-radius:0}.mlv-button-split>.mlv-button:first-child{border-start-start-radius:var(--mlv-btn-radius);border-end-start-radius:var(--mlv-btn-radius)}.mlv-button-split>.mlv-button:last-child{border-start-end-radius:var(--mlv-btn-radius);border-end-end-radius:var(--mlv-btn-radius)}.mlv-button-split>.mlv-button+.mlv-button{margin-inline-start:-.0625rem;position:relative}.mlv-button-split>.mlv-button+.mlv-button:before{content:\"\";position:absolute;inset-block:.5rem;inset-inline-start:0;width:.0625rem;background-color:var(--mlv-border-normal);pointer-events:none}.mlv-button-split>.mlv-button:focus-visible{position:relative;z-index:1}.mlv-button-split>.mlv-button.mlv-button--variant-outlined:first-child{border-inline-end:0}.mlv-button-split>.mlv-button.mlv-button--variant-outlined:last-child{border-inline-start:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonSplit, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-button-split', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_BUTTON_VARIANT,
+                            useExisting: forwardRef(() => MlvButtonSplit),
+                        },
+                    ], host: {
+                        class: 'mlv-button-split',
+                        role: 'group',
+                    }, styles: ["@layer mlv.components{.mlv-button-split{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-split *{box-sizing:border-box}.mlv-button-split{display:inline-flex;align-items:stretch}.mlv-button-split>.mlv-button{border-radius:0}.mlv-button-split>.mlv-button:first-child{border-start-start-radius:var(--mlv-btn-radius);border-end-start-radius:var(--mlv-btn-radius)}.mlv-button-split>.mlv-button:last-child{border-start-end-radius:var(--mlv-btn-radius);border-end-end-radius:var(--mlv-btn-radius)}.mlv-button-split>.mlv-button+.mlv-button{margin-inline-start:-.0625rem;position:relative}.mlv-button-split>.mlv-button+.mlv-button:before{content:\"\";position:absolute;inset-block:.5rem;inset-inline-start:0;width:.0625rem;background-color:var(--mlv-border-normal);pointer-events:none}.mlv-button-split>.mlv-button:focus-visible{position:relative;z-index:1}.mlv-button-split>.mlv-button.mlv-button--variant-outlined:first-child{border-inline-end:0}.mlv-button-split>.mlv-button.mlv-button--variant-outlined:last-child{border-inline-start:0}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+/** A two-state button that exposes native `aria-pressed` semantics. */
+class MlvButtonToggle {
+    /** Two-way bindable pressed state reflected by the inner native button. */
+    pressed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
+    /** Whether the inner native button is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Visual treatment for the toggle. When omitted, it inherits the closest
+     * button container variant and otherwise falls back to `primary`.
+     */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Shape of the inner button. */
+    shape = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /** Density level forwarded to the inner button. */
+    mlvDensity = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mlvDensity" }] : /* istanbul ignore next */ []));
+    /** Accessible name for an icon-only toggle. */
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Id reference(s) naming the inner native button. */
+    ariaLabelledBy = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    /** @private Optional variant supplied by an enclosing button container. */
+    _parentVariant = inject(MLV_BUTTON_VARIANT, {
+        optional: true,
+        skipSelf: true,
+    });
+    /** The visual treatment inherited by the inner button. */
+    effectiveVariant = computed(() => this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveVariant" }] : /* istanbul ignore next */ []));
+    /** Toggles the pressed state unless the control is disabled. */
+    toggle() {
+        if (this.disabled())
+            return;
+        this.pressed.update((pressed) => !pressed);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvButtonToggle, isStandalone: true, selector: "mlv-button-toggle", inputs: { pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, mlvDensity: { classPropertyName: "mlvDensity", publicName: "mlvDensity", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange" }, host: { properties: { "class.mlv-button-toggle--pressed": "pressed()", "class.mlv-button-toggle--disabled": "disabled()" }, classAttribute: "mlv-button-toggle" }, providers: [
+            {
+                provide: MLV_BUTTON_VARIANT,
+                useExisting: forwardRef(() => MlvButtonToggle),
+            },
+        ], ngImport: i0, template: `
+    <button
+      mlvButton
+      type="button"
+      [shape]="shape()"
+      [mlvDensity]="mlvDensity()"
+      [disabled]="disabled()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      [attr.aria-labelledby]="ariaLabelledBy() ?? null"
+      [attr.aria-pressed]="pressed()"
+      (click)="toggle()"
+    >
+      <ng-content />
+    </button>
+  `, isInline: true, styles: ["@layer mlv.components{.mlv-button-toggle{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-toggle *{box-sizing:border-box}.mlv-button-toggle{display:inline-flex}.mlv-button-toggle--pressed>.mlv-button{--mlv-btn-bg: var(--mlv-background-selected);--mlv-btn-text-color: var(--mlv-text-on-selected);box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-normal)}.mlv-button-toggle--disabled{cursor:not-allowed}.mlv-button-toggle--disabled>.mlv-button,.mlv-button-toggle--disabled.mlv-button-toggle--pressed>.mlv-button{--mlv-btn-bg: var(--mlv-background-disabled);--mlv-btn-text-color: var(--mlv-text-disabled)}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-button-toggle', imports: [MlvButton], template: `
+    <button
+      mlvButton
+      type="button"
+      [shape]="shape()"
+      [mlvDensity]="mlvDensity()"
+      [disabled]="disabled()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      [attr.aria-labelledby]="ariaLabelledBy() ?? null"
+      [attr.aria-pressed]="pressed()"
+      (click)="toggle()"
+    >
+      <ng-content />
+    </button>
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_BUTTON_VARIANT,
+                            useExisting: forwardRef(() => MlvButtonToggle),
+                        },
+                    ], host: {
+                        class: 'mlv-button-toggle',
+                        '[class.mlv-button-toggle--pressed]': 'pressed()',
+                        '[class.mlv-button-toggle--disabled]': 'disabled()',
+                    }, styles: ["@layer mlv.components{.mlv-button-toggle{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-button-toggle *{box-sizing:border-box}.mlv-button-toggle{display:inline-flex}.mlv-button-toggle--pressed>.mlv-button{--mlv-btn-bg: var(--mlv-background-selected);--mlv-btn-text-color: var(--mlv-text-on-selected);box-shadow:inset 0 0 0 var(--mlv-stroke-width) var(--mlv-border-normal)}.mlv-button-toggle--disabled{cursor:not-allowed}.mlv-button-toggle--disabled>.mlv-button,.mlv-button-toggle--disabled.mlv-button-toggle--pressed>.mlv-button{--mlv-btn-bg: var(--mlv-background-disabled);--mlv-btn-text-color: var(--mlv-text-disabled)}}\n"] }]
+        }], propDecorators: { pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], mlvDensity: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDensity", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }] } });
+
+class MlvButtonClose {
+    /**
+     * Visual treatment for the inner button. Defaults to `transparent`; binding
+     * `undefined` allows the standard button variant inheritance to take over.
+     */
+    variant = input('transparent', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Shape of the inner close button. */
+    shape = input('circle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /** Accessible name applied to the inner native button. */
+    ariaLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Resolved host-directive density forwarded to the inner button.
+     *
+     * The full five-step directive, not one of the clamped variants: a close
+     * button matches the dimensions of an icon-only `mlvButton` at every density.
+     */
+    _density = inject(MlvDensityDirective);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonClose, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvButtonClose, isStandalone: true, selector: "mlv-button-close", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "mlv-button-close" }, providers: [
+            {
+                provide: MLV_DENSITY_ELEMENT,
+                useValue: 'button-close',
+            },
+        ], hostDirectives: [{ directive: i1.MlvDensityDirective, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "<button\n  type=\"button\"\n  mlvButton\n  [shape]=\"shape()\"\n  [variant]=\"variant()\"\n  [mlvDensity]=\"_density.effectiveDensity()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  class=\"mlv-button--close\"\n>\n  <svg lucideX mlvButtonIcon />\n</button>\n", styles: ["@layer mlv.components{.mlv-button--close{--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-btn-height: var(--mlv-height-s);--mlv-button-close-icon-ratio: .6}.mlv-button--close.mlv-button--icon-only{--mlv-icon-font-size: calc( var(--mlv-btn-height) * var(--mlv-button-close-icon-ratio) )}.mlv-button--close.mlv-button:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--close.mlv-button--variant-transparent{--mlv-btn-text-color: var(--mlv-text-tertiary);--mlv-btn-bg-hover: transparent;--mlv-btn-bg-active: transparent}.mlv-button--close.mlv-button--variant-transparent:hover,.mlv-button--close.mlv-button--variant-transparent:active,.mlv-button--close.mlv-button--variant-secondary{--mlv-btn-text-color: var(--mlv-text-secondary)}.mlv-button--close.mlv-button--variant-secondary:hover,.mlv-button--close.mlv-button--variant-secondary:active{--mlv-btn-text-color: var(--mlv-text-primary)}[class*=--tight] .mlv-button--close:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button--close[class*=--tight]{--mlv-btn-font-size: var(--mlv-font-size-xs);--mlv-btn-height: 1.5rem}[class*=--compact] .mlv-button--close:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button--close[class*=--compact]{--mlv-btn-font-size: var(--mlv-font-size-xs);--mlv-btn-height: var(--mlv-height-xs)}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvButtonClose, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-button-close', imports: [MlvButton, MlvButtonIcon, LucideX], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MlvDensityDirective,
+                            inputs: ['mlvDensity: mlvDensity'],
+                        },
+                    ], providers: [
+                        {
+                            provide: MLV_DENSITY_ELEMENT,
+                            useValue: 'button-close',
+                        },
+                    ], host: {
+                        class: 'mlv-button-close',
+                    }, template: "<button\n  type=\"button\"\n  mlvButton\n  [shape]=\"shape()\"\n  [variant]=\"variant()\"\n  [mlvDensity]=\"_density.effectiveDensity()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  class=\"mlv-button--close\"\n>\n  <svg lucideX mlvButtonIcon />\n</button>\n", styles: ["@layer mlv.components{.mlv-button--close{--mlv-btn-font-size: var(--mlv-font-size-m);--mlv-btn-height: var(--mlv-height-s);--mlv-button-close-icon-ratio: .6}.mlv-button--close.mlv-button--icon-only{--mlv-icon-font-size: calc( var(--mlv-btn-height) * var(--mlv-button-close-icon-ratio) )}.mlv-button--close.mlv-button:focus-visible{outline-color:var(--mlv-border-focus)}.mlv-button--close.mlv-button--variant-transparent{--mlv-btn-text-color: var(--mlv-text-tertiary);--mlv-btn-bg-hover: transparent;--mlv-btn-bg-active: transparent}.mlv-button--close.mlv-button--variant-transparent:hover,.mlv-button--close.mlv-button--variant-transparent:active,.mlv-button--close.mlv-button--variant-secondary{--mlv-btn-text-color: var(--mlv-text-secondary)}.mlv-button--close.mlv-button--variant-secondary:hover,.mlv-button--close.mlv-button--variant-secondary:active{--mlv-btn-text-color: var(--mlv-text-primary)}[class*=--tight] .mlv-button--close:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button--close[class*=--tight]{--mlv-btn-font-size: var(--mlv-font-size-xs);--mlv-btn-height: 1.5rem}[class*=--compact] .mlv-button--close:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-button--close[class*=--compact]{--mlv-btn-font-size: var(--mlv-font-size-xs);--mlv-btn-height: var(--mlv-height-xs)}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MLV_BUTTON_VARIANT, MlvButton, MlvButtonAfter, MlvButtonBefore, MlvButtonClose, MlvButtonGroup, MlvButtonIcon, MlvButtonSplit, MlvButtonToggle };
+//# sourceMappingURL=malva-ui-core-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-button.mjs","sources":["../../../../libs/core/button/src/lib/button.directives.ts","../../../../libs/core/button/src/lib/button-variant.token.ts","../../../../libs/core/button/src/lib/button/button.ts","../../../../libs/core/button/src/lib/button/button.html","../../../../libs/core/button/src/lib/button-group/button-group.ts","../../../../libs/core/button/src/lib/button-split/button-split.ts","../../../../libs/core/button/src/lib/button-toggle/button-toggle.ts","../../../../libs/core/button/src/lib/button-close/button-close.ts","../../../../libs/core/button/src/lib/button-close/button-close.html","../../../../libs/core/button/src/malva-ui-core-button.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n@Directive({\n  selector: '[mlvButtonBefore]',\n})\nexport class MlvButtonBefore extends MlvStructural {}\n\n@Directive({\n  selector: '[mlvButtonAfter]',\n})\nexport class MlvButtonAfter extends MlvStructural {}\n\n@Directive({\n  selector: '[mlvButtonIcon]',\n  host: {\n    class: 'mlv-button__icon',\n  },\n})\nexport class MlvButtonIcon {}\n","import type { Signal } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvButtonVariant } from './button.types';\n\n/**\n * Contract implemented by button containers that provide a default variant to\n * descendant buttons.\n */\nexport interface MlvButtonVariantAccessor {\n  /** The resolved variant descendants should use when they have no override. */\n  readonly effectiveVariant: Signal<MlvButtonVariant>;\n}\n\n/** Optional ancestor that supplies a default variant to descendant buttons. */\nexport const MLV_BUTTON_VARIANT = new InjectionToken<MlvButtonVariantAccessor>(\n  'MLV_BUTTON_VARIANT',\n);\n","import {\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  inject,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { ElementRef } from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  MlvButtonAfter,\n  MlvButtonBefore,\n  MlvButtonIcon,\n} from '../button.directives';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  MLV_DENSITY_ELEMENT,\n  MlvDensityDirective,\n} from '@malva-ui/cdk/density';\nimport { MlvLoader } from '@malva-ui/core/loader';\nimport type { MlvButtonShape, MlvButtonVariant } from '../button.types';\nimport { MLV_BUTTON_VARIANT } from '../button-variant.token';\n\nexport type { MlvButtonShape, MlvButtonVariant } from '../button.types';\n\n/**\n * Shapes whose width equals their height. They exist to hold a single icon, so\n * they drive both the icon-only sizing and the neutral default variant.\n */\nconst ICON_ONLY_SHAPES: readonly MlvButtonShape[] = ['circle', 'square'];\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: 'button[mlvButton], a[mlvButton]',\n  templateUrl: './button.html',\n  styleUrl: './button.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, MlvLoader],\n  hostDirectives: [\n    {\n      directive: MlvDensityDirective,\n      inputs: ['mlvDensity: mlvDensity'],\n    },\n  ],\n  providers: [\n    {\n      provide: MLV_DENSITY_ELEMENT,\n      useValue: 'button',\n    },\n  ],\n  host: {\n    class: 'mlv-button',\n    '[class]':\n      '\"mlv-button--variant-\" + effectiveVariant() + \" mlv-button--shape-\" + shape()',\n    '[class.mlv-button--disabled]': 'disabled()',\n    '[class.mlv-button--loading]': 'loading()',\n    '[class.mlv-button--selected]': 'selected()',\n    '[class.mlv-button--icon-only]': '_iconOnly()',\n    '[attr.disabled]': '(disabled() || loading()) || null',\n    '[attr.aria-disabled]': '(disabled() || loading()) || null',\n    '[attr.aria-busy]': 'loading() || null',\n    '(click)': '_handleClick($event)',\n  },\n})\nexport class MlvButton {\n  /**\n   * Visual treatment for this button. When omitted, the closest button group,\n   * split button, or toggle supplies it; otherwise the fallback depends on the\n   * shape — `secondary` for the icon-only `square`/`circle` shapes and\n   * `primary` for every other shape.\n   */\n  readonly variant = input<MlvButtonVariant | undefined>(undefined);\n\n  /** Shape of the button. Circle and square are intended for icon-only actions. */\n  readonly shape = input<MlvButtonShape>('default');\n\n  /** Whether the native button is disabled. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Whether the button is waiting for an asynchronous action to complete. */\n  readonly loading = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Whether the button reflects a persistent selected state — an active\n   * formatting menu trigger, a chosen view. Paints the same surface as a\n   * pressed toggle while adding no ARIA of its own, so a menu button keeps\n   * `aria-haspopup`/`aria-expanded` as its only state semantics. A real toggle\n   * sets `aria-pressed` instead, which paints identically.\n   */\n  readonly selected = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** @private Optional ancestor-provided default visual treatment. */\n  private readonly _variantAccessor = inject(MLV_BUTTON_VARIANT, {\n    optional: true,\n  });\n\n  /**\n   * The visual treatment after resolving local, inherited, and default values.\n   *\n   * The final fallback is shape-aware: a bare `square`/`circle` button is an\n   * icon action, and rendering a row of them as saturated `primary` CTAs was\n   * never the intent, so they fall back to the neutral `secondary` treatment.\n   * An explicit `variant` and an ancestor `MLV_BUTTON_VARIANT` both still win.\n   */\n  readonly effectiveVariant = computed<MlvButtonVariant>(\n    () =>\n      this.variant() ??\n      this._variantAccessor?.effectiveVariant() ??\n      (this._iconShape() ? 'secondary' : 'primary'),\n  );\n\n  /** @protected Whether `shape` is one of the square/circle icon-only shapes. */\n  protected readonly _iconShape = computed(() =>\n    ICON_ONLY_SHAPES.includes(this.shape()),\n  );\n\n  /**\n   * @protected True for a circle/square button whose content is only an icon —\n   * either marked with `mlvButtonIcon` or inferred from an empty label slot.\n   * Drives the icon-only modifier.\n   */\n  protected readonly _iconOnly = computed(\n    () =>\n      this._iconShape() &&\n      (!!this._iconDirective() || !this._hasProjectedText()),\n  );\n\n  /** @protected Template slot rendered before the button text. */\n  protected readonly beforeRef = contentChild(MlvButtonBefore);\n\n  /** @protected Template slot rendered after the button text. */\n  protected readonly afterRef = contentChild(MlvButtonAfter);\n\n  /** @private Projected icon directive, used to detect icon-only buttons. */\n  private readonly _iconDirective = contentChild(MlvButtonIcon);\n\n  /** @private The label slot, read back after render to detect icon-only content. */\n  private readonly _textRef =\n    viewChild.required<ElementRef<HTMLElement>>('textRef');\n\n  /**\n   * @private Whether the default content slot rendered any non-whitespace text.\n   *\n   * Starts `true` so a button that never reaches a browser render — server-side\n   * rendering, where `afterRenderEffect` does not run — keeps the pre-inference\n   * behaviour instead of guessing icon-only.\n   */\n  private readonly _hasProjectedText = signal(true);\n\n  constructor() {\n    // `mlvButtonIcon` is optional in practice: icon buttons are overwhelmingly\n    // written as `<button mlvButton shape=\"circle\"><svg lucideX /></button>`,\n    // and without the directive nothing marked them icon-only, so the icon kept\n    // its intrinsic size inside the label slot. The slot holds projected\n    // content, so the only way to know whether it carries real text is to read\n    // it back once the DOM is written. The effect re-runs when the signals read\n    // below change rather than on every render pass, which keeps this to one\n    // `textContent` read per button per relevant change. Text that appears or\n    // disappears inside an already-rendered icon-only button is not observed —\n    // annotate the icon with `mlvButtonIcon` for that case.\n    afterRenderEffect(() => {\n      this.shape();\n      this.loading();\n      this._iconDirective();\n      const text = this._textRef().nativeElement.textContent ?? '';\n      this._hasProjectedText.set(text.trim().length > 0);\n    });\n  }\n\n  /** @protected Prevents activation while the button is disabled or loading. */\n  protected _handleClick(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n}\n","@if (loading()) {\n<mlv-loader\n  variant=\"circle\"\n  color=\"currentColor\"\n  trackColor=\"transparent\"\n  indeterminate\n  [size]=\"20\"\n  [strokeWidth]=\"2\"\n/>\n} @else if (beforeRef(); as beforeTpl) {\n<div class=\"mlv-button__before\">\n  <ng-template [ngTemplateOutlet]=\"beforeTpl.templateRef\"></ng-template>\n</div>\n}\n\n<span class=\"mlv-button__text\" #textRef>\n  <ng-content />\n</span>\n\n@if (!loading() && afterRef(); as afterTpl) {\n<div class=\"mlv-button__after\">\n  <ng-template [ngTemplateOutlet]=\"afterTpl.templateRef\"></ng-template>\n</div>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvButtonVariant } from '../button.types';\nimport type { MlvButtonVariantAccessor } from '../button-variant.token';\nimport { MLV_BUTTON_VARIANT } from '../button-variant.token';\n\n/**\n * Visually joins related buttons and provides a shared variant to children.\n * Use the native `aria-label` or `aria-labelledby` attribute to name the group\n * when its purpose is not clear from surrounding content.\n */\n@Component({\n  selector: 'mlv-button-group',\n  template: '<ng-content />',\n  styleUrl: './button-group.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_BUTTON_VARIANT,\n      useExisting: forwardRef(() => MlvButtonGroup),\n    },\n  ],\n  host: {\n    class: 'mlv-button-group',\n    role: 'group',\n  },\n})\nexport class MlvButtonGroup implements MlvButtonVariantAccessor {\n  /**\n   * Default visual treatment for descendant buttons. An individual button can\n   * still override it with its own `variant` input.\n   */\n  readonly variant = input<MlvButtonVariant | undefined>(undefined);\n\n  /** @private Optional variant supplied by an enclosing button container. */\n  private readonly _parentVariant = inject(MLV_BUTTON_VARIANT, {\n    optional: true,\n    skipSelf: true,\n  });\n\n  /** The shared variant inherited by descendants without a local override. */\n  readonly effectiveVariant = computed(\n    () =>\n      this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary',\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvButtonVariant } from '../button.types';\nimport type { MlvButtonVariantAccessor } from '../button-variant.token';\nimport { MLV_BUTTON_VARIANT } from '../button-variant.token';\n\n/**\n * Joins a primary action and its related secondary trigger into one control.\n * The component owns layout and shared styling; consumers keep control of the\n * two projected native buttons and any menu or popup attached to the trigger.\n */\n@Component({\n  selector: 'mlv-button-split',\n  template: '<ng-content />',\n  styleUrl: './button-split.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_BUTTON_VARIANT,\n      useExisting: forwardRef(() => MlvButtonSplit),\n    },\n  ],\n  host: {\n    class: 'mlv-button-split',\n    role: 'group',\n  },\n})\nexport class MlvButtonSplit implements MlvButtonVariantAccessor {\n  /**\n   * Default visual treatment for both projected buttons. Either child can\n   * override it with a local `variant` input.\n   */\n  readonly variant = input<MlvButtonVariant | undefined>(undefined);\n\n  /** @private Optional variant supplied by an enclosing button container. */\n  private readonly _parentVariant = inject(MLV_BUTTON_VARIANT, {\n    optional: true,\n    skipSelf: true,\n  });\n\n  /** The shared variant inherited by projected buttons. */\n  readonly effectiveVariant = computed(\n    () =>\n      this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary',\n  );\n}\n","import type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvDensity } from '@malva-ui/cdk/density';\nimport { MlvButton } from '../button/button';\nimport type { MlvButtonShape, MlvButtonVariant } from '../button.types';\nimport type { MlvButtonVariantAccessor } from '../button-variant.token';\nimport { MLV_BUTTON_VARIANT } from '../button-variant.token';\n\n/** A two-state button that exposes native `aria-pressed` semantics. */\n@Component({\n  selector: 'mlv-button-toggle',\n  imports: [MlvButton],\n  template: `\n    <button\n      mlvButton\n      type=\"button\"\n      [shape]=\"shape()\"\n      [mlvDensity]=\"mlvDensity()\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"ariaLabel() ?? null\"\n      [attr.aria-labelledby]=\"ariaLabelledBy() ?? null\"\n      [attr.aria-pressed]=\"pressed()\"\n      (click)=\"toggle()\"\n    >\n      <ng-content />\n    </button>\n  `,\n  styleUrl: './button-toggle.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_BUTTON_VARIANT,\n      useExisting: forwardRef(() => MlvButtonToggle),\n    },\n  ],\n  host: {\n    class: 'mlv-button-toggle',\n    '[class.mlv-button-toggle--pressed]': 'pressed()',\n    '[class.mlv-button-toggle--disabled]': 'disabled()',\n  },\n})\nexport class MlvButtonToggle implements MlvButtonVariantAccessor {\n  /** Two-way bindable pressed state reflected by the inner native button. */\n  readonly pressed = model(false);\n\n  /** Whether the inner native button is disabled. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Visual treatment for the toggle. When omitted, it inherits the closest\n   * button container variant and otherwise falls back to `primary`.\n   */\n  readonly variant = input<MlvButtonVariant | undefined>(undefined);\n\n  /** Shape of the inner button. */\n  readonly shape = input<MlvButtonShape>('default');\n\n  /** Density level forwarded to the inner button. */\n  readonly mlvDensity = input<MlvDensity | undefined>(undefined);\n\n  /** Accessible name for an icon-only toggle. */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  /** Id reference(s) naming the inner native button. */\n  readonly ariaLabelledBy = input<string | undefined>(undefined);\n\n  /** @private Optional variant supplied by an enclosing button container. */\n  private readonly _parentVariant = inject(MLV_BUTTON_VARIANT, {\n    optional: true,\n    skipSelf: true,\n  });\n\n  /** The visual treatment inherited by the inner button. */\n  readonly effectiveVariant = computed(\n    () =>\n      this.variant() ?? this._parentVariant?.effectiveVariant() ?? 'primary',\n  );\n\n  /** Toggles the pressed state unless the control is disabled. */\n  toggle(): void {\n    if (this.disabled()) return;\n    this.pressed.update((pressed) => !pressed);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  MLV_DENSITY_ELEMENT,\n  MlvDensityDirective,\n} from '@malva-ui/cdk/density';\nimport type { MlvButtonShape, MlvButtonVariant } from '../button/button';\nimport { MlvButton } from '../button/button';\nimport { MlvButtonIcon } from '../button.directives';\nimport { LucideX } from '@lucide/angular';\n\n@Component({\n  selector: 'mlv-button-close',\n  templateUrl: './button-close.html',\n  styleUrl: './button-close.scss',\n  imports: [MlvButton, MlvButtonIcon, LucideX],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: MlvDensityDirective,\n      inputs: ['mlvDensity: mlvDensity'],\n    },\n  ],\n  providers: [\n    {\n      provide: MLV_DENSITY_ELEMENT,\n      useValue: 'button-close',\n    },\n  ],\n  host: {\n    class: 'mlv-button-close',\n  },\n})\nexport class MlvButtonClose {\n  /**\n   * Visual treatment for the inner button. Defaults to `transparent`; binding\n   * `undefined` allows the standard button variant inheritance to take over.\n   */\n  readonly variant = input<MlvButtonVariant | undefined>('transparent');\n\n  /** Shape of the inner close button. */\n  readonly shape = input<MlvButtonShape>('circle');\n\n  /** Accessible name applied to the inner native button. */\n  readonly ariaLabel = input.required<string>();\n\n  /**\n   * @protected Resolved host-directive density forwarded to the inner button.\n   *\n   * The full five-step directive, not one of the clamped variants: a close\n   * button matches the dimensions of an icon-only `mlvButton` at every density.\n   */\n  protected readonly _density = inject(MlvDensityDirective);\n}\n","<button\n  type=\"button\"\n  mlvButton\n  [shape]=\"shape()\"\n  [variant]=\"variant()\"\n  [mlvDensity]=\"_density.effectiveDensity()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  class=\"mlv-button--close\"\n>\n  <svg lucideX mlvButtonIcon />\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}