@malva-ui/core 0.1.12

package/empty-state/lib/empty-state/empty-state.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+/**
+ * Empty state component for displaying a placeholder when there is no content
+ * to show. Provides content projection slots for an icon or illustration,
+ * a title, a description, and one or more action buttons.
+ *
+ * All slots are optional — compose only the ones your use-case requires.
+ *
+ * @example Basic
+ * ```html
+ * <mlv-empty-state>
+ *   <ng-container mlvEmptyStateIcon>
+ *     <svg lucideInbox [size]="48" />
+ *   </ng-container>
+ *   <span mlvEmptyStateTitle>No items found</span>
+ * </mlv-empty-state>
+ * ```
+ *
+ * @example With action
+ * ```html
+ * <mlv-empty-state>
+ *   <ng-container mlvEmptyStateIcon><svg lucideFolder [size]="48" /></ng-container>
+ *   <span mlvEmptyStateTitle>No projects</span>
+ *   <span mlvEmptyStateDescription>Create your first project to get started.</span>
+ *   <ng-container mlvEmptyStateActions>
+ *     <button mlvButton>Create project</button>
+ *   </ng-container>
+ * </mlv-empty-state>
+ * ```
+ */
+export declare class MlvEmptyState {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MlvEmptyState, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MlvEmptyState, "mlv-empty-state", never, {}, {}, never, ["[mlvEmptyStateIcon]", "[mlvEmptyStateTitle]", "[mlvEmptyStateDescription]", "[mlvEmptyStateActions]"], true, never>;
+}

package/empty-state/malva-ui-core-empty-state.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@malva-ui/core/empty-state" />
+export * from './index';

package/esm2022/accordion/index.js

@@ -0,0 +1,4 @@
+export * from './lib/accordion/accordion';
+export * from './lib/accordion-item/accordion-item';
+export * from './lib/accordion-item/accordion-header';
+//# sourceMappingURL=index.js.map

package/esm2022/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/accordion/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './lib/accordion/accordion';\nexport * from './lib/accordion-item/accordion-item';\nexport * from './lib/accordion-item/accordion-header';\n"]}

package/esm2022/accordion/lib/accordion/accordion.js

@@ -0,0 +1,65 @@
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation, } from '@angular/core';
+import { AccordionGroup } from '@angular/aria/accordion';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/accordion";
+/**
+ * Vertical accordion container built on the `@angular/aria` `AccordionGroup`
+ * headless pattern. Projects one or more `mlv-accordion-item` children and
+ * coordinates their expand/collapse behaviour, single- vs multi-expand mode,
+ * and roving keyboard navigation (Arrow Up/Down, Home, End) across the item
+ * headers.
+ *
+ * The `@angular/aria` `AccordionGroup` is applied as a host directive so the
+ * `ACCORDION_GROUP` DI token it provides is visible to the triggers rendered
+ * inside each projected `mlv-accordion-item`. Its inputs are re-exposed
+ * verbatim on `<mlv-accordion>` — the aria directive owns the roles, keyboard
+ * event listeners, roving tabindex, and `aria-*` wiring.
+ *
+ * @example Single-expand (default aria behaviour is multi-expand)
+ * ```html
+ * <mlv-accordion [multiExpandable]="false">
+ *   <mlv-accordion-item header="Shipping">…</mlv-accordion-item>
+ *   <mlv-accordion-item header="Returns">…</mlv-accordion-item>
+ * </mlv-accordion>
+ * ```
+ *
+ * @example Programmatic expand/collapse all
+ * ```html
+ * <mlv-accordion #acc [multiExpandable]="true">…</mlv-accordion>
+ * <button (click)="acc.expandAll()">Expand all</button>
+ * <button (click)="acc.collapseAll()">Collapse all</button>
+ * ```
+ */
+export class MlvAccordion {
+    /**
+     * @private The host `@angular/aria` `AccordionGroup` directive instance,
+     * used to delegate the imperative `expandAll()` / `collapseAll()` calls.
+     */
+    _group = inject(AccordionGroup);
+    /**
+     * Expands every accordion item. Only has an effect when `multiExpandable`
+     * is `true`; in single-expand mode the aria pattern keeps at most one panel
+     * open.
+     */
+    expandAll() {
+        this._group.expandAll();
+    }
+    /** Collapses every accordion item. */
+    collapseAll() {
+        this._group.collapseAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvAccordion, isStandalone: true, selector: "mlv-accordion", host: { classAttribute: "mlv-accordion" }, hostDirectives: [{ directive: i1.AccordionGroup, inputs: ["multiExpandable", "multiExpandable", "disabled", "disabled", "softDisabled", "softDisabled", "wrap", "wrap"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-accordion{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion *{box-sizing:border-box}.mlv-accordion{display:block;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-card);overflow:hidden;background-color:var(--mlv-background-raised)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: AccordionGroup,
+                            inputs: ['multiExpandable', 'disabled', 'softDisabled', 'wrap'],
+                        },
+                    ], host: {
+                        class: 'mlv-accordion',
+                    }, styles: [".mlv-accordion{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion *{box-sizing:border-box}.mlv-accordion{display:block;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-card);overflow:hidden;background-color:var(--mlv-background-raised)}\n"] }]
+        }] });
+//# sourceMappingURL=accordion.js.map

