@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-action-bar.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+
+class MlvActionBar {
+    /**
+     * Applies `position: sticky` so the bar stays pinned while its scroll
+     * container scrolls past it.
+     */
+    sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Applies `position: fixed` so the bar stays pinned to the viewport. When
+     * combined with `shape="pill"`, the bar is auto-centered horizontally.
+     */
+    fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Vertical placement of the bar. Used as the anchor edge when combined with
+     * `fixed` or `sticky`, and as the enter/leave animation direction.
+     * Defaults to `'top'`.
+     */
+    position = input('top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /**
+     * Visual shape. See {@link MlvActionBarShape}. Defaults to `'default'`.
+     */
+    shape = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /**
+     * Lets the bar's content flow onto further lines once it no longer fits on
+     * one, instead of overflowing its container.
+     *
+     * Off by default, so an application navigation bar keeps its single-row
+     * geometry and relies on `[mlvActionBarActions]` to shed controls at narrow
+     * widths. Turn it on for content-heavy bars — for example a workflow toolbar
+     * projected into `mlv-page-dock` — that must stay fully reachable on a
+     * narrow canvas. On a wide viewport nothing wraps and the look is unchanged.
+     */
+    wrap = input(false, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Renders the bar on a dark, inverted surface so it stands out from the
+     * surrounding content. On the light theme the bar becomes a distinctive
+     * near-black surface; on the dark theme it flips to a contrasting lighter
+     * surface. Child controls automatically adapt their text / icon color so
+     * they remain readable on the inverted background.
+     */
+    contrast = input(false, { ...(ngDevMode ? { debugName: "contrast" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvActionBar, isStandalone: true, selector: "[mlvActionBar]", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, contrast: { classPropertyName: "contrast", publicName: "contrast", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "animate.enter": "mlv-action-bar--enter", "animate.leave": "mlv-action-bar--leave" }, properties: { "class.mlv-action-bar--fixed": "fixed()", "class.mlv-action-bar--sticky": "sticky()", "class.mlv-action-bar--pos-top": "position() === \"top\"", "class.mlv-action-bar--pos-bottom": "position() === \"bottom\"", "class.mlv-action-bar--shape-pill": "shape() === \"pill\"", "class.mlv-action-bar--wrap": "wrap()", "class.mlv-action-bar--contrast": "contrast()" }, classAttribute: "mlv-action-bar" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";@layer mlv.components{.mlv-action-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-action-bar *{box-sizing:border-box}.mlv-action-bar{--mlv-action-bar-translate-x: 0;--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-elevation-bg-3), transparent 50% );--mlv-action-bar-fg: var(--mlv-text-primary);--mlv-action-bar-border: var(--mlv-border-subtle);--mlv-action-bar-shadow: var(--mlv-shadow-raised);display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;padding:.75rem;background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);box-shadow:var(--mlv-action-bar-shadow);border-bottom:.0625rem solid var(--mlv-action-bar-border);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out),border-color var(--mlv-duration-fast) var(--mlv-ease-out)}@media(max-width:767.98px){.mlv-action-bar__actions{display:none}}.mlv-action-bar--pos-top{top:0;left:0;right:0}.mlv-action-bar--pos-bottom{inset:auto 0 0;border-top:.0625rem solid var(--mlv-action-bar-border);border-bottom:none}.mlv-action-bar--fixed{position:fixed;z-index:var(--mlv-z-sticky, 200)}.mlv-action-bar--sticky{position:sticky}.mlv-action-bar--wrap{flex-wrap:wrap}.mlv-action-bar--shape-pill{width:auto;max-width:calc(100% - 2rem);padding:.375rem .5rem .375rem .75rem;gap:var(--mlv-spacing-1);border:none;border-radius:var(--mlv-radius-full);box-shadow:0 1rem 2.25rem color-mix(in srgb,black 22%,transparent),0 .125rem .5rem color-mix(in srgb,black 14%,transparent)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed{--mlv-action-bar-translate-x: -50%;left:50%;right:auto;transform:translate(-50%)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-top{top:var(--mlv-spacing-3)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-bottom{top:auto;bottom:var(--mlv-spacing-4)}.mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-800) 62%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 18%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 22%, transparent), 0 .125rem .5rem color-mix(in srgb, black 12%, transparent);background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);border-color:var(--mlv-action-bar-border);backdrop-filter:saturate(1.4) blur(1.25rem);-webkit-backdrop-filter:saturate(1.4) blur(1.25rem)}.mlv-action-bar--contrast .mlv-button{--mlv-btn-text-color: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 14%, transparent );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent )}.mlv-action-bar--contrast .mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 85%, var(--mlv-action-bar-bg) );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, var(--mlv-action-bar-bg) );--mlv-btn-text-color: var(--mlv-action-bar-bg)}.mlv-action-bar--contrast .mlv-action-bar__logo,.mlv-action-bar--contrast .mlv-link{color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper{--container-background-color: color-mix( in srgb, var(--mlv-action-bar-fg) 10%, transparent );--container-border-color: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent );--container-side-content-color: var(--mlv-action-bar-fg);--container-action-color: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, transparent );color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea,.mlv-action-bar--contrast .mlv-form-control-wrapper select{color:var(--mlv-action-bar-fg);caret-color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper select::placeholder{color:color-mix(in srgb,var(--mlv-action-bar-fg) 55%,transparent)}[mlvTheme=dark] .mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-700) 68%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 20%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 45%, transparent), 0 .125rem .5rem color-mix(in srgb, black 30%, transparent)}.mlv-action-bar--enter{animation:mlv-action-bar-enter-top var(--mlv-duration-normal) var(--mlv-ease-out-strong) both}.mlv-action-bar--leave{animation:mlv-action-bar-leave-top var(--mlv-duration-fast) var(--mlv-ease-in) both}.mlv-action-bar--pos-bottom.mlv-action-bar--enter{animation-name:mlv-action-bar-enter-bottom}.mlv-action-bar--pos-bottom.mlv-action-bar--leave{animation-name:mlv-action-bar-leave-bottom}@media(prefers-reduced-motion:reduce){.mlv-action-bar--enter,.mlv-action-bar--leave{animation-duration:1ms}}@keyframes mlv-action-bar-enter-top{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}}@keyframes mlv-action-bar-leave-top{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}}@keyframes mlv-action-bar-enter-bottom{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}}@keyframes mlv-action-bar-leave-bottom{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBar, decorators: [{
+            type: Component,
+            args: [{ selector: '[mlvActionBar]', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-action-bar',
+                        '[class.mlv-action-bar--fixed]': 'fixed()',
+                        '[class.mlv-action-bar--sticky]': 'sticky()',
+                        '[class.mlv-action-bar--pos-top]': 'position() === "top"',
+                        '[class.mlv-action-bar--pos-bottom]': 'position() === "bottom"',
+                        '[class.mlv-action-bar--shape-pill]': 'shape() === "pill"',
+                        '[class.mlv-action-bar--wrap]': 'wrap()',
+                        '[class.mlv-action-bar--contrast]': 'contrast()',
+                        'animate.enter': 'mlv-action-bar--enter',
+                        'animate.leave': 'mlv-action-bar--leave',
+                    }, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";@layer mlv.components{.mlv-action-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-action-bar *{box-sizing:border-box}.mlv-action-bar{--mlv-action-bar-translate-x: 0;--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-elevation-bg-3), transparent 50% );--mlv-action-bar-fg: var(--mlv-text-primary);--mlv-action-bar-border: var(--mlv-border-subtle);--mlv-action-bar-shadow: var(--mlv-shadow-raised);display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;padding:.75rem;background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);box-shadow:var(--mlv-action-bar-shadow);border-bottom:.0625rem solid var(--mlv-action-bar-border);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out),border-color var(--mlv-duration-fast) var(--mlv-ease-out)}@media(max-width:767.98px){.mlv-action-bar__actions{display:none}}.mlv-action-bar--pos-top{top:0;left:0;right:0}.mlv-action-bar--pos-bottom{inset:auto 0 0;border-top:.0625rem solid var(--mlv-action-bar-border);border-bottom:none}.mlv-action-bar--fixed{position:fixed;z-index:var(--mlv-z-sticky, 200)}.mlv-action-bar--sticky{position:sticky}.mlv-action-bar--wrap{flex-wrap:wrap}.mlv-action-bar--shape-pill{width:auto;max-width:calc(100% - 2rem);padding:.375rem .5rem .375rem .75rem;gap:var(--mlv-spacing-1);border:none;border-radius:var(--mlv-radius-full);box-shadow:0 1rem 2.25rem color-mix(in srgb,black 22%,transparent),0 .125rem .5rem color-mix(in srgb,black 14%,transparent)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed{--mlv-action-bar-translate-x: -50%;left:50%;right:auto;transform:translate(-50%)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-top{top:var(--mlv-spacing-3)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-bottom{top:auto;bottom:var(--mlv-spacing-4)}.mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-800) 62%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 18%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 22%, transparent), 0 .125rem .5rem color-mix(in srgb, black 12%, transparent);background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);border-color:var(--mlv-action-bar-border);backdrop-filter:saturate(1.4) blur(1.25rem);-webkit-backdrop-filter:saturate(1.4) blur(1.25rem)}.mlv-action-bar--contrast .mlv-button{--mlv-btn-text-color: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 14%, transparent );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent )}.mlv-action-bar--contrast .mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 85%, var(--mlv-action-bar-bg) );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, var(--mlv-action-bar-bg) );--mlv-btn-text-color: var(--mlv-action-bar-bg)}.mlv-action-bar--contrast .mlv-action-bar__logo,.mlv-action-bar--contrast .mlv-link{color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper{--container-background-color: color-mix( in srgb, var(--mlv-action-bar-fg) 10%, transparent );--container-border-color: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent );--container-side-content-color: var(--mlv-action-bar-fg);--container-action-color: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, transparent );color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea,.mlv-action-bar--contrast .mlv-form-control-wrapper select{color:var(--mlv-action-bar-fg);caret-color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper select::placeholder{color:color-mix(in srgb,var(--mlv-action-bar-fg) 55%,transparent)}[mlvTheme=dark] .mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-700) 68%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 20%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 45%, transparent), 0 .125rem .5rem color-mix(in srgb, black 30%, transparent)}.mlv-action-bar--enter{animation:mlv-action-bar-enter-top var(--mlv-duration-normal) var(--mlv-ease-out-strong) both}.mlv-action-bar--leave{animation:mlv-action-bar-leave-top var(--mlv-duration-fast) var(--mlv-ease-in) both}.mlv-action-bar--pos-bottom.mlv-action-bar--enter{animation-name:mlv-action-bar-enter-bottom}.mlv-action-bar--pos-bottom.mlv-action-bar--leave{animation-name:mlv-action-bar-leave-bottom}@media(prefers-reduced-motion:reduce){.mlv-action-bar--enter,.mlv-action-bar--leave{animation-duration:1ms}}@keyframes mlv-action-bar-enter-top{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}}@keyframes mlv-action-bar-leave-top{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}}@keyframes mlv-action-bar-enter-bottom{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}}@keyframes mlv-action-bar-leave-bottom{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}}}\n"] }]
+        }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], contrast: [{ type: i0.Input, args: [{ isSignal: true, alias: "contrast", required: false }] }] } });
+
+/**
+ * Marks desktop-only action-bar content that is hidden at the medium
+ * breakpoint and below.
+ */
+class MlvActionBarActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvActionBarActions, isStandalone: true, selector: "[mlvActionBarActions]", host: { classAttribute: "mlv-action-bar__actions" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvActionBarActions]',
+                    host: {
+                        class: 'mlv-action-bar__actions',
+                    },
+                }]
+        }] });
+
+class MlvActionBarLogo {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarLogo, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvActionBarLogo, isStandalone: true, selector: "[mlvActionBarLogo]", host: { classAttribute: "mlv-action-bar__logo" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer mlv.components{.mlv-action-bar__logo{display:flex;align-items:center;gap:var(--mlv-spacing-2);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-l);font-weight:500;text-decoration:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarLogo, decorators: [{
+            type: Component,
+            args: [{ selector: '[mlvActionBarLogo]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-action-bar__logo',
+                    }, styles: ["@layer mlv.components{.mlv-action-bar__logo{display:flex;align-items:center;gap:var(--mlv-spacing-2);color:var(--mlv-text-primary);font-size:var(--mlv-font-size-l);font-weight:500;text-decoration:none}}\n"] }]
+        }] });
+
+class MlvActionBarSpacer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarSpacer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvActionBarSpacer, isStandalone: true, selector: "[mlvActionBarSpacer]", host: { classAttribute: "mlv-action-bar__spacer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-action-bar__spacer{display:inline-flex;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBarSpacer, decorators: [{
+            type: Component,
+            args: [{ selector: '[mlvActionBarSpacer]', host: {
+                        class: 'mlv-action-bar__spacer',
+                    }, template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mlv-action-bar__spacer{display:inline-flex;flex-grow:1}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvActionBar, MlvActionBarActions, MlvActionBarLogo, MlvActionBarSpacer };
+//# sourceMappingURL=malva-ui-core-action-bar.mjs.map

package/fesm2022/malva-ui-core-action-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-action-bar.mjs","sources":["../../../../libs/core/action-bar/src/lib/action-bar/action-bar.ts","../../../../libs/core/action-bar/src/lib/action-bar/action-bar.html","../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-actions.ts","../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-logo.ts","../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-spacer.ts","../../../../libs/core/action-bar/src/malva-ui-core-action-bar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * Vertical anchor of the action bar. `'bottom'` is the natural companion to\n * `shape=\"pill\"` + `contrast` for floating selection toolbars that appear when\n * the user selects rows in a data-table.\n */\nexport type MlvActionBarPosition = 'top' | 'bottom';\n\n/**\n * Visual shape of the action bar.\n *\n * - `'default'` — full-width bar with a flush bottom / top border.\n * - `'pill'` — content-width floating pill with a fully rounded radius and a\n *   drop shadow. When paired with `fixed`, the pill auto-centers horizontally.\n */\nexport type MlvActionBarShape = 'default' | 'pill';\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: '[mlvActionBar]',\n  imports: [],\n  templateUrl: './action-bar.html',\n  styleUrl: './action-bar.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-action-bar',\n    '[class.mlv-action-bar--fixed]': 'fixed()',\n    '[class.mlv-action-bar--sticky]': 'sticky()',\n    '[class.mlv-action-bar--pos-top]': 'position() === \"top\"',\n    '[class.mlv-action-bar--pos-bottom]': 'position() === \"bottom\"',\n    '[class.mlv-action-bar--shape-pill]': 'shape() === \"pill\"',\n    '[class.mlv-action-bar--wrap]': 'wrap()',\n    '[class.mlv-action-bar--contrast]': 'contrast()',\n    'animate.enter': 'mlv-action-bar--enter',\n    'animate.leave': 'mlv-action-bar--leave',\n  },\n})\nexport class MlvActionBar {\n  /**\n   * Applies `position: sticky` so the bar stays pinned while its scroll\n   * container scrolls past it.\n   */\n  readonly sticky = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Applies `position: fixed` so the bar stays pinned to the viewport. When\n   * combined with `shape=\"pill\"`, the bar is auto-centered horizontally.\n   */\n  readonly fixed = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Vertical placement of the bar. Used as the anchor edge when combined with\n   * `fixed` or `sticky`, and as the enter/leave animation direction.\n   * Defaults to `'top'`.\n   */\n  readonly position = input<MlvActionBarPosition>('top');\n\n  /**\n   * Visual shape. See {@link MlvActionBarShape}. Defaults to `'default'`.\n   */\n  readonly shape = input<MlvActionBarShape>('default');\n\n  /**\n   * Lets the bar's content flow onto further lines once it no longer fits on\n   * one, instead of overflowing its container.\n   *\n   * Off by default, so an application navigation bar keeps its single-row\n   * geometry and relies on `[mlvActionBarActions]` to shed controls at narrow\n   * widths. Turn it on for content-heavy bars — for example a workflow toolbar\n   * projected into `mlv-page-dock` — that must stay fully reachable on a\n   * narrow canvas. On a wide viewport nothing wraps and the look is unchanged.\n   */\n  readonly wrap = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Renders the bar on a dark, inverted surface so it stands out from the\n   * surrounding content. On the light theme the bar becomes a distinctive\n   * near-black surface; on the dark theme it flips to a contrasting lighter\n   * surface. Child controls automatically adapt their text / icon color so\n   * they remain readable on the inverted background.\n   */\n  readonly contrast = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n/**\n * Marks desktop-only action-bar content that is hidden at the medium\n * breakpoint and below.\n */\n@Directive({\n  selector: '[mlvActionBarActions]',\n  host: {\n    class: 'mlv-action-bar__actions',\n  },\n})\nexport class MlvActionBarActions {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\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: '[mlvActionBarLogo]',\n  template: '<ng-content />',\n  styleUrl: './action-bar-logo.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-action-bar__logo',\n  },\n})\nexport class MlvActionBarLogo {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\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: '[mlvActionBarSpacer]',\n  styles: [\n    `\n      .mlv-action-bar__spacer {\n        display: inline-flex;\n        flex-grow: 1;\n      }\n    `,\n  ],\n  host: {\n    class: 'mlv-action-bar__spacer',\n  },\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MlvActionBarSpacer {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, input, output, signal, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { LucideInfo, LucideCheckCircle, LucideTriangleAlert, LucideCircleX, LucideX } from '@lucide/angular';
+import { MLV_ALERT_I18N } from '@malva-ui/i18n';
+import { MlvButtonClose } from '@malva-ui/core/button';
+
+/**
+ * Slot directive for projecting a custom icon into the alert's icon area.
+ *
+ * Place inside an `<ng-template>` inside `<mlv-alert>` to override the
+ * default tone icon with custom content.
+ *
+ * @example
+ * ```html
+ * <mlv-alert tone="info">
+ *   <ng-template mlvAlertIcon>
+ *     <svg lucideInfo [size]="16" />
+ *   </ng-template>
+ *   Your session will expire soon.
+ * </mlv-alert>
+ * ```
+ */
+class MlvAlertIcon {
+    /** The template reference for this icon slot. */
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAlertIcon, isStandalone: true, selector: "[mlvAlertIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlertIcon, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mlvAlertIcon]' }]
+        }] });
+/**
+ * Slot directive for projecting a custom title into the alert's title area.
+ *
+ * Place inside an `<ng-template>` inside `<mlv-alert>` to provide a structured
+ * title line above the main description content.
+ *
+ * @example
+ * ```html
+ * <mlv-alert tone="warning">
+ *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>
+ *   You have used 90% of your storage quota.
+ * </mlv-alert>
+ * ```
+ */
+class MlvAlertTitle {
+    /** The template reference for this title slot. */
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAlertTitle, isStandalone: true, selector: "[mlvAlertTitle]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlertTitle, decorators: [{
+            type: Directive,
+            args: [{ selector: '[mlvAlertTitle]' }]
+        }] });
+
+/**
+ * Inline feedback banner component for displaying contextual messages.
+ *
+ * Supports four semantic tones (`info`, `success`, `warning`, `danger`),
+ * optional dismiss button, custom icon slot, and separate title/description
+ * content projection slots.
+ *
+ * @example Basic
+ * ```html
+ * <mlv-alert tone="info">Your profile has been updated.</mlv-alert>
+ * ```
+ *
+ * @example With title
+ * ```html
+ * <mlv-alert tone="warning">
+ *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>
+ *   You have used 90% of your storage quota.
+ * </mlv-alert>
+ * ```
+ *
+ * @example Dismissible
+ * ```html
+ * <mlv-alert tone="success" dismissible (dismissed)="onDismissed()">
+ *   File uploaded successfully.
+ * </mlv-alert>
+ * ```
+ *
+ * @example Custom icon
+ * ```html
+ * <mlv-alert tone="info">
+ *   <ng-template mlvAlertIcon><svg lucideRocket [size]="16" /></ng-template>
+ *   New version available.
+ * </mlv-alert>
+ * ```
+ */
+class MlvAlert {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_ALERT_I18N);
+    /**
+     * The semantic tone of the alert.
+     * Controls the color scheme and default icon.
+     * Defaults to `'info'`.
+     */
+    tone = input('info', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, renders a dismiss (close) button in the alert.
+     * Clicking it emits `dismissed` and hides the alert.
+     * Supports attribute syntax: `<mlv-alert dismissible>`.
+     */
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, renders the alert with a transparent background and a colored border.
+     * The text and border color remain the tone foreground color.
+     * Supports attribute syntax: `<mlv-alert outlined>`.
+     */
+    outlined = input(false, { ...(ngDevMode ? { debugName: "outlined" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Emits when the user clicks the dismiss button.
+     * The alert is hidden automatically after emission.
+     */
+    dismissed = output();
+    /**
+     * @protected Tracks whether the alert has been dismissed by the user.
+     */
+    _dismissed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dismissed" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Query for the optional custom icon slot directive.
+     */
+    _iconSlot = contentChild(MlvAlertIcon, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_iconSlot" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Query for the optional title slot directive.
+     */
+    _titleSlot = contentChild(MlvAlertTitle, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_titleSlot" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Handles dismiss button click: marks as dismissed and emits output.
+     */
+    _onDismiss() {
+        this._dismissed.set(true);
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvAlert, isStandalone: true, selector: "mlv-alert", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { attributes: { "role": "alert" }, properties: { "class": "\"mlv-alert--tone-\" + tone()", "class.mlv-alert--dismissed": "_dismissed()", "class.mlv-alert--outlined": "outlined()", "attr.aria-live": "\"polite\"", "attr.hidden": "_dismissed() || null" }, classAttribute: "mlv-alert" }, queries: [{ propertyName: "_iconSlot", first: true, predicate: MlvAlertIcon, descendants: true, isSignal: true }, { propertyName: "_titleSlot", first: true, predicate: MlvAlertTitle, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (click)=\"_onDismiss()\"\n/>\n}\n", styles: ["@layer mlv.components{.mlv-alert{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-alert *{box-sizing:border-box}.mlv-alert{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix( in srgb, var(--mlv-border-info) 30%, transparent );--mlv-alert-icon-color: var(--mlv-text-info);display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--mlv-radius-m);border:var(--mlv-stroke-width) solid var(--mlv-alert-border);background-color:var(--mlv-alert-bg);color:var(--mlv-alert-color);width:100%;box-sizing:border-box;position:relative}.mlv-alert--dismissed{display:none}.mlv-alert--outlined{background-color:transparent}.mlv-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mlv-alert-icon-color);margin-top:.0625rem}.mlv-alert__body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.mlv-alert__title{font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-alert-color)}.mlv-alert__description{line-height:var(--mlv-line-height-normal);color:var(--mlv-text-secondary)}.mlv-alert .mlv-alert__dismiss{margin-block:-.25rem;margin-inline-end:-.375rem}.mlv-alert .mlv-alert__dismiss .mlv-button{opacity:.7;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert .mlv-alert__dismiss .mlv-button:hover,.mlv-alert .mlv-alert__dismiss .mlv-button:active{opacity:1;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert--tone-info{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-info) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-info)}.mlv-alert--tone-success{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-success) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-success) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-positive)}.mlv-alert--tone-warning{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-warning) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-warning) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-warning)}.mlv-alert--tone-danger{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-error) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-error) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-negative)}@media(prefers-reduced-motion:reduce){.mlv-alert,.mlv-alert *,.mlv-alert:before,.mlv-alert:after,[class^=mlv-alert__],[class*=\" mlv-alert__\"],[class^=mlv-alert--],[class*=\" mlv-alert--\"]{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: LucideInfo, selector: "svg[lucideInfo]" }, { kind: "component", type: LucideCheckCircle, selector: "svg[lucideCircleCheckBig], svg[lucideCheckCircle]" }, { kind: "component", type: LucideTriangleAlert, selector: "svg[lucideTriangleAlert], svg[lucideAlertTriangle]" }, { kind: "component", type: LucideCircleX, selector: "svg[lucideCircleX], svg[lucideXCircle]" }, { kind: "component", type: MlvButtonClose, selector: "mlv-button-close", inputs: ["variant", "shape", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAlert, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-alert', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgTemplateOutlet,
+                        LucideInfo,
+                        LucideCheckCircle,
+                        LucideTriangleAlert,
+                        LucideCircleX,
+                        LucideX,
+                        MlvButtonClose,
+                    ], host: {
+                        class: 'mlv-alert',
+                        '[class]': '"mlv-alert--tone-" + tone()',
+                        '[class.mlv-alert--dismissed]': '_dismissed()',
+                        '[class.mlv-alert--outlined]': 'outlined()',
+                        role: 'alert',
+                        '[attr.aria-live]': '"polite"',
+                        '[attr.hidden]': '_dismissed() || null',
+                    }, template: "<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (click)=\"_onDismiss()\"\n/>\n}\n", styles: ["@layer mlv.components{.mlv-alert{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-alert *{box-sizing:border-box}.mlv-alert{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix( in srgb, var(--mlv-border-info) 30%, transparent );--mlv-alert-icon-color: var(--mlv-text-info);display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--mlv-radius-m);border:var(--mlv-stroke-width) solid var(--mlv-alert-border);background-color:var(--mlv-alert-bg);color:var(--mlv-alert-color);width:100%;box-sizing:border-box;position:relative}.mlv-alert--dismissed{display:none}.mlv-alert--outlined{background-color:transparent}.mlv-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mlv-alert-icon-color);margin-top:.0625rem}.mlv-alert__body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.mlv-alert__title{font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-line-height-tight);color:var(--mlv-alert-color)}.mlv-alert__description{line-height:var(--mlv-line-height-normal);color:var(--mlv-text-secondary)}.mlv-alert .mlv-alert__dismiss{margin-block:-.25rem;margin-inline-end:-.375rem}.mlv-alert .mlv-alert__dismiss .mlv-button{opacity:.7;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert .mlv-alert__dismiss .mlv-button:hover,.mlv-alert .mlv-alert__dismiss .mlv-button:active{opacity:1;--mlv-btn-text-color: var(--mlv-alert-icon-color)}.mlv-alert--tone-info{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-info) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-info) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-info)}.mlv-alert--tone-success{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-success) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-success) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-positive)}.mlv-alert--tone-warning{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-warning) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-warning) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-warning)}.mlv-alert--tone-danger{--mlv-alert-bg: color-mix(in srgb, var(--mlv-border-error) 8%, transparent);--mlv-alert-color: var(--mlv-text-primary);--mlv-alert-border: color-mix(in srgb, var(--mlv-border-error) 30%, transparent);--mlv-alert-icon-color: var(--mlv-text-negative)}@media(prefers-reduced-motion:reduce){.mlv-alert,.mlv-alert *,.mlv-alert:before,.mlv-alert:after,[class^=mlv-alert__],[class*=\" mlv-alert__\"],[class^=mlv-alert--],[class*=\" mlv-alert--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], _iconSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvAlertIcon), { isSignal: true }] }], _titleSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvAlertTitle), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvAlert, MlvAlertIcon, MlvAlertTitle };
+//# sourceMappingURL=malva-ui-core-alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-alert.mjs","sources":["../../../../libs/core/alert/src/lib/alert/alert.directives.ts","../../../../libs/core/alert/src/lib/alert/alert.ts","../../../../libs/core/alert/src/lib/alert/alert.html","../../../../libs/core/alert/src/malva-ui-core-alert.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n/**\n * Slot directive for projecting a custom icon into the alert's icon area.\n *\n * Place inside an `<ng-template>` inside `<mlv-alert>` to override the\n * default tone icon with custom content.\n *\n * @example\n * ```html\n * <mlv-alert tone=\"info\">\n *   <ng-template mlvAlertIcon>\n *     <svg lucideInfo [size]=\"16\" />\n *   </ng-template>\n *   Your session will expire soon.\n * </mlv-alert>\n * ```\n */\n@Directive({ selector: '[mlvAlertIcon]' })\nexport class MlvAlertIcon {\n  /** The template reference for this icon slot. */\n  readonly templateRef = inject(TemplateRef);\n}\n\n/**\n * Slot directive for projecting a custom title into the alert's title area.\n *\n * Place inside an `<ng-template>` inside `<mlv-alert>` to provide a structured\n * title line above the main description content.\n *\n * @example\n * ```html\n * <mlv-alert tone=\"warning\">\n *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>\n *   You have used 90% of your storage quota.\n * </mlv-alert>\n * ```\n */\n@Directive({ selector: '[mlvAlertTitle]' })\nexport class MlvAlertTitle {\n  /** The template reference for this title slot. */\n  readonly templateRef = inject(TemplateRef);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  LucideInfo,\n  LucideCheckCircle,\n  LucideTriangleAlert,\n  LucideCircleX,\n  LucideX,\n} from '@lucide/angular';\nimport { MlvAlertIcon, MlvAlertTitle } from './alert.directives';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport { MLV_ALERT_I18N } from '@malva-ui/i18n';\nimport { MlvButtonClose } from '@malva-ui/core/button';\n\n/**\n * Inline feedback banner component for displaying contextual messages.\n *\n * Supports four semantic tones (`info`, `success`, `warning`, `danger`),\n * optional dismiss button, custom icon slot, and separate title/description\n * content projection slots.\n *\n * @example Basic\n * ```html\n * <mlv-alert tone=\"info\">Your profile has been updated.</mlv-alert>\n * ```\n *\n * @example With title\n * ```html\n * <mlv-alert tone=\"warning\">\n *   <ng-template mlvAlertTitle>Storage nearly full</ng-template>\n *   You have used 90% of your storage quota.\n * </mlv-alert>\n * ```\n *\n * @example Dismissible\n * ```html\n * <mlv-alert tone=\"success\" dismissible (dismissed)=\"onDismissed()\">\n *   File uploaded successfully.\n * </mlv-alert>\n * ```\n *\n * @example Custom icon\n * ```html\n * <mlv-alert tone=\"info\">\n *   <ng-template mlvAlertIcon><svg lucideRocket [size]=\"16\" /></ng-template>\n *   New version available.\n * </mlv-alert>\n * ```\n */\n@Component({\n  selector: 'mlv-alert',\n  templateUrl: './alert.html',\n  styleUrl: './alert.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    LucideInfo,\n    LucideCheckCircle,\n    LucideTriangleAlert,\n    LucideCircleX,\n    LucideX,\n    MlvButtonClose,\n  ],\n  host: {\n    class: 'mlv-alert',\n    '[class]': '\"mlv-alert--tone-\" + tone()',\n    '[class.mlv-alert--dismissed]': '_dismissed()',\n    '[class.mlv-alert--outlined]': 'outlined()',\n    role: 'alert',\n    '[attr.aria-live]': '\"polite\"',\n    '[attr.hidden]': '_dismissed() || null',\n  },\n})\nexport class MlvAlert {\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_ALERT_I18N);\n\n  /**\n   * The semantic tone of the alert.\n   * Controls the color scheme and default icon.\n   * Defaults to `'info'`.\n   */\n  readonly tone = input<MlvTone>('info');\n\n  /**\n   * When `true`, renders a dismiss (close) button in the alert.\n   * Clicking it emits `dismissed` and hides the alert.\n   * Supports attribute syntax: `<mlv-alert dismissible>`.\n   */\n  readonly dismissible = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, renders the alert with a transparent background and a colored border.\n   * The text and border color remain the tone foreground color.\n   * Supports attribute syntax: `<mlv-alert outlined>`.\n   */\n  readonly outlined = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Emits when the user clicks the dismiss button.\n   * The alert is hidden automatically after emission.\n   */\n  readonly dismissed = output<void>();\n\n  /**\n   * @protected Tracks whether the alert has been dismissed by the user.\n   */\n  protected readonly _dismissed = signal(false);\n\n  /**\n   * @protected Query for the optional custom icon slot directive.\n   */\n  protected readonly _iconSlot = contentChild(MlvAlertIcon);\n\n  /**\n   * @protected Query for the optional title slot directive.\n   */\n  protected readonly _titleSlot = contentChild(MlvAlertTitle);\n\n  /**\n   * @protected Handles dismiss button click: marks as dismissed and emits output.\n   */\n  protected _onDismiss(): void {\n    this._dismissed.set(true);\n    this.dismissed.emit();\n  }\n}\n","<div class=\"mlv-alert__icon\" aria-hidden=\"true\">\n  @if (_iconSlot(); as iconSlot) {\n  <ng-container [ngTemplateOutlet]=\"iconSlot.templateRef\" />\n  } @else { @switch (tone()) { @case ('success') {\n  <svg lucideCheckCircle [size]=\"18\" />\n  } @case ('warning') {\n  <svg lucideTriangleAlert [size]=\"18\" />\n  } @case ('danger') {\n  <svg lucideCircleX [size]=\"18\" />\n  } @default {\n  <svg lucideInfo [size]=\"18\" />\n  } } }\n</div>\n\n<div class=\"mlv-alert__body\">\n  @if (_titleSlot(); as titleSlot) {\n  <div class=\"mlv-alert__title\">\n    <ng-container [ngTemplateOutlet]=\"titleSlot.templateRef\" />\n  </div>\n  }\n  <div class=\"mlv-alert__description\">\n    <ng-content />\n  </div>\n</div>\n\n@if (dismissible()) {\n<mlv-button-close\n  class=\"mlv-alert__dismiss\"\n  mlvDensity=\"tight\"\n  [ariaLabel]=\"_i18n().dismiss\"\n  (click)=\"_onDismiss()\"\n/>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}