@malva-ui/core 0.1.12

package/esm2022/dialog/lib/dialog.service.js

@@ -0,0 +1,205 @@
+import { coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
+import { Dialog } from '@angular/cdk/dialog';
+import { hasModifierKey } from '@angular/cdk/keycodes';
+import { Injectable, inject, TemplateRef } from '@angular/core';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import { filter, map, shareReplay } from 'rxjs';
+import { MLV_CONFIRM_DIALOG_CANCEL_CLASS, MLV_CONFIRM_DIALOG_CONFIRM_CLASS, MlvConfirmDialog, mlvIsDestructiveConfirm, } from './confirm-dialog';
+import { DIALOG_CONFIG, DIALOG_SIZE_PRESETS } from './dialog-config';
+import { MlvDialogContainer } from './dialog-container';
+import { MlvDialogRef } from './dialog-ref';
+import { MLV_DIALOG_TEXT, MlvDialogTextContent } from './dialog-text-content';
+import * as i0 from "@angular/core";
+/**
+ * Opens modal dialogs. Thin orchestration over Angular CDK `Dialog`: the CDK
+ * owns overlay, container, focus trap/restore, ARIA and history handling;
+ * this service maps `MlvDialogConfig`, constructs the `MlvDialogRef`, plays
+ * the leave animation, and applies the granular Escape/backdrop opt-outs.
+ *
+ * It never renders chrome. Template and component content must have a
+ * `<mlv-dialog>` root; string content is wrapped by an internal renderer that
+ * composes the same parts.
+ */
+export class MlvDialogService {
+    /** @private The CDK engine. */
+    _cdk = inject(Dialog);
+    /** @private Registered size presets. */
+    _presets = inject(DIALOG_SIZE_PRESETS);
+    /** @private Open Malva refs in open order, so `closeAll()` can animate each. */
+    _open = [];
+    /** Snapshot of the currently open dialogs, oldest first. */
+    get openDialogs() {
+        return [...this._open];
+    }
+    /**
+     * Opens `content` in a modal dialog.
+     *
+     * - `TemplateRef` receives `MlvDialogTemplateContext` (`let-dialog`,
+     *   `let-data="data"`, `let-config="config"`).
+     * - A component can inject `MlvDialogRef`, `DIALOG_CONFIG`, `DIALOG_DATA`
+     *   (and the CDK `DialogRef`).
+     * - A string is rendered as escaped text under `config.title`.
+     *
+     * @param content - Template, component type, or plain text.
+     * @param config - Size, chrome defaults, closing behaviour, focus, ARIA, data, injector.
+     * @returns A typed reference that controls the dialog and emits its result.
+     */
+    open(content, config = {}) {
+        const frozen = { ...config };
+        const isText = typeof content === 'string';
+        const size = frozen.size ?? 'm';
+        let ref;
+        // Third generic (container) deliberately left at its default: narrowing it
+        // to MlvDialogContainer makes the `container.providers` callback type
+        // incompatible with Dialog.open()'s parameter.
+        const cdkConfig = {
+            ...this._resolveSize(size),
+            panelClass: [
+                'mlv-dialog-pane',
+                // The `fullscreen` preset only sizes the pane; the modifier is what
+                // drops the surface's desktop radius/border and its viewport cap.
+                ...(size === 'fullscreen' ? ['mlv-dialog-pane--fullscreen'] : []),
+                ...coerceArray(frozen.panelClass ?? []),
+            ],
+            backdropClass: [
+                'mlv-dialog-backdrop',
+                ...coerceArray(frozen.backdropClass ?? []),
+            ],
+            hasBackdrop: frozen.hasBackdrop ?? true,
+            // Escape/backdrop are handled below so each is independently optional
+            // and the leave animation always plays.
+            disableClose: true,
+            // The CDK focuses the container; MlvDialogContainer then applies `initialFocus`.
+            autoFocus: 'dialog',
+            restoreFocus: frozen.restoreFocus ?? true,
+            role: frozen.role ?? 'dialog',
+            ariaLabel: frozen.ariaLabel ??
+                (isText && !frozen.title ? content : null),
+            ariaLabelledBy: frozen.ariaLabelledBy ?? null,
+            ariaDescribedBy: frozen.ariaDescribedBy ?? null,
+            closeOnNavigation: frozen.closeOnNavigation ?? true,
+            data: frozen.data,
+            injector: frozen.injector,
+            id: frozen.id,
+            container: {
+                type: MlvDialogContainer,
+                providers: () => [{ provide: DIALOG_CONFIG, useValue: frozen }],
+            },
+            templateContext: () => ({
+                $implicit: ref,
+                ref,
+                data: frozen.data,
+                config: frozen,
+            }),
+            providers: (cdkRef) => {
+                ref = new MlvDialogRef(cdkRef, frozen);
+                return [
+                    { provide: MlvDialogRef, useValue: ref },
+                    { provide: DIALOG_CONFIG, useValue: frozen },
+                    ...(isText ? [{ provide: MLV_DIALOG_TEXT, useValue: content }] : []),
+                ];
+            },
+        };
+        const target = isText
+            ? MlvDialogTextContent
+            : content instanceof TemplateRef
+                ? content
+                : content;
+        const cdkRef = this._cdk.open(target, cdkConfig);
+        // Both refs are invariant in `R` (it surfaces in the contravariant
+        // `DialogConfig.providers` callback), so neither typed ref is assignable to
+        // its erased form. Erasing here is safe: `_track` only closes and
+        // de-registers, and never reads the result type.
+        this._track(ref, cdkRef, frozen);
+        return ref;
+    }
+    /**
+     * Opens a two-action confirmation dialog and reports the user's answer.
+     *
+     * Emits exactly once and completes, so it composes with a `CanDeactivateFn`
+     * or any other guard. The answer is replayed, so late subscribers still
+     * receive it — subscribing after the dialog has already closed is fine.
+     * Every dismissal that is not the confirm button — Escape, the backdrop,
+     * `ref.close()` — resolves as `false`. When the action is `destructive` (or
+     * has the `'danger'` tone) the dialog opens as an `alertdialog`, the confirm
+     * button turns danger-coloured and initial focus goes to **Cancel**. The
+     * message paragraph always describes the dialog (`aria-describedby`).
+     *
+     * @param options - Title, message, and optional labels/tone/size.
+     * @returns `true` only if confirmed.
+     */
+    confirm(options) {
+        const destructive = mlvIsDestructiveConfirm(options);
+        const ref = this.open(MlvConfirmDialog, {
+            size: options.size ?? 's',
+            // The two actions are the whole point; the surface drops the chrome
+            // borders and the header hides its close button.
+            appearance: 'confirm',
+            data: options,
+            // An irreversible action is an interruption that needs an answer now.
+            role: destructive ? 'alertdialog' : 'dialog',
+            // The component binds this id on its message paragraph, so the container
+            // is described by the very text the user has to act on.
+            ariaDescribedBy: mlvNextId('mlv-confirm-message'),
+            closeOnBackdrop: options.closeOnBackdrop,
+            closeOnEscape: options.closeOnEscape,
+            injector: options.injector,
+            initialFocus: destructive
+                ? `.${MLV_CONFIRM_DIALOG_CANCEL_CLASS}`
+                : `.${MLV_CONFIRM_DIALOG_CONFIRM_CLASS}`,
+        });
+        const answer$ = ref.afterClosed().pipe(map((result) => result === true), shareReplay({ bufferSize: 1, refCount: false }));
+        // `afterClosed()` is the CDK's hot `closed` subject: it emits once and
+        // completes, so a subscriber that only arrives after the dialog closed
+        // would get nothing. `shareReplay` alone does not fix that — it is lazy —
+        // so the buffer is connected here, while the dialog is still open.
+        answer$.subscribe();
+        return answer$;
+    }
+    /** Closes every open dialog, newest first, playing each leave animation. */
+    closeAll() {
+        [...this._open].reverse().forEach((ref) => ref.close());
+    }
+    /** @private Registers the ref and wires the Escape/backdrop close behaviours. */
+    _track(ref, cdkRef, config) {
+        this._open.push(ref);
+        cdkRef.closed.subscribe(() => {
+            const index = this._open.indexOf(ref);
+            if (index > -1) {
+                this._open.splice(index, 1);
+            }
+        });
+        if (config.closeOnBackdrop !== false) {
+            cdkRef.backdropClick.subscribe(() => ref.close());
+        }
+        if (config.closeOnEscape !== false) {
+            cdkRef.keydownEvents
+                .pipe(filter((event) => event.key === 'Escape' && !hasModifierKey(event)))
+                .subscribe((event) => {
+                event.preventDefault();
+                ref.close();
+            });
+        }
+    }
+    /** @private Resolves a preset name (unknown → `'m'`) or explicit size to CDK size fields. */
+    _resolveSize(size) {
+        const resolved = typeof size === 'string'
+            ? (this._presets[size] ?? this._presets['m'] ?? {})
+            : size;
+        return {
+            width: coerceCssPixelValue(resolved.width),
+            height: coerceCssPixelValue(resolved.height),
+            minWidth: coerceCssPixelValue(resolved.minWidth),
+            minHeight: coerceCssPixelValue(resolved.minHeight),
+            maxWidth: coerceCssPixelValue(resolved.maxWidth),
+            maxHeight: coerceCssPixelValue(resolved.maxHeight),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=dialog.service.js.map

package/esm2022/dialog/lib/dialog.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.service.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/dialog.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';\nimport type { DialogConfig, DialogRef } from '@angular/cdk/dialog';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { hasModifierKey } from '@angular/cdk/keycodes';\nimport type { ComponentType } from '@angular/cdk/portal';\nimport { Injectable, inject, TemplateRef } from '@angular/core';\nimport type { Type } from '@angular/core';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport type { Observable } from 'rxjs';\nimport { filter, map, shareReplay } from 'rxjs';\n\nimport type { MlvConfirmDialogOptions } from './confirm-dialog-options';\nimport {\n  MLV_CONFIRM_DIALOG_CANCEL_CLASS,\n  MLV_CONFIRM_DIALOG_CONFIRM_CLASS,\n  MlvConfirmDialog,\n  mlvIsDestructiveConfirm,\n} from './confirm-dialog';\nimport type {\n  MlvDialogConfig,\n  MlvDialogContent,\n  MlvDialogSize,\n  MlvDialogSizeConfig,\n  MlvDialogTemplateContext,\n} from './dialog-config';\nimport { DIALOG_CONFIG, DIALOG_SIZE_PRESETS } from './dialog-config';\nimport { MlvDialogContainer } from './dialog-container';\nimport { MlvDialogRef } from './dialog-ref';\nimport { MLV_DIALOG_TEXT, MlvDialogTextContent } from './dialog-text-content';\n\n/** @internal Size fields of the CDK config, resolved from a preset or explicit size. */\ntype CdkSize = Pick<\n  DialogConfig,\n  'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'\n>;\n\n/**\n * Opens modal dialogs. Thin orchestration over Angular CDK `Dialog`: the CDK\n * owns overlay, container, focus trap/restore, ARIA and history handling;\n * this service maps `MlvDialogConfig`, constructs the `MlvDialogRef`, plays\n * the leave animation, and applies the granular Escape/backdrop opt-outs.\n *\n * It never renders chrome. Template and component content must have a\n * `<mlv-dialog>` root; string content is wrapped by an internal renderer that\n * composes the same parts.\n */\n@Injectable({ providedIn: 'root' })\nexport class MlvDialogService {\n  /** @private The CDK engine. */\n  private readonly _cdk = inject(Dialog);\n  /** @private Registered size presets. */\n  private readonly _presets = inject(DIALOG_SIZE_PRESETS);\n  /** @private Open Malva refs in open order, so `closeAll()` can animate each. */\n  private readonly _open: MlvDialogRef[] = [];\n\n  /** Snapshot of the currently open dialogs, oldest first. */\n  get openDialogs(): readonly MlvDialogRef[] {\n    return [...this._open];\n  }\n\n  /**\n   * Opens `content` in a modal dialog.\n   *\n   * - `TemplateRef` receives `MlvDialogTemplateContext` (`let-dialog`,\n   *   `let-data=\"data\"`, `let-config=\"config\"`).\n   * - A component can inject `MlvDialogRef`, `DIALOG_CONFIG`, `DIALOG_DATA`\n   *   (and the CDK `DialogRef`).\n   * - A string is rendered as escaped text under `config.title`.\n   *\n   * @param content - Template, component type, or plain text.\n   * @param config - Size, chrome defaults, closing behaviour, focus, ARIA, data, injector.\n   * @returns A typed reference that controls the dialog and emits its result.\n   */\n  open<R = unknown, D = unknown>(\n    content: MlvDialogContent<R, D>,\n    config: MlvDialogConfig<D> = {},\n  ): MlvDialogRef<R, D> {\n    const frozen: Readonly<MlvDialogConfig<D>> = { ...config };\n    const isText = typeof content === 'string';\n    const size = frozen.size ?? 'm';\n    let ref!: MlvDialogRef<R, D>;\n\n    // Third generic (container) deliberately left at its default: narrowing it\n    // to MlvDialogContainer makes the `container.providers` callback type\n    // incompatible with Dialog.open()'s parameter.\n    const cdkConfig: DialogConfig<D, DialogRef<R>> = {\n      ...this._resolveSize(size),\n      panelClass: [\n        'mlv-dialog-pane',\n        // The `fullscreen` preset only sizes the pane; the modifier is what\n        // drops the surface's desktop radius/border and its viewport cap.\n        ...(size === 'fullscreen' ? ['mlv-dialog-pane--fullscreen'] : []),\n        ...coerceArray(frozen.panelClass ?? []),\n      ],\n      backdropClass: [\n        'mlv-dialog-backdrop',\n        ...coerceArray(frozen.backdropClass ?? []),\n      ],\n      hasBackdrop: frozen.hasBackdrop ?? true,\n      // Escape/backdrop are handled below so each is independently optional\n      // and the leave animation always plays.\n      disableClose: true,\n      // The CDK focuses the container; MlvDialogContainer then applies `initialFocus`.\n      autoFocus: 'dialog',\n      restoreFocus: frozen.restoreFocus ?? true,\n      role: frozen.role ?? 'dialog',\n      ariaLabel:\n        frozen.ariaLabel ??\n        (isText && !frozen.title ? (content as string) : null),\n      ariaLabelledBy: frozen.ariaLabelledBy ?? null,\n      ariaDescribedBy: frozen.ariaDescribedBy ?? null,\n      closeOnNavigation: frozen.closeOnNavigation ?? true,\n      data: frozen.data,\n      injector: frozen.injector,\n      id: frozen.id,\n      container: {\n        type: MlvDialogContainer,\n        providers: () => [{ provide: DIALOG_CONFIG, useValue: frozen }],\n      },\n      templateContext: (): MlvDialogTemplateContext<R, D> => ({\n        $implicit: ref,\n        ref,\n        data: frozen.data as D,\n        config: frozen,\n      }),\n      providers: (cdkRef) => {\n        ref = new MlvDialogRef<R, D>(cdkRef, frozen);\n        return [\n          { provide: MlvDialogRef, useValue: ref },\n          { provide: DIALOG_CONFIG, useValue: frozen },\n          ...(isText ? [{ provide: MLV_DIALOG_TEXT, useValue: content }] : []),\n        ];\n      },\n    };\n\n    const target: ComponentType<unknown> | TemplateRef<unknown> = isText\n      ? MlvDialogTextContent\n      : content instanceof TemplateRef\n        ? content\n        : (content as Type<unknown>);\n    const cdkRef = this._cdk.open<R, D, unknown>(target, cdkConfig);\n\n    // Both refs are invariant in `R` (it surfaces in the contravariant\n    // `DialogConfig.providers` callback), so neither typed ref is assignable to\n    // its erased form. Erasing here is safe: `_track` only closes and\n    // de-registers, and never reads the result type.\n    this._track(ref as MlvDialogRef, cdkRef as DialogRef, frozen);\n    return ref;\n  }\n\n  /**\n   * Opens a two-action confirmation dialog and reports the user's answer.\n   *\n   * Emits exactly once and completes, so it composes with a `CanDeactivateFn`\n   * or any other guard. The answer is replayed, so late subscribers still\n   * receive it — subscribing after the dialog has already closed is fine.\n   * Every dismissal that is not the confirm button — Escape, the backdrop,\n   * `ref.close()` — resolves as `false`. When the action is `destructive` (or\n   * has the `'danger'` tone) the dialog opens as an `alertdialog`, the confirm\n   * button turns danger-coloured and initial focus goes to **Cancel**. The\n   * message paragraph always describes the dialog (`aria-describedby`).\n   *\n   * @param options - Title, message, and optional labels/tone/size.\n   * @returns `true` only if confirmed.\n   */\n  confirm(options: MlvConfirmDialogOptions): Observable<boolean> {\n    const destructive = mlvIsDestructiveConfirm(options);\n    const ref = this.open<boolean, MlvConfirmDialogOptions>(MlvConfirmDialog, {\n      size: options.size ?? 's',\n      // The two actions are the whole point; the surface drops the chrome\n      // borders and the header hides its close button.\n      appearance: 'confirm',\n      data: options,\n      // An irreversible action is an interruption that needs an answer now.\n      role: destructive ? 'alertdialog' : 'dialog',\n      // The component binds this id on its message paragraph, so the container\n      // is described by the very text the user has to act on.\n      ariaDescribedBy: mlvNextId('mlv-confirm-message'),\n      closeOnBackdrop: options.closeOnBackdrop,\n      closeOnEscape: options.closeOnEscape,\n      injector: options.injector,\n      initialFocus: destructive\n        ? `.${MLV_CONFIRM_DIALOG_CANCEL_CLASS}`\n        : `.${MLV_CONFIRM_DIALOG_CONFIRM_CLASS}`,\n    });\n    const answer$ = ref.afterClosed().pipe(\n      map((result) => result === true),\n      shareReplay({ bufferSize: 1, refCount: false }),\n    );\n    // `afterClosed()` is the CDK's hot `closed` subject: it emits once and\n    // completes, so a subscriber that only arrives after the dialog closed\n    // would get nothing. `shareReplay` alone does not fix that — it is lazy —\n    // so the buffer is connected here, while the dialog is still open.\n    answer$.subscribe();\n    return answer$;\n  }\n\n  /** Closes every open dialog, newest first, playing each leave animation. */\n  closeAll(): void {\n    [...this._open].reverse().forEach((ref) => ref.close());\n  }\n\n  /** @private Registers the ref and wires the Escape/backdrop close behaviours. */\n  private _track(\n    ref: MlvDialogRef,\n    cdkRef: DialogRef,\n    config: Readonly<MlvDialogConfig>,\n  ): void {\n    this._open.push(ref);\n    cdkRef.closed.subscribe(() => {\n      const index = this._open.indexOf(ref);\n      if (index > -1) {\n        this._open.splice(index, 1);\n      }\n    });\n\n    if (config.closeOnBackdrop !== false) {\n      cdkRef.backdropClick.subscribe(() => ref.close());\n    }\n    if (config.closeOnEscape !== false) {\n      cdkRef.keydownEvents\n        .pipe(\n          filter((event) => event.key === 'Escape' && !hasModifierKey(event)),\n        )\n        .subscribe((event) => {\n          event.preventDefault();\n          ref.close();\n        });\n    }\n  }\n\n  /** @private Resolves a preset name (unknown → `'m'`) or explicit size to CDK size fields. */\n  private _resolveSize(size: MlvDialogSize): CdkSize {\n    const resolved: MlvDialogSizeConfig =\n      typeof size === 'string'\n        ? (this._presets[size] ?? this._presets['m'] ?? {})\n        : size;\n    return {\n      width: coerceCssPixelValue(resolved.width),\n      height: coerceCssPixelValue(resolved.height),\n      minWidth: coerceCssPixelValue(resolved.minWidth),\n      minHeight: coerceCssPixelValue(resolved.minHeight),\n      maxWidth: coerceCssPixelValue(resolved.maxWidth),\n      maxHeight: coerceCssPixelValue(resolved.maxHeight),\n    };\n  }\n}\n"]}

package/esm2022/dialog/lib/generate-routable-dialog-route.js

@@ -0,0 +1,59 @@
+/**
+ * Generates a route configuration that opens a component inside a routed dialog.
+ * When the dialog closes, the router navigates back to the parent route.
+ *
+ * The component receives the shell's `Injector`, so it can inject `ActivatedRoute`
+ * to access route params, resolved data, and query params. It can also inject
+ * `MlvDialogRef` to close itself programmatically.
+ *
+ * @param component - The component to render inside the dialog. Can be an eager class reference
+ *   or a lazy import function (e.g., `() => import('./my-dialog.component')`).
+ * @param options - Route path, named outlet, and dialog configuration options.
+ * @returns A `Route` object to include in your route configuration.
+ *
+ * @example
+ * ```ts
+ * // Lazy-loaded dialog route
+ * {
+ *   path: 'users',
+ *   component: UsersListPage,
+ *   children: [
+ *     mlvGenerateRoutableDialogRoute(
+ *       () => import('./user-edit.component'),
+ *       { path: ':id/edit', size: 'l' },
+ *     ),
+ *   ],
+ * }
+ *
+ * // Eager dialog route
+ * mlvGenerateRoutableDialogRoute(UserEditComponent, {
+ *   path: ':id/edit',
+ *   size: 'l',
+ *   closeOnBackdrop: false,
+ * })
+ *
+ * // With guards and resolvers (spread the returned route)
+ * {
+ *   ...mlvGenerateRoutableDialogRoute(() => import('./confirm.component'), { path: 'confirm' }),
+ *   canActivate: [authGuard],
+ *   resolve: { item: itemResolver },
+ * }
+ * ```
+ */
+export function mlvGenerateRoutableDialogRoute(component, { path = '', outlet = '', ...dialogOptions } = {}) {
+    return {
+        path,
+        outlet: outlet || undefined,
+        loadComponent: () => import('./routable-dialog'),
+        data: {
+            dialog: component,
+            dialogOptions,
+            backUrl: path
+                .split('/')
+                .map(() => '..')
+                .join('/'),
+            isLazy: path === '',
+        },
+    };
+}
+//# sourceMappingURL=generate-routable-dialog-route.js.map

package/esm2022/dialog/lib/generate-routable-dialog-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-routable-dialog-route.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/generate-routable-dialog-route.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,UAAU,8BAA8B,CAC5C,SAEiE,EACjE,EACE,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,EAAE,EACX,GAAG,aAAa,KAId,EAAE;IAEN,OAAO;QACL,IAAI;QACJ,MAAM,EAAE,MAAM,IAAI,SAAS;QAC3B,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC;QAChD,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;YACjB,aAAa;YACb,OAAO,EAAE,IAAI;iBACV,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;YACZ,MAAM,EAAE,IAAI,KAAK,EAAE;SACpB;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { Type } from '@angular/core';\nimport type { DefaultExport, Route } from '@angular/router';\n\nimport type { MlvDialogConfig } from './dialog-config';\n\n/**\n * Generates a route configuration that opens a component inside a routed dialog.\n * When the dialog closes, the router navigates back to the parent route.\n *\n * The component receives the shell's `Injector`, so it can inject `ActivatedRoute`\n * to access route params, resolved data, and query params. It can also inject\n * `MlvDialogRef` to close itself programmatically.\n *\n * @param component - The component to render inside the dialog. Can be an eager class reference\n *   or a lazy import function (e.g., `() => import('./my-dialog.component')`).\n * @param options - Route path, named outlet, and dialog configuration options.\n * @returns A `Route` object to include in your route configuration.\n *\n * @example\n * ```ts\n * // Lazy-loaded dialog route\n * {\n *   path: 'users',\n *   component: UsersListPage,\n *   children: [\n *     mlvGenerateRoutableDialogRoute(\n *       () => import('./user-edit.component'),\n *       { path: ':id/edit', size: 'l' },\n *     ),\n *   ],\n * }\n *\n * // Eager dialog route\n * mlvGenerateRoutableDialogRoute(UserEditComponent, {\n *   path: ':id/edit',\n *   size: 'l',\n *   closeOnBackdrop: false,\n * })\n *\n * // With guards and resolvers (spread the returned route)\n * {\n *   ...mlvGenerateRoutableDialogRoute(() => import('./confirm.component'), { path: 'confirm' }),\n *   canActivate: [authGuard],\n *   resolve: { item: itemResolver },\n * }\n * ```\n */\nexport function mlvGenerateRoutableDialogRoute(\n  component:\n    | Type<unknown>\n    | (() => Promise<DefaultExport<Type<unknown>> | Type<unknown>>),\n  {\n    path = '',\n    outlet = '',\n    ...dialogOptions\n  }: { path?: string; outlet?: string } & Omit<\n    MlvDialogConfig,\n    'data' | 'injector'\n  > = {},\n): Route {\n  return {\n    path,\n    outlet: outlet || undefined,\n    loadComponent: () => import('./routable-dialog'),\n    data: {\n      dialog: component,\n      dialogOptions,\n      backUrl: path\n        .split('/')\n        .map(() => '..')\n        .join('/'),\n      isLazy: path === '',\n    },\n  };\n}\n"]}

package/esm2022/dialog/lib/inject-dialog-ref.js

@@ -0,0 +1,16 @@
+import { inject } from '@angular/core';
+import { MlvDialogRef } from './dialog-ref';
+/**
+ * @internal Injects the current `MlvDialogRef`, failing with a descriptive
+ * error when a dialog part is rendered outside a dialog.
+ *
+ * @param consumer - Selector of the part, used in the error message.
+ */
+export function injectDialogRef(consumer) {
+    const ref = inject(MlvDialogRef, { optional: true });
+    if (!ref) {
+        throw new Error(`[Malva UI] <${consumer}> must be rendered inside a dialog: open its template or component through MlvDialogService.open(), or wrap it in <ng-template [(mlvDialog)]>.`);
+    }
+    return ref;
+}
+//# sourceMappingURL=inject-dialog-ref.js.map

package/esm2022/dialog/lib/inject-dialog-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-dialog-ref.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/inject-dialog-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,QAAgB;IAEhB,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAG3C,CAAC;IACT,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,eAAe,QAAQ,gJAAgJ,CACxK,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["import { inject } from '@angular/core';\n\nimport { MlvDialogRef } from './dialog-ref';\n\n/**\n * @internal Injects the current `MlvDialogRef`, failing with a descriptive\n * error when a dialog part is rendered outside a dialog.\n *\n * @param consumer - Selector of the part, used in the error message.\n */\nexport function injectDialogRef<R = unknown, D = unknown>(\n  consumer: string,\n): MlvDialogRef<R, D> {\n  const ref = inject(MlvDialogRef, { optional: true }) as MlvDialogRef<\n    R,\n    D\n  > | null;\n  if (!ref) {\n    throw new Error(\n      `[Malva UI] <${consumer}> must be rendered inside a dialog: open its template or component through MlvDialogService.open(), or wrap it in <ng-template [(mlvDialog)]>.`,\n    );\n  }\n  return ref;\n}\n"]}

package/esm2022/dialog/lib/routable-dialog.js

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, inject, INJECTOR, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, Router } from '@angular/router';
+import { delay, from, of, switchMap } from 'rxjs';
+import { MlvDialogService } from './dialog.service';
+import * as i0 from "@angular/core";
+/**
+ * Invisible shell component that opens a routed component inside a Malva UI dialog.
+ *
+ * Do not use directly — use `mlvGenerateRoutableDialogRoute()` to create routes
+ * that render their component inside a dialog overlay.
+ *
+ * @internal
+ */
+export default class MlvRoutableDialog {
+    /** @private The current activated route — provides access to route data and snapshot. */
+    _route = inject(ActivatedRoute);
+    /** @private The Angular router used for navigating back to the parent route on close. */
+    _router = inject(Router);
+    /** @private The shell component's injector, passed to the dialog for ActivatedRoute access. */
+    _injector = inject(INJECTOR);
+    /** @private Captures the URL at construction time to detect external navigation. */
+    _initialUrl = this._router.url;
+    /** @private The Malva UI dialog service used to open the routed component. */
+    _dialog = inject(MlvDialogService);
+    constructor() {
+        const { dialogOptions } = this._route.snapshot.data;
+        const componentOrLoader = this._route.snapshot.data['dialog'];
+        let currentRef;
+        let closed = false;
+        const component$ = isClass(componentOrLoader)
+            ? of(componentOrLoader)
+            : from(componentOrLoader().then((m) => m.default ?? m));
+        component$
+            .pipe(delay(0), switchMap((component) => {
+            currentRef = this._dialog.open(component, {
+                ...dialogOptions,
+                injector: this._injector,
+            });
+            return currentRef.afterClosed();
+        }), takeUntilDestroyed())
+            .subscribe({
+            next: () => {
+                closed = true;
+            },
+            complete: () => this._onDialogClosing(),
+        });
+        inject(DestroyRef).onDestroy(() => {
+            if (!closed) {
+                currentRef?.close();
+            }
+        });
+    }
+    /** @private Computes the relative back URL for lazy-loaded routes. */
+    get _lazyLoadedBackUrl() {
+        return (this._route.parent?.snapshot.url ?? []).map(() => '..').join('/');
+    }
+    /** @private Navigates to parent when the dialog closes and URL hasn't changed externally. */
+    _onDialogClosing() {
+        if (this._initialUrl === this._router.url) {
+            this._navigateToParent();
+        }
+    }
+    /** @private Navigates to the parent route using the computed back URL. */
+    _navigateToParent() {
+        const backUrl = this._route.snapshot.data['isLazy']
+            ? this._lazyLoadedBackUrl
+            : this._route.snapshot.data['backUrl'];
+        void this._router.navigate([backUrl], { relativeTo: this._route });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvRoutableDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvRoutableDialog, isStandalone: true, selector: "mlv-routable-dialog", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvRoutableDialog, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-routable-dialog',
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * Checks if the given value is a class constructor (as opposed to an arrow function).
+ * Classes have a non-writable `prototype` property.
+ */
+function isClass(fn) {
+    return (typeof fn === 'function' &&
+        Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false);
+}
+//# sourceMappingURL=routable-dialog.js.map

package/esm2022/dialog/lib/routable-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routable-dialog.js","sourceRoot":"","sources":["../../../../../../libs/core/dialog/src/lib/routable-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  inject,\n  INJECTOR,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { delay, from, of, switchMap } from 'rxjs';\n\nimport type { MlvDialogRef } from './dialog-ref';\nimport { MlvDialogService } from './dialog.service';\n\n/**\n * Invisible shell component that opens a routed component inside a Malva UI dialog.\n *\n * Do not use directly — use `mlvGenerateRoutableDialogRoute()` to create routes\n * that render their component inside a dialog overlay.\n *\n * @internal\n */\n@Component({\n  selector: 'mlv-routable-dialog',\n  template: '',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class MlvRoutableDialog {\n  /** @private The current activated route — provides access to route data and snapshot. */\n  private readonly _route = inject(ActivatedRoute);\n\n  /** @private The Angular router used for navigating back to the parent route on close. */\n  private readonly _router = inject(Router);\n\n  /** @private The shell component's injector, passed to the dialog for ActivatedRoute access. */\n  private readonly _injector = inject(INJECTOR);\n\n  /** @private Captures the URL at construction time to detect external navigation. */\n  private readonly _initialUrl = this._router.url;\n\n  /** @private The Malva UI dialog service used to open the routed component. */\n  private readonly _dialog = inject(MlvDialogService);\n\n  constructor() {\n    const { dialogOptions } = this._route.snapshot.data;\n    const componentOrLoader = this._route.snapshot.data['dialog'];\n    let currentRef: MlvDialogRef | undefined;\n    let closed = false;\n\n    const component$ = isClass(componentOrLoader)\n      ? of(componentOrLoader as Type<unknown>)\n      : from(\n          (\n            componentOrLoader as () => Promise<\n              Type<unknown> & { default?: Type<unknown> }\n            >\n          )().then((m) => m.default ?? m),\n        );\n\n    component$\n      .pipe(\n        delay(0),\n        switchMap((component) => {\n          currentRef = this._dialog.open(component, {\n            ...dialogOptions,\n            injector: this._injector,\n          });\n          return currentRef.afterClosed();\n        }),\n        takeUntilDestroyed(),\n      )\n      .subscribe({\n        next: () => {\n          closed = true;\n        },\n        complete: () => this._onDialogClosing(),\n      });\n\n    inject(DestroyRef).onDestroy(() => {\n      if (!closed) {\n        currentRef?.close();\n      }\n    });\n  }\n\n  /** @private Computes the relative back URL for lazy-loaded routes. */\n  private get _lazyLoadedBackUrl(): string {\n    return (this._route.parent?.snapshot.url ?? []).map(() => '..').join('/');\n  }\n\n  /** @private Navigates to parent when the dialog closes and URL hasn't changed externally. */\n  private _onDialogClosing(): void {\n    if (this._initialUrl === this._router.url) {\n      this._navigateToParent();\n    }\n  }\n\n  /** @private Navigates to the parent route using the computed back URL. */\n  private _navigateToParent(): void {\n    const backUrl = this._route.snapshot.data['isLazy']\n      ? this._lazyLoadedBackUrl\n      : this._route.snapshot.data['backUrl'];\n\n    void this._router.navigate([backUrl], { relativeTo: this._route });\n  }\n}\n\n/**\n * Checks if the given value is a class constructor (as opposed to an arrow function).\n * Classes have a non-writable `prototype` property.\n */\nfunction isClass(fn: unknown): boolean {\n  return (\n    typeof fn === 'function' &&\n    Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false\n  );\n}\n"]}

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

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

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

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

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

package/esm2022/divider/index.js.map

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

package/esm2022/divider/lib/divider/divider.js

@@ -0,0 +1,73 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * Divider component that renders a thin separator line between content sections.
+ *
+ * Renders an `<hr role="separator">` internally and supports an optional
+ * label projected via `<ng-content>`.  When a label is present the divider
+ * line is split into two segments flanking the label.
+ *
+ * @example Basic horizontal
+ * ```html
+ * <mlv-divider />
+ * ```
+ *
+ * @example With label
+ * ```html
+ * <mlv-divider>OR</mlv-divider>
+ * ```
+ *
+ * @example Vertical
+ * ```html
+ * <div style="display: flex; height: 2rem;">
+ *   <span>Left</span>
+ *   <mlv-divider orientation="vertical" />
+ *   <span>Right</span>
+ * </div>
+ * ```
+ *
+ * @example Dashed
+ * ```html
+ * <mlv-divider dashed />
+ * ```
+ *
+ * @example Muted
+ * ```html
+ * <mlv-divider muted />
+ * ```
+ */
+export class MlvDivider {
+    /**
+     * The orientation of the divider line.
+     * Defaults to `'horizontal'`.
+     */
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, renders the divider line as a dashed stroke instead of solid.
+     * Supports attribute syntax: `<mlv-divider dashed>`.
+     */
+    dashed = input(false, { ...(ngDevMode ? { debugName: "dashed" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, uses a more subtle border color (`--mlv-border-subtle`)
+     * instead of the default border token.
+     * Supports attribute syntax: `<mlv-divider muted>`.
+     */
+    muted = input(false, { ...(ngDevMode ? { debugName: "muted" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvDivider, isStandalone: true, selector: "mlv-divider", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dashed: { classPropertyName: "dashed", publicName: "dashed", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class.mlv-divider--vertical": "orientation() === \"vertical\"", "class.mlv-divider--horizontal": "orientation() === \"horizontal\"", "class.mlv-divider--dashed": "dashed()", "class.mlv-divider--muted": "muted()", "attr.aria-orientation": "orientation()" }, classAttribute: "mlv-divider" }, ngImport: i0, template: "<ng-content />\n", styles: [".mlv-divider{--mlv-divider-color: var(--mlv-border-normal);--mlv-divider-style: solid;display:flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-s);font-family:var(--mlv-typography-family-text);box-sizing:border-box}.mlv-divider:before,.mlv-divider:after{content:\"\";flex:1;border-color:var(--mlv-divider-color);border-style:var(--mlv-divider-style)}.mlv-divider--horizontal{flex-direction:row;width:100%;min-height:0}.mlv-divider--horizontal:before,.mlv-divider--horizontal:after{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0}.mlv-divider--horizontal:not(:empty){gap:.5rem}.mlv-divider--vertical{flex-direction:column;align-self:stretch;width:auto;min-width:0}.mlv-divider--vertical:before,.mlv-divider--vertical:after{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:.0625rem;min-height:.5rem}.mlv-divider--vertical:not(:empty){gap:.25rem}.mlv-divider--dashed{--mlv-divider-style: dashed}.mlv-divider--muted{--mlv-divider-color: var(--mlv-border-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDivider, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-divider', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [], host: {
+                        class: 'mlv-divider',
+                        role: 'separator',
+                        '[class.mlv-divider--vertical]': 'orientation() === "vertical"',
+                        '[class.mlv-divider--horizontal]': 'orientation() === "horizontal"',
+                        '[class.mlv-divider--dashed]': 'dashed()',
+                        '[class.mlv-divider--muted]': 'muted()',
+                        '[attr.aria-orientation]': 'orientation()',
+                    }, template: "<ng-content />\n", styles: [".mlv-divider{--mlv-divider-color: var(--mlv-border-normal);--mlv-divider-style: solid;display:flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-s);font-family:var(--mlv-typography-family-text);box-sizing:border-box}.mlv-divider:before,.mlv-divider:after{content:\"\";flex:1;border-color:var(--mlv-divider-color);border-style:var(--mlv-divider-style)}.mlv-divider--horizontal{flex-direction:row;width:100%;min-height:0}.mlv-divider--horizontal:before,.mlv-divider--horizontal:after{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0}.mlv-divider--horizontal:not(:empty){gap:.5rem}.mlv-divider--vertical{flex-direction:column;align-self:stretch;width:auto;min-width:0}.mlv-divider--vertical:before,.mlv-divider--vertical:after{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:.0625rem;min-height:.5rem}.mlv-divider--vertical:not(:empty){gap:.25rem}.mlv-divider--dashed{--mlv-divider-style: dashed}.mlv-divider--muted{--mlv-divider-color: var(--mlv-border-subtle)}\n"] }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], dashed: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashed", required: false }] }], muted: [{ type: i0.Input, args: [{ isSignal: true, alias: "muted", required: false }] }] } });
+//# sourceMappingURL=divider.js.map

package/esm2022/divider/lib/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../../../../libs/core/divider/src/lib/divider/divider.ts","../../../../../../../libs/core/divider/src/lib/divider/divider.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;;AAS9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAkBH,MAAM,OAAO,UAAU;IACrB;;;OAGG;IACM,WAAW,GAAG,KAAK,CAAwB,YAAY;oFAAC,CAAC;IAElE;;;OAGG;IACM,MAAM,GAAG,KAAK,CAAwB,KAAK,8EAClD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,KAAK,GAAG,KAAK,CAAwB,KAAK,6EACjD,SAAS,EAAE,qBAAqB,GAChC,CAAC;uGAtBQ,UAAU;2FAAV,UAAU,8yBCrEvB,kBACA;;2FDoEa,UAAU;kBAjBtB,SAAS;+BACE,aAAa,iBAGR,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC,EAAE,QACL;wBACJ,KAAK,EAAE,aAAa;wBACpB,IAAI,EAAE,WAAW;wBACjB,+BAA+B,EAAE,8BAA8B;wBAC/D,iCAAiC,EAAE,gCAAgC;wBACnE,6BAA6B,EAAE,UAAU;wBACzC,4BAA4B,EAAE,SAAS;wBACvC,yBAAyB,EAAE,eAAe;qBAC3C","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 * Orientation of the divider line.\n * - `'horizontal'` — a full-width horizontal rule (default)\n * - `'vertical'` — a full-height vertical rule; requires the parent to have a defined height\n */\nexport type MlvDividerOrientation = 'horizontal' | 'vertical';\n\n/**\n * Divider component that renders a thin separator line between content sections.\n *\n * Renders an `<hr role=\"separator\">` internally and supports an optional\n * label projected via `<ng-content>`.  When a label is present the divider\n * line is split into two segments flanking the label.\n *\n * @example Basic horizontal\n * ```html\n * <mlv-divider />\n * ```\n *\n * @example With label\n * ```html\n * <mlv-divider>OR</mlv-divider>\n * ```\n *\n * @example Vertical\n * ```html\n * <div style=\"display: flex; height: 2rem;\">\n *   <span>Left</span>\n *   <mlv-divider orientation=\"vertical\" />\n *   <span>Right</span>\n * </div>\n * ```\n *\n * @example Dashed\n * ```html\n * <mlv-divider dashed />\n * ```\n *\n * @example Muted\n * ```html\n * <mlv-divider muted />\n * ```\n */\n@Component({\n  selector: 'mlv-divider',\n  templateUrl: './divider.html',\n  styleUrl: './divider.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [],\n  host: {\n    class: 'mlv-divider',\n    role: 'separator',\n    '[class.mlv-divider--vertical]': 'orientation() === \"vertical\"',\n    '[class.mlv-divider--horizontal]': 'orientation() === \"horizontal\"',\n    '[class.mlv-divider--dashed]': 'dashed()',\n    '[class.mlv-divider--muted]': 'muted()',\n    '[attr.aria-orientation]': 'orientation()',\n  },\n})\nexport class MlvDivider {\n  /**\n   * The orientation of the divider line.\n   * Defaults to `'horizontal'`.\n   */\n  readonly orientation = input<MlvDividerOrientation>('horizontal');\n\n  /**\n   * When `true`, renders the divider line as a dashed stroke instead of solid.\n   * Supports attribute syntax: `<mlv-divider dashed>`.\n   */\n  readonly dashed = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, uses a more subtle border color (`--mlv-border-subtle`)\n   * instead of the default border token.\n   * Supports attribute syntax: `<mlv-divider muted>`.\n   */\n  readonly muted = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n}\n","<ng-content />\n"]}

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

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

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

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

@@ -0,0 +1,12 @@
+export * from './lib/drawer/drawer';
+export * from './lib/drawer-content';
+export * from './lib/drawer-header';
+export * from './lib/drawer-body';
+export * from './lib/drawer-footer';
+export * from './lib/drawer.service';
+export * from './lib/drawer-ref';
+export * from './lib/drawer-section/drawer-section';
+export * from './lib/drawer-sections.service';
+export * from './lib/drawer-sections/drawer-sections';
+export * from './lib/generate-routable-drawer-route';
+//# sourceMappingURL=index.js.map

package/esm2022/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/drawer/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,sCAAsC,CAAC","sourcesContent":["export * from './lib/drawer/drawer';\nexport * from './lib/drawer-content';\nexport * from './lib/drawer-header';\nexport * from './lib/drawer-body';\nexport * from './lib/drawer-footer';\nexport * from './lib/drawer.service';\nexport * from './lib/drawer-ref';\nexport * from './lib/drawer-section/drawer-section';\nexport * from './lib/drawer-sections.service';\nexport * from './lib/drawer-sections/drawer-sections';\nexport * from './lib/generate-routable-drawer-route';\n"]}