package/esm2022/accordion/lib/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAiBH,MAAM,OAAO,YAAY;IACvB;;;OAGG;IACc,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD;;;;OAIG;IACH,SAAS;QACP,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,sCAAsC;IACtC,WAAW;QACT,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;uGAnBU,YAAY;2FAAZ,YAAY,gSAdb,gBAAgB;;2FAcf,YAAY;kBAhBxB,SAAS;+BACE,eAAe,YACf,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,kBAC/B;wBACd;4BACE,SAAS,EAAE,cAAc;4BACzB,MAAM,EAAE,CAAC,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;yBAChE;qBACF,QACK;wBACJ,KAAK,EAAE,eAAe;qBACvB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AccordionGroup } from '@angular/aria/accordion';\n\n/**\n * Vertical accordion container built on the `@angular/aria` `AccordionGroup`\n * headless pattern. Projects one or more `mlv-accordion-item` children and\n * coordinates their expand/collapse behaviour, single- vs multi-expand mode,\n * and roving keyboard navigation (Arrow Up/Down, Home, End) across the item\n * headers.\n *\n * The `@angular/aria` `AccordionGroup` is applied as a host directive so the\n * `ACCORDION_GROUP` DI token it provides is visible to the triggers rendered\n * inside each projected `mlv-accordion-item`. Its inputs are re-exposed\n * verbatim on `<mlv-accordion>` — the aria directive owns the roles, keyboard\n * event listeners, roving tabindex, and `aria-*` wiring.\n *\n * @example Single-expand (default aria behaviour is multi-expand)\n * ```html\n * <mlv-accordion [multiExpandable]=\"false\">\n *   <mlv-accordion-item header=\"Shipping\">…</mlv-accordion-item>\n *   <mlv-accordion-item header=\"Returns\">…</mlv-accordion-item>\n * </mlv-accordion>\n * ```\n *\n * @example Programmatic expand/collapse all\n * ```html\n * <mlv-accordion #acc [multiExpandable]=\"true\">…</mlv-accordion>\n * <button (click)=\"acc.expandAll()\">Expand all</button>\n * <button (click)=\"acc.collapseAll()\">Collapse all</button>\n * ```\n */\n@Component({\n  selector: 'mlv-accordion',\n  template: '<ng-content />',\n  styleUrl: './accordion.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: AccordionGroup,\n      inputs: ['multiExpandable', 'disabled', 'softDisabled', 'wrap'],\n    },\n  ],\n  host: {\n    class: 'mlv-accordion',\n  },\n})\nexport class MlvAccordion {\n  /**\n   * @private The host `@angular/aria` `AccordionGroup` directive instance,\n   * used to delegate the imperative `expandAll()` / `collapseAll()` calls.\n   */\n  private readonly _group = inject(AccordionGroup);\n\n  /**\n   * Expands every accordion item. Only has an effect when `multiExpandable`\n   * is `true`; in single-expand mode the aria pattern keeps at most one panel\n   * open.\n   */\n  expandAll(): void {\n    this._group.expandAll();\n  }\n\n  /** Collapses every accordion item. */\n  collapseAll(): void {\n    this._group.collapseAll();\n  }\n}\n"]}

package/esm2022/accordion/lib/accordion-item/accordion-header.js

@@ -0,0 +1,30 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marks projected content as the rich header of a `mlv-accordion-item`.
+ *
+ * Use it when the header needs more than the plain `header` string input
+ * (icons, badges, multi-line markup). When present, it renders inside the
+ * accordion trigger button alongside — or instead of — the `header` text.
+ *
+ * @example
+ * ```html
+ * <mlv-accordion-item>
+ *   <span mlvAccordionHeader>
+ *     <svg lucideFolder [size]="16" /> Documents
+ *   </span>
+ *   <p>Panel content…</p>
+ * </mlv-accordion-item>
+ * ```
+ */
+export class MlvAccordionHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAccordionHeader, isStandalone: true, selector: "[mlvAccordionHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvAccordionHeader]',
+                }]
+        }] });
+//# sourceMappingURL=accordion-header.js.map

package/esm2022/accordion/lib/accordion-item/accordion-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-header.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;;;;;;;;;;;;GAgBG;AAIH,MAAM,OAAO,kBAAkB;uGAAlB,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAH9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;iBACjC","sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Marks projected content as the rich header of a `mlv-accordion-item`.\n *\n * Use it when the header needs more than the plain `header` string input\n * (icons, badges, multi-line markup). When present, it renders inside the\n * accordion trigger button alongside — or instead of — the `header` text.\n *\n * @example\n * ```html\n * <mlv-accordion-item>\n *   <span mlvAccordionHeader>\n *     <svg lucideFolder [size]=\"16\" /> Documents\n *   </span>\n *   <p>Panel content…</p>\n * </mlv-accordion-item>\n * ```\n */\n@Directive({\n  selector: '[mlvAccordionHeader]',\n})\nexport class MlvAccordionHeader {}\n"]}

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

@@ -0,0 +1,70 @@
+import { ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { AccordionContent, AccordionPanel, AccordionTrigger, } from '@angular/aria/accordion';
+import { MlvExpand } from '@malva-ui/core/expand';
+import { LucideChevronDown } from '@lucide/angular';
+import * as i0 from "@angular/core";
+/**
+ * A single expandable section of a `mlv-accordion`.
+ *
+ * Renders a header button (the `@angular/aria` `AccordionTrigger`) and a
+ * lazily-rendered content region (`AccordionPanel` + `AccordionContent`). The
+ * visual open/close animation is provided by wrapping the panel content in
+ * `mlv-expand`; the aria directives own the `role`, `aria-expanded`,
+ * `aria-controls`/`aria-labelledby` linkage, `inert`, and keyboard handling.
+ *
+ * Panel content is rendered lazily on first expand via aria's `DeferredContent`
+ * and then kept mounted (`preserveContent`) so the `mlv-expand`
+ * grid-row animation is never torn down mid-transition — the collapse hides the
+ * content through `mlv-expand`'s own `@if`, not by unmounting the panel.
+ *
+ * @example
+ * ```html
+ * <mlv-accordion>
+ *   <mlv-accordion-item header="Billing" [(expanded)]="billingOpen">
+ *     <p>Manage your billing details…</p>
+ *   </mlv-accordion-item>
+ * </mlv-accordion>
+ * ```
+ */
+export class MlvAccordionItem {
+    /**
+     * Plain-text header shown in the trigger button. For rich header content
+     * (icons, badges) project an element marked with the `mlvAccordionHeader`
+     * directive instead.
+     */
+    header = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    /**
+     * Disables this item: the trigger becomes non-interactive and gets
+     * `aria-disabled="true"`. Whether it stays keyboard-focusable is governed by
+     * the parent `mlv-accordion`'s `softDisabled` input (aria default: focusable).
+     * Supports attribute syntax: `<mlv-accordion-item disabled>`.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Two-way bindable expanded state of this item. Bind with
+     * `[(expanded)]="mySignal"`, or observe changes with
+     * `(expandedChange)="onToggle($event)"`. Kept in sync with the aria
+     * `AccordionTrigger` expansion model.
+     */
+    expanded = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvAccordionItem, isStandalone: true, selector: "mlv-accordion-item", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.mlv-accordion-item--open": "expanded()", "class.mlv-accordion-item--disabled": "disabled()" }, classAttribute: "mlv-accordion-item" }, ngImport: i0, template: "<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n", styles: [".mlv-accordion-item{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion-item *{box-sizing:border-box}.mlv-accordion-item{display:block}.mlv-accordion-item+.mlv-accordion-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-accordion-item__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.mlv-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);width:100%;padding:var(--mlv-padding-l);border:none;background:transparent;color:var(--mlv-text-primary);font-family:inherit;font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);text-align:start;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-accordion-item__trigger:hover,.mlv-accordion-item__trigger[aria-expanded=true]{--mlv-accordion-icon-opacity: 1}.mlv-accordion-item__trigger:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-stroke-width) * -2)}.mlv-accordion-item__trigger[aria-disabled=true]{cursor:not-allowed;color:var(--mlv-text-disabled)}.mlv-accordion-item__title{display:inline-flex;align-items:center;gap:var(--mlv-spacing-3);min-width:0}.mlv-accordion-item__icon{flex:none;color:var(--mlv-text-secondary);transition:transform var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-normal) var(--mlv-ease-default);opacity:var(--mlv-accordion-icon-opacity, .5)}@media(prefers-reduced-motion:reduce){.mlv-accordion-item__icon{transition:none}}.mlv-accordion-item__content{padding:var(--mlv-padding-l);color:var(--mlv-text-secondary)}.mlv-accordion-item--open .mlv-accordion-item__icon{transform:rotate(180deg)}.mlv-accordion-item--disabled{opacity:var(--mlv-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: AccordionTrigger, selector: "[ngAccordionTrigger]", inputs: ["panel", "id", "disabled", "expanded"], outputs: ["expandedChange"], exportAs: ["ngAccordionTrigger"] }, { kind: "directive", type: AccordionPanel, selector: "[ngAccordionPanel]", inputs: ["id"], exportAs: ["ngAccordionPanel"] }, { kind: "directive", type: AccordionContent, selector: "ng-template[ngAccordionContent]" }, { kind: "component", type: MlvExpand, selector: "mlv-expand", inputs: ["opened", "disabled", "ariaLabel", "ariaLabelledBy"], outputs: ["openedChange"] }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-accordion-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AccordionTrigger,
+                        AccordionPanel,
+                        AccordionContent,
+                        MlvExpand,
+                        LucideChevronDown,
+                    ], host: {
+                        class: 'mlv-accordion-item',
+                        '[class.mlv-accordion-item--open]': 'expanded()',
+                        '[class.mlv-accordion-item--disabled]': 'disabled()',
+                    }, template: "<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n", styles: [".mlv-accordion-item{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion-item *{box-sizing:border-box}.mlv-accordion-item{display:block}.mlv-accordion-item+.mlv-accordion-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-accordion-item__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.mlv-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);width:100%;padding:var(--mlv-padding-l);border:none;background:transparent;color:var(--mlv-text-primary);font-family:inherit;font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);text-align:start;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-accordion-item__trigger:hover,.mlv-accordion-item__trigger[aria-expanded=true]{--mlv-accordion-icon-opacity: 1}.mlv-accordion-item__trigger:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-stroke-width) * -2)}.mlv-accordion-item__trigger[aria-disabled=true]{cursor:not-allowed;color:var(--mlv-text-disabled)}.mlv-accordion-item__title{display:inline-flex;align-items:center;gap:var(--mlv-spacing-3);min-width:0}.mlv-accordion-item__icon{flex:none;color:var(--mlv-text-secondary);transition:transform var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-normal) var(--mlv-ease-default);opacity:var(--mlv-accordion-icon-opacity, .5)}@media(prefers-reduced-motion:reduce){.mlv-accordion-item__icon{transition:none}}.mlv-accordion-item__content{padding:var(--mlv-padding-l);color:var(--mlv-text-secondary)}.mlv-accordion-item--open .mlv-accordion-item__icon{transform:rotate(180deg)}.mlv-accordion-item--disabled{opacity:var(--mlv-disabled-opacity)}\n"] }]
+        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] } });
+//# sourceMappingURL=accordion-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-item.ts","../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-item.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAoBH,MAAM,OAAO,gBAAgB;IAC3B;;;;OAIG;IACM,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC,CAAC;IAEpC;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAU,KAAK;iFAAC,CAAC;uGAxB/B,gBAAgB;2FAAhB,gBAAgB,oqBC3D7B,k2BAmCA,8+DDYI,gBAAgB,iLAChB,cAAc,+GACd,gBAAgB,4EAChB,SAAS,iJACT,iBAAiB;;2FAQR,gBAAgB;kBAnB5B,SAAS;+BACE,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC;wBACP,gBAAgB;wBAChB,cAAc;wBACd,gBAAgB;wBAChB,SAAS;wBACT,iBAAiB;qBAClB,QACK;wBACJ,KAAK,EAAE,oBAAoB;wBAC3B,kCAAkC,EAAE,YAAY;wBAChD,sCAAsC,EAAE,YAAY;qBACrD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  AccordionContent,\n  AccordionPanel,\n  AccordionTrigger,\n} from '@angular/aria/accordion';\nimport { MlvExpand } from '@malva-ui/core/expand';\nimport { LucideChevronDown } from '@lucide/angular';\n\n/**\n * A single expandable section of a `mlv-accordion`.\n *\n * Renders a header button (the `@angular/aria` `AccordionTrigger`) and a\n * lazily-rendered content region (`AccordionPanel` + `AccordionContent`). The\n * visual open/close animation is provided by wrapping the panel content in\n * `mlv-expand`; the aria directives own the `role`, `aria-expanded`,\n * `aria-controls`/`aria-labelledby` linkage, `inert`, and keyboard handling.\n *\n * Panel content is rendered lazily on first expand via aria's `DeferredContent`\n * and then kept mounted (`preserveContent`) so the `mlv-expand`\n * grid-row animation is never torn down mid-transition — the collapse hides the\n * content through `mlv-expand`'s own `@if`, not by unmounting the panel.\n *\n * @example\n * ```html\n * <mlv-accordion>\n *   <mlv-accordion-item header=\"Billing\" [(expanded)]=\"billingOpen\">\n *     <p>Manage your billing details…</p>\n *   </mlv-accordion-item>\n * </mlv-accordion>\n * ```\n */\n@Component({\n  selector: 'mlv-accordion-item',\n  templateUrl: './accordion-item.html',\n  styleUrl: './accordion-item.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AccordionTrigger,\n    AccordionPanel,\n    AccordionContent,\n    MlvExpand,\n    LucideChevronDown,\n  ],\n  host: {\n    class: 'mlv-accordion-item',\n    '[class.mlv-accordion-item--open]': 'expanded()',\n    '[class.mlv-accordion-item--disabled]': 'disabled()',\n  },\n})\nexport class MlvAccordionItem {\n  /**\n   * Plain-text header shown in the trigger button. For rich header content\n   * (icons, badges) project an element marked with the `mlvAccordionHeader`\n   * directive instead.\n   */\n  readonly header = input<string>('');\n\n  /**\n   * Disables this item: the trigger becomes non-interactive and gets\n   * `aria-disabled=\"true\"`. Whether it stays keyboard-focusable is governed by\n   * the parent `mlv-accordion`'s `softDisabled` input (aria default: focusable).\n   * Supports attribute syntax: `<mlv-accordion-item disabled>`.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Two-way bindable expanded state of this item. Bind with\n   * `[(expanded)]=\"mySignal\"`, or observe changes with\n   * `(expandedChange)=\"onToggle($event)\"`. Kept in sync with the aria\n   * `AccordionTrigger` expansion model.\n   */\n  readonly expanded = model<boolean>(false);\n}\n","<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n"]}

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

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

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

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

package/esm2022/action-bar/index.js

@@ -0,0 +1,5 @@
+export * from './lib/action-bar/action-bar';
+export * from './lib/action-bar/components/action-bar-actions';
+export * from './lib/action-bar/components/action-bar-logo';
+export * from './lib/action-bar/components/action-bar-spacer';
+//# sourceMappingURL=index.js.map

package/esm2022/action-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/action-bar/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC","sourcesContent":["export * from './lib/action-bar/action-bar';\nexport * from './lib/action-bar/components/action-bar-actions';\nexport * from './lib/action-bar/components/action-bar-logo';\nexport * from './lib/action-bar/components/action-bar-spacer';\n"]}

package/esm2022/action-bar/lib/action-bar/action-bar.js

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export 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\";.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-1);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\";.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-1);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 }] }] } });
+//# sourceMappingURL=action-bar.js.map

package/esm2022/action-bar/lib/action-bar/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../../../../../../../libs/core/action-bar/src/lib/action-bar/action-bar.ts","../../../../../../../libs/core/action-bar/src/lib/action-bar/action-bar.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;AAyC9D,MAAM,OAAO,YAAY;IACvB;;;OAGG;IACM,MAAM,GAAG,KAAK,CAAwB,KAAK,8EAClD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;OAGG;IACM,KAAK,GAAG,KAAK,CAAwB,KAAK,6EACjD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,QAAQ,GAAG,KAAK,CAAuB,KAAK;iFAAC,CAAC;IAEvD;;OAEG;IACM,KAAK,GAAG,KAAK,CAAoB,SAAS;8EAAC,CAAC;IAErD;;;;;;;;;OASG;IACM,IAAI,GAAG,KAAK,CAAwB,KAAK,4EAChD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;;OAMG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;uGApDQ,YAAY;2FAAZ,YAAY,8zCChDzB,6BACA;;2FD+Ca,YAAY;kBAvBxB,SAAS;+BAIE,gBAAgB,WACjB,EAAE,iBAGI,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,gBAAgB;wBACvB,+BAA+B,EAAE,SAAS;wBAC1C,gCAAgC,EAAE,UAAU;wBAC5C,iCAAiC,EAAE,sBAAsB;wBACzD,oCAAoC,EAAE,yBAAyB;wBAC/D,oCAAoC,EAAE,oBAAoB;wBAC1D,8BAA8B,EAAE,QAAQ;wBACxC,kCAAkC,EAAE,YAAY;wBAChD,eAAe,EAAE,uBAAuB;wBACxC,eAAe,EAAE,uBAAuB;qBACzC","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"]}

package/esm2022/action-bar/lib/action-bar/components/action-bar-actions.js

@@ -0,0 +1,20 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marks desktop-only action-bar content that is hidden at the medium
+ * breakpoint and below.
+ */
+export 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',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=action-bar-actions.js.map

package/esm2022/action-bar/lib/action-bar/components/action-bar-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-actions.js","sourceRoot":"","sources":["../../../../../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAOH,MAAM,OAAO,mBAAmB;uGAAnB,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAN/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,KAAK,EAAE,yBAAyB;qBACjC;iBACF","sourcesContent":["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"]}

package/esm2022/action-bar/lib/action-bar/components/action-bar-logo.js

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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: [".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: [".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"] }]
+        }] });
+//# sourceMappingURL=action-bar-logo.js.map

package/esm2022/action-bar/lib/action-bar/components/action-bar-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-logo.js","sourceRoot":"","sources":["../../../../../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-logo.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAevB,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB,gIARjB,gBAAgB;;2FAQf,gBAAgB;kBAb5B,SAAS;+BAIE,oBAAoB,YACpB,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B","sourcesContent":["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"]}

package/esm2022/action-bar/lib/action-bar/components/action-bar-spacer.js

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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"] }]
+        }] });
+//# sourceMappingURL=action-bar-spacer.js.map

package/esm2022/action-bar/lib/action-bar/components/action-bar-spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-spacer.js","sourceRoot":"","sources":["../../../../../../../../libs/core/action-bar/src/lib/action-bar/components/action-bar-spacer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAsBvB,MAAM,OAAO,kBAAkB;uGAAlB,kBAAkB;2FAAlB,kBAAkB,oIAJnB,gBAAgB;;2FAIf,kBAAkB;kBApB9B,SAAS;+BAIE,sBAAsB,QAS1B;wBACJ,KAAK,EAAE,wBAAwB;qBAChC,YACS,gBAAgB,iBACX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM","sourcesContent":["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"]}

package/esm2022/action-bar/malva-ui-core-action-bar.js

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

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

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

package/esm2022/alert/index.js

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

package/esm2022/alert/index.js.map

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

package/esm2022/alert/lib/alert/alert.directives.js

@@ -0,0 +1,53 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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>
+ * ```
+ */
+export 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>
+ * ```
+ */
+export 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]' }]
+        }] });
+//# sourceMappingURL=alert.directives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.directives.js","sourceRoot":"","sources":["../../../../../../../libs/core/alert/src/lib/alert/alert.directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAE/D;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,OAAO,YAAY;IACvB,iDAAiD;IACxC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGAFhC,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBADxB,SAAS;mBAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE;;AAMzC;;;;;;;;;;;;;GAaG;AAEH,MAAM,OAAO,aAAa;IACxB,kDAAkD;IACzC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGAFhC,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBADzB,SAAS;mBAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE","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"]}