@malva-ui/core 0.1.12

package/esm2022/sidebar/lib/sidebar-trigger/sidebar-trigger.js

@@ -0,0 +1,159 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, input, } from '@angular/core';
+import { SIDEBAR_CONTEXT } from '../sidebar-context';
+import { LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, } from '@lucide/angular';
+import { MLV_SIDEBAR_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+/**
+ * Sidebar trigger button that toggles the sidebar's collapsed state.
+ * Renders as a transparent icon button visually matching collapsed sidebar
+ * items, so it sits flush with the rest of the sidebar chrome.
+ * Automatically hides itself in fixed mode.
+ *
+ * When the sidebar's effective mode is `'offcanvas'` (either `mode="offcanvas"`
+ * or a `collapseBelow` breakpoint override) the trigger renders as a
+ * hamburger/close menu button instead of the rail collapse chevrons.
+ *
+ * Usage:
+ * ```html
+ * <mlv-sidebar [collapsed]="collapsed()">
+ *   <mlv-sidebar-trigger />
+ * </mlv-sidebar>
+ * ```
+ *
+ * An offcanvas sidebar does not render its projected content while closed, so
+ * a trigger that must reopen the drawer has to live outside `<mlv-sidebar>`.
+ * Point it at the sidebar with the `sidebar` input:
+ *
+ * ```html
+ * <mlv-sidebar #nav collapseBelow="md">…</mlv-sidebar>
+ * <mlv-sidebar-trigger [sidebar]="nav" />
+ * ```
+ */
+export class MlvSidebarTrigger {
+    /**
+     * The sidebar this trigger controls, for triggers rendered outside
+     * `<mlv-sidebar>`. Pass the sidebar's template reference
+     * (`<mlv-sidebar #nav />` → `[sidebar]="nav"`). Required whenever the sidebar
+     * can be an offcanvas drawer, because a closed drawer does not render its
+     * projected content — an inner trigger would disappear with it.
+     *
+     * When omitted, the trigger uses the `SIDEBAR_CONTEXT` of its ancestor
+     * sidebar.
+     */
+    sidebar = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sidebar" }] : /* istanbul ignore next */ []));
+    /** @protected Localised labels for the sidebar trigger. */
+    _i18n = inject(MLV_SIDEBAR_I18N);
+    /** @private Ancestor sidebar context, when this trigger is nested in one. */
+    _injectedContext = inject(SIDEBAR_CONTEXT, {
+        optional: true,
+    });
+    /**
+     * @private The context actually driven by this trigger — the explicit
+     * `sidebar` input wins over the injected ancestor context.
+     */
+    _context = computed(() => this.sidebar() ?? this._injectedContext, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_context" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the sidebar is collapsed (drawer closed in offcanvas). */
+    _collapsed = computed(() => this._context()?.collapsed() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_collapsed" }] : /* istanbul ignore next */ []));
+    /** @private The sidebar's effective layout mode, responsive override included. */
+    _mode = computed(() => {
+        const context = this._context();
+        if (!context)
+            return 'icon';
+        return context.effectiveMode?.() ?? context.mode();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected True when the sidebar currently behaves as an overlay drawer, so
+     * the trigger renders as a menu button rather than a rail collapse toggle.
+     */
+    _isDrawerTrigger = computed(() => this._mode() === 'offcanvas', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isDrawerTrigger" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the trigger should be hidden (fixed mode). */
+    _isHidden = computed(() => this._mode() === 'fixed', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isHidden" }] : /* istanbul ignore next */ []));
+    /** @protected Accessible name matching the current affordance and state. */
+    _resolvedAriaLabel = computed(() => {
+        const strings = this._i18n();
+        if (this._isDrawerTrigger()) {
+            return this._collapsed()
+                ? strings.openNavigation
+                : strings.closeNavigation;
+        }
+        return this._collapsed() ? strings.expand : strings.collapse;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    /** @protected Toggle the sidebar collapsed state. */
+    _toggle() {
+        this._context()?.toggle();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvSidebarTrigger, isStandalone: true, selector: "mlv-sidebar-trigger", inputs: { sidebar: { classPropertyName: "sidebar", publicName: "sidebar", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mlv-sidebar-trigger--hidden": "_isHidden()", "class.mlv-sidebar-trigger--menu": "_isDrawerTrigger()" }, classAttribute: "mlv-sidebar-trigger" }, ngImport: i0, template: `
+    <button
+      type="button"
+      class="mlv-sidebar-trigger__btn"
+      [attr.aria-label]="_resolvedAriaLabel()"
+      [attr.aria-expanded]="!_collapsed()"
+      (click)="_toggle()"
+    >
+      @if (_isDrawerTrigger()) {
+        @if (_collapsed()) {
+          <svg lucideMenu [size]="20" class="mlv-sidebar-trigger__icon" />
+        } @else {
+          <svg lucideX [size]="20" class="mlv-sidebar-trigger__icon" />
+        }
+      } @else if (_collapsed()) {
+        <svg
+          lucidePanelLeftOpen
+          [size]="20"
+          class="mlv-sidebar-trigger__icon"
+        />
+      } @else {
+        <svg
+          lucidePanelLeftClose
+          [size]="20"
+          class="mlv-sidebar-trigger__icon"
+        />
+      }
+    </button>
+  `, isInline: true, styles: [".mlv-sidebar-trigger{display:flex;width:100%}.mlv-sidebar-trigger--hidden{display:none}.mlv-sidebar-trigger--menu{width:auto}.mlv-sidebar-trigger--menu .mlv-sidebar-trigger__btn{width:var(--mlv-sidebar-row-height, 2.25rem)}.mlv-sidebar-trigger__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--mlv-sidebar-icon-column-width, 3.5rem);min-height:var(--mlv-sidebar-row-height, 2.25rem);padding:0;border:none;border-radius:var(--mlv-radius-m);background:transparent;color:var(--mlv-text-secondary);cursor:pointer;outline:none;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-sidebar-trigger__btn:hover{background-color:var(--mlv-sidebar-hover-bg, var(--mlv-background-neutral-1));color:var(--mlv-text-primary)}.mlv-sidebar-trigger__btn:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-sidebar-trigger__btn:active{transform:scale(.97)}.mlv-sidebar-trigger__icon{transition:transform var(--mlv-duration-normal) var(--mlv-ease-in-out)}@media(prefers-reduced-motion:reduce){.mlv-sidebar-trigger__icon,.mlv-sidebar-trigger__btn{transition-duration:var(--mlv-duration-instant)}}\n"], dependencies: [{ kind: "component", type: LucideMenu, selector: "svg[lucideMenu]" }, { kind: "component", type: LucidePanelLeftClose, selector: "svg[lucidePanelLeftClose], svg[lucideSidebarClose]" }, { kind: "component", type: LucidePanelLeftOpen, selector: "svg[lucidePanelLeftOpen], svg[lucideSidebarOpen]" }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-sidebar-trigger', template: `
+    <button
+      type="button"
+      class="mlv-sidebar-trigger__btn"
+      [attr.aria-label]="_resolvedAriaLabel()"
+      [attr.aria-expanded]="!_collapsed()"
+      (click)="_toggle()"
+    >
+      @if (_isDrawerTrigger()) {
+        @if (_collapsed()) {
+          <svg lucideMenu [size]="20" class="mlv-sidebar-trigger__icon" />
+        } @else {
+          <svg lucideX [size]="20" class="mlv-sidebar-trigger__icon" />
+        }
+      } @else if (_collapsed()) {
+        <svg
+          lucidePanelLeftOpen
+          [size]="20"
+          class="mlv-sidebar-trigger__icon"
+        />
+      } @else {
+        <svg
+          lucidePanelLeftClose
+          [size]="20"
+          class="mlv-sidebar-trigger__icon"
+        />
+      }
+    </button>
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX], host: {
+                        class: 'mlv-sidebar-trigger',
+                        '[class.mlv-sidebar-trigger--hidden]': '_isHidden()',
+                        '[class.mlv-sidebar-trigger--menu]': '_isDrawerTrigger()',
+                    }, styles: [".mlv-sidebar-trigger{display:flex;width:100%}.mlv-sidebar-trigger--hidden{display:none}.mlv-sidebar-trigger--menu{width:auto}.mlv-sidebar-trigger--menu .mlv-sidebar-trigger__btn{width:var(--mlv-sidebar-row-height, 2.25rem)}.mlv-sidebar-trigger__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--mlv-sidebar-icon-column-width, 3.5rem);min-height:var(--mlv-sidebar-row-height, 2.25rem);padding:0;border:none;border-radius:var(--mlv-radius-m);background:transparent;color:var(--mlv-text-secondary);cursor:pointer;outline:none;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default),color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-sidebar-trigger__btn:hover{background-color:var(--mlv-sidebar-hover-bg, var(--mlv-background-neutral-1));color:var(--mlv-text-primary)}.mlv-sidebar-trigger__btn:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-sidebar-trigger__btn:active{transform:scale(.97)}.mlv-sidebar-trigger__icon{transition:transform var(--mlv-duration-normal) var(--mlv-ease-in-out)}@media(prefers-reduced-motion:reduce){.mlv-sidebar-trigger__icon,.mlv-sidebar-trigger__btn{transition-duration:var(--mlv-duration-instant)}}\n"] }]
+        }], propDecorators: { sidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebar", required: false }] }] } });
+//# sourceMappingURL=sidebar-trigger.js.map

package/esm2022/sidebar/lib/sidebar-trigger/sidebar-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/core/sidebar/src/lib/sidebar-trigger/sidebar-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,OAAO,GACR,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AA0CH,MAAM,OAAO,iBAAiB;IAC5B;;;;;;;;;OASG;IACM,OAAO,GAAG,KAAK,CAAqC,SAAS;gFAAC,CAAC;IAExE,2DAA2D;IACxC,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAEpD,6EAA6E;IAC5D,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;QAC1D,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH;;;OAGG;IACc,QAAQ,GAAG,QAAQ,CAClC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,gBAAgB;iFAC9C,CAAC;IAEF,gFAAgF;IAC7D,UAAU,GAAG,QAAQ,CACtC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,KAAK;mFAC5C,CAAC;IAEF,kFAAkF;IACjE,KAAK,GAAG,QAAQ,CAAiB,GAAG,EAAE;QACrD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,OAAO;YAAE,OAAO,MAAM,CAAC;QAC5B,OAAO,OAAO,CAAC,aAAa,EAAE,EAAE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;IACrD,CAAC;8EAAC,CAAC;IAEH;;;OAGG;IACgB,gBAAgB,GAAG,QAAQ,CAC5C,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,WAAW;yFACnC,CAAC;IAEF,oEAAoE;IACjD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,OAAO;kFAAC,CAAC;IAExE,4EAA4E;IACzD,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACpD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,UAAU,EAAE;gBACtB,CAAC,CAAC,OAAO,CAAC,cAAc;gBACxB,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;QAC9B,CAAC;QACD,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC/D,CAAC;2FAAC,CAAC;IAEH,qDAAqD;IAC3C,OAAO;QACf,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;IAC5B,CAAC;uGAlEU,iBAAiB;2FAAjB,iBAAiB,uYAvClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT,4yCAIS,UAAU,4DAAE,oBAAoB,+FAAE,mBAAmB,6FAAE,OAAO;;2FAO7D,iBAAiB;kBAzC7B,SAAS;+BACE,qBAAqB,YACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT,iBAEc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC,CAAC,UAAU,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,OAAO,CAAC,QACnE;wBACJ,KAAK,EAAE,qBAAqB;wBAC5B,qCAAqC,EAAE,aAAa;wBACpD,mCAAmC,EAAE,oBAAoB;qBAC1D","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport type { MlvSidebarContextValue } from '../sidebar-context';\nimport { SIDEBAR_CONTEXT } from '../sidebar-context';\nimport type { MlvSidebarMode } from '../sidebar-mode';\nimport {\n  LucideMenu,\n  LucidePanelLeftClose,\n  LucidePanelLeftOpen,\n  LucideX,\n} from '@lucide/angular';\nimport { MLV_SIDEBAR_I18N } from '@malva-ui/i18n';\n\n/**\n * Sidebar trigger button that toggles the sidebar's collapsed state.\n * Renders as a transparent icon button visually matching collapsed sidebar\n * items, so it sits flush with the rest of the sidebar chrome.\n * Automatically hides itself in fixed mode.\n *\n * When the sidebar's effective mode is `'offcanvas'` (either `mode=\"offcanvas\"`\n * or a `collapseBelow` breakpoint override) the trigger renders as a\n * hamburger/close menu button instead of the rail collapse chevrons.\n *\n * Usage:\n * ```html\n * <mlv-sidebar [collapsed]=\"collapsed()\">\n *   <mlv-sidebar-trigger />\n * </mlv-sidebar>\n * ```\n *\n * An offcanvas sidebar does not render its projected content while closed, so\n * a trigger that must reopen the drawer has to live outside `<mlv-sidebar>`.\n * Point it at the sidebar with the `sidebar` input:\n *\n * ```html\n * <mlv-sidebar #nav collapseBelow=\"md\">…</mlv-sidebar>\n * <mlv-sidebar-trigger [sidebar]=\"nav\" />\n * ```\n */\n@Component({\n  selector: 'mlv-sidebar-trigger',\n  template: `\n    <button\n      type=\"button\"\n      class=\"mlv-sidebar-trigger__btn\"\n      [attr.aria-label]=\"_resolvedAriaLabel()\"\n      [attr.aria-expanded]=\"!_collapsed()\"\n      (click)=\"_toggle()\"\n    >\n      @if (_isDrawerTrigger()) {\n        @if (_collapsed()) {\n          <svg lucideMenu [size]=\"20\" class=\"mlv-sidebar-trigger__icon\" />\n        } @else {\n          <svg lucideX [size]=\"20\" class=\"mlv-sidebar-trigger__icon\" />\n        }\n      } @else if (_collapsed()) {\n        <svg\n          lucidePanelLeftOpen\n          [size]=\"20\"\n          class=\"mlv-sidebar-trigger__icon\"\n        />\n      } @else {\n        <svg\n          lucidePanelLeftClose\n          [size]=\"20\"\n          class=\"mlv-sidebar-trigger__icon\"\n        />\n      }\n    </button>\n  `,\n  styleUrl: './sidebar-trigger.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX],\n  host: {\n    class: 'mlv-sidebar-trigger',\n    '[class.mlv-sidebar-trigger--hidden]': '_isHidden()',\n    '[class.mlv-sidebar-trigger--menu]': '_isDrawerTrigger()',\n  },\n})\nexport class MlvSidebarTrigger {\n  /**\n   * The sidebar this trigger controls, for triggers rendered outside\n   * `<mlv-sidebar>`. Pass the sidebar's template reference\n   * (`<mlv-sidebar #nav />` → `[sidebar]=\"nav\"`). Required whenever the sidebar\n   * can be an offcanvas drawer, because a closed drawer does not render its\n   * projected content — an inner trigger would disappear with it.\n   *\n   * When omitted, the trigger uses the `SIDEBAR_CONTEXT` of its ancestor\n   * sidebar.\n   */\n  readonly sidebar = input<MlvSidebarContextValue | undefined>(undefined);\n\n  /** @protected Localised labels for the sidebar trigger. */\n  protected readonly _i18n = inject(MLV_SIDEBAR_I18N);\n\n  /** @private Ancestor sidebar context, when this trigger is nested in one. */\n  private readonly _injectedContext = inject(SIDEBAR_CONTEXT, {\n    optional: true,\n  });\n\n  /**\n   * @private The context actually driven by this trigger — the explicit\n   * `sidebar` input wins over the injected ancestor context.\n   */\n  private readonly _context = computed<MlvSidebarContextValue | null>(\n    () => this.sidebar() ?? this._injectedContext,\n  );\n\n  /** @protected Whether the sidebar is collapsed (drawer closed in offcanvas). */\n  protected readonly _collapsed = computed(\n    () => this._context()?.collapsed() ?? false,\n  );\n\n  /** @private The sidebar's effective layout mode, responsive override included. */\n  private readonly _mode = computed<MlvSidebarMode>(() => {\n    const context = this._context();\n    if (!context) return 'icon';\n    return context.effectiveMode?.() ?? context.mode();\n  });\n\n  /**\n   * @protected True when the sidebar currently behaves as an overlay drawer, so\n   * the trigger renders as a menu button rather than a rail collapse toggle.\n   */\n  protected readonly _isDrawerTrigger = computed(\n    () => this._mode() === 'offcanvas',\n  );\n\n  /** @protected Whether the trigger should be hidden (fixed mode). */\n  protected readonly _isHidden = computed(() => this._mode() === 'fixed');\n\n  /** @protected Accessible name matching the current affordance and state. */\n  protected readonly _resolvedAriaLabel = computed(() => {\n    const strings = this._i18n();\n    if (this._isDrawerTrigger()) {\n      return this._collapsed()\n        ? strings.openNavigation\n        : strings.closeNavigation;\n    }\n    return this._collapsed() ? strings.expand : strings.collapse;\n  });\n\n  /** @protected Toggle the sidebar collapsed state. */\n  protected _toggle(): void {\n    this._context()?.toggle();\n  }\n}\n"]}

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.directives.js

@@ -0,0 +1,35 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MlvSidebarWorkspaceLogo {
+    /** Template rendered in both the active trigger and every workspace option. */
+    templateRef = inject((TemplateRef));
+    /** Enables strongly typed `let-workspace` and `let-selected="selected"`. */
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspaceLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSidebarWorkspaceLogo, isStandalone: true, selector: "[mlvSidebarWorkspaceLogo]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspaceLogo, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSidebarWorkspaceLogo]',
+                }]
+        }] });
+export class MlvSidebarWorkspaceText {
+    /** Template rendered in both the active trigger and every workspace option. */
+    templateRef = inject((TemplateRef));
+    /** Enables strongly typed `let-workspace` and `let-selected="selected"`. */
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspaceText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSidebarWorkspaceText, isStandalone: true, selector: "[mlvSidebarWorkspaceText]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspaceText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSidebarWorkspaceText]',
+                }]
+        }] });
+//# sourceMappingURL=sidebar-workspace.directives.js.map

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-workspace.directives.js","sourceRoot":"","sources":["../../../../../../../libs/core/sidebar/src/lib/sidebar-workspace/sidebar-workspace.directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAM/D,MAAM,OAAO,uBAAuB;IAClC,+EAA+E;IACtE,WAAW,GAAG,MAAM,CAC3B,CAAA,WAA+C,CAAA,CAChD,CAAC;IAEF,4EAA4E;IAC5E,MAAM,CAAC,sBAAsB,CAC3B,UAAmC,EACnC,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAZU,uBAAuB;2FAAvB,uBAAuB;;2FAAvB,uBAAuB;kBAHnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;iBACtC;;AAmBD,MAAM,OAAO,uBAAuB;IAClC,+EAA+E;IACtE,WAAW,GAAG,MAAM,CAC3B,CAAA,WAA+C,CAAA,CAChD,CAAC;IAEF,4EAA4E;IAC5E,MAAM,CAAC,sBAAsB,CAC3B,UAAmC,EACnC,QAAiB;QAEjB,OAAO,IAAI,CAAC;IACd,CAAC;uGAZU,uBAAuB;2FAAvB,uBAAuB;;2FAAvB,uBAAuB;kBAHnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;iBACtC","sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\nimport type { MlvSidebarWorkspaceTemplateContext } from './sidebar-workspace.types';\n\n@Directive({\n  selector: '[mlvSidebarWorkspaceLogo]',\n})\nexport class MlvSidebarWorkspaceLogo {\n  /** Template rendered in both the active trigger and every workspace option. */\n  readonly templateRef = inject(\n    TemplateRef<MlvSidebarWorkspaceTemplateContext>,\n  );\n\n  /** Enables strongly typed `let-workspace` and `let-selected=\"selected\"`. */\n  static ngTemplateContextGuard(\n    _directive: MlvSidebarWorkspaceLogo,\n    _context: unknown,\n  ): _context is MlvSidebarWorkspaceTemplateContext {\n    return true;\n  }\n}\n\n@Directive({\n  selector: '[mlvSidebarWorkspaceText]',\n})\nexport class MlvSidebarWorkspaceText {\n  /** Template rendered in both the active trigger and every workspace option. */\n  readonly templateRef = inject(\n    TemplateRef<MlvSidebarWorkspaceTemplateContext>,\n  );\n\n  /** Enables strongly typed `let-workspace` and `let-selected=\"selected\"`. */\n  static ngTemplateContextGuard(\n    _directive: MlvSidebarWorkspaceText,\n    _context: unknown,\n  ): _context is MlvSidebarWorkspaceTemplateContext {\n    return true;\n  }\n}\n"]}

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.js

@@ -0,0 +1,107 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, inject, input, model, signal, } from '@angular/core';
+import { MlvButton } from '@malva-ui/core/button';
+import { MlvListItem } from '@malva-ui/core/list';
+import { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';
+import { MLV_SIDEBAR_I18N, MlvI18nResolverService } from '@malva-ui/i18n';
+import { LucideCheck, LucideChevronsUpDown } from '@lucide/angular';
+import { SIDEBAR_CONTEXT } from '../sidebar-context';
+import { MlvSidebarWorkspaceLogo, MlvSidebarWorkspaceText, } from './sidebar-workspace.directives';
+import * as i0 from "@angular/core";
+export class MlvSidebarWorkspace {
+    /** @private Parent sidebar context supplying the effective collapsed state. */
+    _sidebarContext = inject(SIDEBAR_CONTEXT, {
+        optional: true,
+    });
+    /** @protected Localized strings for the workspace switcher. */
+    _i18n = inject(MLV_SIDEBAR_I18N);
+    /** @private ICU message resolver used by the trigger's accessible name. */
+    _i18nResolver = inject(MlvI18nResolverService);
+    /**
+     * Workspaces available to the user. A switcher menu is rendered only when
+     * the collection contains more than one workspace.
+     */
+    workspaces = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "workspaces" }] : /* istanbul ignore next */ []));
+    /**
+     * Currently active workspace. Two-way bind with `[(workspace)]` to receive
+     * user selections made in the workspace menu.
+     */
+    workspace = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "workspace" }] : /* istanbul ignore next */ []));
+    /** @protected Optional structural template for workspace logos. */
+    _logoTemplate = contentChild(MlvSidebarWorkspaceLogo, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_logoTemplate" }] : /* istanbul ignore next */ []));
+    /** @protected Optional structural template for workspace text. */
+    _textTemplate = contentChild(MlvSidebarWorkspaceText, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_textTemplate" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the switcher menu is currently open. */
+    _opened = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_opened" }] : /* istanbul ignore next */ []));
+    /** @protected True when choosing between multiple workspaces is possible. */
+    _hasMultiple = computed(() => this.workspaces().length > 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasMultiple" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the parent sidebar is collapsed. Workspace switchers
+     * outside a sidebar remain expanded.
+     */
+    _isCollapsed = computed(() => this._sidebarContext?.collapsed() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isCollapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Accessible trigger name including the current workspace.
+     */
+    _triggerAriaLabel = computed(() => this._i18nResolver.resolve(this._i18n(), 'switchWorkspace', { workspace: this.workspace().label }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_triggerAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Selects a workspace from the menu. The menu item directive
+     * closes the overlay and restores focus to the trigger after this handler.
+     */
+    _selectWorkspace(workspace) {
+        this.workspace.set(workspace);
+    }
+    /** @protected Tracks whether an option represents the active workspace. */
+    _isSelected(workspace) {
+        return workspace.id === this.workspace().id;
+    }
+    /**
+     * @protected Builds the strongly typed context supplied to the logo and text
+     * structural templates.
+     */
+    _templateContext(workspace) {
+        return {
+            $implicit: workspace,
+            selected: this._isSelected(workspace),
+        };
+    }
+    /** @protected Produces a compact fallback monogram when no logo is supplied. */
+    _initials(label) {
+        return label
+            .trim()
+            .split(/\s+/)
+            .slice(0, 2)
+            .map((word) => word.charAt(0))
+            .join('')
+            .toUpperCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspace, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvSidebarWorkspace, isStandalone: true, selector: "mlv-sidebar-workspace", inputs: { workspaces: { classPropertyName: "workspaces", publicName: "workspaces", isSignal: true, isRequired: true, transformFunction: null }, workspace: { classPropertyName: "workspace", publicName: "workspace", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { workspace: "workspaceChange" }, host: { properties: { "class.mlv-sidebar-workspace--collapsed": "_isCollapsed()", "class.mlv-sidebar-workspace--multiple": "_hasMultiple()", "class.mlv-sidebar-workspace--open": "_opened()" }, classAttribute: "mlv-sidebar-workspace" }, queries: [{ propertyName: "_logoTemplate", first: true, predicate: MlvSidebarWorkspaceLogo, descendants: true, isSignal: true }, { propertyName: "_textTemplate", first: true, predicate: MlvSidebarWorkspaceText, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #workspaceRow let-option let-location=\"location\">\n  <span class=\"mlv-sidebar-workspace__logo\" aria-hidden=\"true\">\n    @if (_logoTemplate(); as logoTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"logoTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__monogram\">\n      {{ _initials(option.label) }}\n    </span>\n    }\n  </span>\n\n  <span class=\"mlv-sidebar-workspace__text\">\n    @if (_textTemplate(); as textTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"textTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__label\">{{ option.label }}</span>\n    @if (option.description) {\n    <span class=\"mlv-sidebar-workspace__description\">\n      {{ option.description }}\n    </span>\n    } }\n  </span>\n\n  @if (location === 'trigger' && _hasMultiple()) {\n  <svg\n    class=\"mlv-sidebar-workspace__chevron\"\n    lucideChevronsUpDown\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  } @if (location === 'option' && _isSelected(option)) {\n  <svg\n    class=\"mlv-sidebar-workspace__check\"\n    lucideCheck\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  }\n</ng-template>\n\n@if (_hasMultiple()) {\n<button\n  type=\"button\"\n  mlvButton\n  variant=\"transparent\"\n  class=\"mlv-sidebar-workspace__trigger\"\n  [mlvMenuTrigger]=\"workspaceMenu\"\n  [attr.aria-label]=\"_triggerAriaLabel()\"\n  (menuOpened)=\"_opened.set(true)\"\n  (menuClosed)=\"_opened.set(false)\"\n>\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</button>\n\n<mlv-menu #workspaceMenu [label]=\"_i18n().workspaceMenu\">\n  @for (option of workspaces(); track option.id) {\n  <mlv-list-item\n    mlvMenuItem\n    class=\"mlv-sidebar-workspace__option\"\n    [attr.aria-current]=\"_isSelected(option) ? 'true' : null\"\n    (itemClick)=\"_selectWorkspace(option)\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"workspaceRow\"\n      [ngTemplateOutletContext]=\"{ $implicit: option, location: 'option' }\"\n    />\n  </mlv-list-item>\n  }\n</mlv-menu>\n} @else {\n<div class=\"mlv-sidebar-workspace__trigger\">\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</div>\n}\n", styles: [".mlv-sidebar-workspace{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-sidebar-workspace *{box-sizing:border-box}.mlv-sidebar-workspace{display:block;width:100%;min-width:0}.mlv-sidebar-workspace__trigger,.mlv-sidebar-workspace__option .mlv-list-item__content{display:grid;grid-template-columns:var(--mlv-sidebar-icon-column-width, 2.375rem) minmax(0,1fr) auto;align-items:center;gap:0;width:100%;min-width:0}.mlv-sidebar-workspace__trigger{min-height:2.5rem;padding:0;border:none;border-radius:var(--mlv-radius-m);background-color:transparent;color:var(--mlv-text-primary);font:inherit;text-align:start;outline:none}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger{cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out-strong)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:hover,.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:focus-visible{background-color:var(--mlv-sidebar-hover-bg, var(--mlv-background-neutral-1))}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:active{transform:scale(.985)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger>.mlv-button__text{display:contents}.mlv-sidebar-workspace--open .mlv-sidebar-workspace__trigger{background-color:var(--mlv-background-neutral-1-active)}.mlv-sidebar-workspace__logo{display:flex;align-items:center;justify-content:center;justify-self:center;width:1.75rem;height:1.75rem;overflow:hidden;flex-shrink:0;border-radius:var(--mlv-radius-s);background-color:var(--mlv-background-accent-1);color:var(--mlv-text-primary-on-accent-1)}.mlv-sidebar-workspace__logo>*{max-width:100%;max-height:100%}.mlv-sidebar-workspace__monogram{font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-font-weight-semibold);line-height:1}.mlv-sidebar-workspace__text{display:flex;flex-direction:column;min-width:0;overflow:hidden;opacity:1;transform:translate(0);visibility:visible;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out-strong),transform var(--mlv-duration-normal) var(--mlv-ease-out-strong),visibility var(--mlv-duration-instant) linear}.mlv-sidebar-workspace__text>*,.mlv-sidebar-workspace__label,.mlv-sidebar-workspace__description{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mlv-sidebar-workspace__label,.mlv-sidebar-workspace__text>:first-child{color:var(--mlv-text-primary);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-m-line-height)}.mlv-sidebar-workspace__description,.mlv-sidebar-workspace__text>:not(:first-child){color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-typography-body-s-weight);line-height:var(--mlv-typography-body-s-line-height)}.mlv-sidebar-workspace__chevron,.mlv-sidebar-workspace__check{margin-inline:var(--mlv-spacing-2);flex-shrink:0;color:var(--mlv-text-secondary)}.mlv-sidebar-workspace__chevron{opacity:1;visibility:visible;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out-strong),visibility var(--mlv-duration-instant) linear}.mlv-sidebar-workspace__check{color:var(--mlv-text-action)}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__trigger{grid-template-columns:var(--mlv-sidebar-icon-column-width, 2.375rem) minmax(0,0fr) 0}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__text{opacity:0;transform:translate(-.25rem);visibility:hidden;pointer-events:none;transition-delay:0s,0s,var(--mlv-duration-normal)}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__chevron{margin-inline:0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,var(--mlv-duration-normal)}.mlv-sidebar-workspace__option{min-width:14rem;--mlv-list-item-padding-block: var(--mlv-spacing-1);--mlv-list-item-padding-inline: var(--mlv-spacing-1)}.mlv-sidebar-workspace__option[aria-current=true]{--mlv-list-item-bg: var(--mlv-background-accent-1-pale);--mlv-list-item-bg-hover: var(--mlv-background-accent-1-pale-hover)}.mlv-sidebar-workspace__option .mlv-list-item__content{grid-template-columns:2.5rem minmax(0,1fr) 2rem}.mlv-sidebar-workspace__option .mlv-sidebar-workspace__logo{justify-self:start}@media(prefers-reduced-motion:reduce){.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger,.mlv-sidebar-workspace .mlv-sidebar-workspace__text,.mlv-sidebar-workspace .mlv-sidebar-workspace__chevron{transition-duration:var(--mlv-duration-instant)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:active{transform:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity"], outputs: ["closed"] }, { kind: "directive", type: MlvMenuItem, selector: "mlv-list-item[mlvMenuItem]", inputs: ["disabled"], outputs: ["itemClick"] }, { kind: "directive", type: MlvMenuTrigger, selector: "[mlvMenuTrigger]", inputs: ["mlvMenuTrigger", "isSubmenuTrigger", "menuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: LucideCheck, selector: "svg[lucideCheck]" }, { kind: "component", type: LucideChevronsUpDown, selector: "svg[lucideChevronsUpDown]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarWorkspace, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-sidebar-workspace', imports: [
+                        NgTemplateOutlet,
+                        MlvButton,
+                        MlvMenu,
+                        MlvMenuItem,
+                        MlvMenuTrigger,
+                        MlvListItem,
+                        LucideCheck,
+                        LucideChevronsUpDown,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-sidebar-workspace',
+                        '[class.mlv-sidebar-workspace--collapsed]': '_isCollapsed()',
+                        '[class.mlv-sidebar-workspace--multiple]': '_hasMultiple()',
+                        '[class.mlv-sidebar-workspace--open]': '_opened()',
+                    }, template: "<ng-template #workspaceRow let-option let-location=\"location\">\n  <span class=\"mlv-sidebar-workspace__logo\" aria-hidden=\"true\">\n    @if (_logoTemplate(); as logoTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"logoTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__monogram\">\n      {{ _initials(option.label) }}\n    </span>\n    }\n  </span>\n\n  <span class=\"mlv-sidebar-workspace__text\">\n    @if (_textTemplate(); as textTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"textTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__label\">{{ option.label }}</span>\n    @if (option.description) {\n    <span class=\"mlv-sidebar-workspace__description\">\n      {{ option.description }}\n    </span>\n    } }\n  </span>\n\n  @if (location === 'trigger' && _hasMultiple()) {\n  <svg\n    class=\"mlv-sidebar-workspace__chevron\"\n    lucideChevronsUpDown\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  } @if (location === 'option' && _isSelected(option)) {\n  <svg\n    class=\"mlv-sidebar-workspace__check\"\n    lucideCheck\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  }\n</ng-template>\n\n@if (_hasMultiple()) {\n<button\n  type=\"button\"\n  mlvButton\n  variant=\"transparent\"\n  class=\"mlv-sidebar-workspace__trigger\"\n  [mlvMenuTrigger]=\"workspaceMenu\"\n  [attr.aria-label]=\"_triggerAriaLabel()\"\n  (menuOpened)=\"_opened.set(true)\"\n  (menuClosed)=\"_opened.set(false)\"\n>\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</button>\n\n<mlv-menu #workspaceMenu [label]=\"_i18n().workspaceMenu\">\n  @for (option of workspaces(); track option.id) {\n  <mlv-list-item\n    mlvMenuItem\n    class=\"mlv-sidebar-workspace__option\"\n    [attr.aria-current]=\"_isSelected(option) ? 'true' : null\"\n    (itemClick)=\"_selectWorkspace(option)\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"workspaceRow\"\n      [ngTemplateOutletContext]=\"{ $implicit: option, location: 'option' }\"\n    />\n  </mlv-list-item>\n  }\n</mlv-menu>\n} @else {\n<div class=\"mlv-sidebar-workspace__trigger\">\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</div>\n}\n", styles: [".mlv-sidebar-workspace{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-sidebar-workspace *{box-sizing:border-box}.mlv-sidebar-workspace{display:block;width:100%;min-width:0}.mlv-sidebar-workspace__trigger,.mlv-sidebar-workspace__option .mlv-list-item__content{display:grid;grid-template-columns:var(--mlv-sidebar-icon-column-width, 2.375rem) minmax(0,1fr) auto;align-items:center;gap:0;width:100%;min-width:0}.mlv-sidebar-workspace__trigger{min-height:2.5rem;padding:0;border:none;border-radius:var(--mlv-radius-m);background-color:transparent;color:var(--mlv-text-primary);font:inherit;text-align:start;outline:none}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger{cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out-strong)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:hover,.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:focus-visible{background-color:var(--mlv-sidebar-hover-bg, var(--mlv-background-neutral-1))}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:active{transform:scale(.985)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger>.mlv-button__text{display:contents}.mlv-sidebar-workspace--open .mlv-sidebar-workspace__trigger{background-color:var(--mlv-background-neutral-1-active)}.mlv-sidebar-workspace__logo{display:flex;align-items:center;justify-content:center;justify-self:center;width:1.75rem;height:1.75rem;overflow:hidden;flex-shrink:0;border-radius:var(--mlv-radius-s);background-color:var(--mlv-background-accent-1);color:var(--mlv-text-primary-on-accent-1)}.mlv-sidebar-workspace__logo>*{max-width:100%;max-height:100%}.mlv-sidebar-workspace__monogram{font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-font-weight-semibold);line-height:1}.mlv-sidebar-workspace__text{display:flex;flex-direction:column;min-width:0;overflow:hidden;opacity:1;transform:translate(0);visibility:visible;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out-strong),transform var(--mlv-duration-normal) var(--mlv-ease-out-strong),visibility var(--mlv-duration-instant) linear}.mlv-sidebar-workspace__text>*,.mlv-sidebar-workspace__label,.mlv-sidebar-workspace__description{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mlv-sidebar-workspace__label,.mlv-sidebar-workspace__text>:first-child{color:var(--mlv-text-primary);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-m-line-height)}.mlv-sidebar-workspace__description,.mlv-sidebar-workspace__text>:not(:first-child){color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-typography-body-s-weight);line-height:var(--mlv-typography-body-s-line-height)}.mlv-sidebar-workspace__chevron,.mlv-sidebar-workspace__check{margin-inline:var(--mlv-spacing-2);flex-shrink:0;color:var(--mlv-text-secondary)}.mlv-sidebar-workspace__chevron{opacity:1;visibility:visible;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out-strong),visibility var(--mlv-duration-instant) linear}.mlv-sidebar-workspace__check{color:var(--mlv-text-action)}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__trigger{grid-template-columns:var(--mlv-sidebar-icon-column-width, 2.375rem) minmax(0,0fr) 0}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__text{opacity:0;transform:translate(-.25rem);visibility:hidden;pointer-events:none;transition-delay:0s,0s,var(--mlv-duration-normal)}.mlv-sidebar-workspace--collapsed .mlv-sidebar-workspace__chevron{margin-inline:0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,var(--mlv-duration-normal)}.mlv-sidebar-workspace__option{min-width:14rem;--mlv-list-item-padding-block: var(--mlv-spacing-1);--mlv-list-item-padding-inline: var(--mlv-spacing-1)}.mlv-sidebar-workspace__option[aria-current=true]{--mlv-list-item-bg: var(--mlv-background-accent-1-pale);--mlv-list-item-bg-hover: var(--mlv-background-accent-1-pale-hover)}.mlv-sidebar-workspace__option .mlv-list-item__content{grid-template-columns:2.5rem minmax(0,1fr) 2rem}.mlv-sidebar-workspace__option .mlv-sidebar-workspace__logo{justify-self:start}@media(prefers-reduced-motion:reduce){.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger,.mlv-sidebar-workspace .mlv-sidebar-workspace__text,.mlv-sidebar-workspace .mlv-sidebar-workspace__chevron{transition-duration:var(--mlv-duration-instant)}.mlv-sidebar-workspace button.mlv-sidebar-workspace__trigger:active{transform:none}}\n"] }]
+        }], propDecorators: { workspaces: [{ type: i0.Input, args: [{ isSignal: true, alias: "workspaces", required: true }] }], workspace: [{ type: i0.Input, args: [{ isSignal: true, alias: "workspace", required: true }] }, { type: i0.Output, args: ["workspaceChange"] }], _logoTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvSidebarWorkspaceLogo), { isSignal: true }] }], _textTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvSidebarWorkspaceText), { isSignal: true }] }] } });
+//# sourceMappingURL=sidebar-workspace.js.map

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-workspace.js","sourceRoot":"","sources":["../../../../../../../libs/core/sidebar/src/lib/sidebar-workspace/sidebar-workspace.ts","../../../../../../../libs/core/sidebar/src/lib/sidebar-workspace/sidebar-workspace.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACL,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,gCAAgC,CAAC;;AA6BxC,MAAM,OAAO,mBAAmB;IAC9B,+EAA+E;IAC9D,eAAe,GAAG,MAAM,CAAC,eAAe,EAAE;QACzD,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,+DAA+D;IAC5C,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAEpD,2EAA2E;IAC1D,aAAa,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAEhE;;;OAGG;IACM,UAAU,GAAG,KAAK,CAAC,QAAQ;mFAAwC,CAAC;IAE7E;;;OAGG;IACM,SAAS,GAAG,KAAK,CAAC,QAAQ;kFAA6B,CAAC;IAEjE,mEAAmE;IAChD,aAAa,GAAG,YAAY,CAAC,uBAAuB;sFAAC,CAAC;IAEzE,kEAAkE;IAC/C,aAAa,GAAG,YAAY,CAAC,uBAAuB;sFAAC,CAAC;IAEzE,8DAA8D;IAC3C,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC,CAAC;IAE3C,6EAA6E;IAC1D,YAAY,GAAG,QAAQ,CACxC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,GAAG,CAAC;qFACnC,CAAC;IAEF;;;OAGG;IACgB,YAAY,GAAG,QAAQ,CACxC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,EAAE,IAAI,KAAK;qFACjD,CAAC;IAEF;;OAEG;IACgB,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE,CACnD,IAAI,CAAC,aAAa,CAAC,OAAO,CACxB,IAAI,CAAC,KAAK,EAAuC,EACjD,iBAAiB,EACjB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,CACtC;0FACF,CAAC;IAEF;;;OAGG;IACO,gBAAgB,CAAC,SAAoC;QAC7D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,2EAA2E;IACjE,WAAW,CAAC,SAAoC;QACxD,OAAO,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACO,gBAAgB,CACxB,SAAoC;QAEpC,OAAO;YACL,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;SACtC,CAAC;IACJ,CAAC;IAED,gFAAgF;IACtE,SAAS,CAAC,KAAa;QAC/B,OAAO,KAAK;aACT,IAAI,EAAE;aACN,KAAK,CAAC,KAAK,CAAC;aACZ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAC7B,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE,CAAC;IACnB,CAAC;uGA5FU,mBAAmB;2FAAnB,mBAAmB,wqBAyBkB,uBAAuB,gGAGvB,uBAAuB,gEC9EzE,q9EAsFA,u0JDxDI,gBAAgB,oJAChB,SAAS,iIACT,OAAO,2GACP,WAAW,qHACX,cAAc,2KACd,WAAW,oGACX,WAAW,6DACX,oBAAoB;;2FAaX,mBAAmB;kBAvB/B,SAAS;+BACE,uBAAuB,WACxB;wBACP,gBAAgB;wBAChB,SAAS;wBACT,OAAO;wBACP,WAAW;wBACX,cAAc;wBACd,WAAW;wBACX,WAAW;wBACX,oBAAoB;qBACrB,iBAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,uBAAuB;wBAC9B,0CAA0C,EAAE,gBAAgB;wBAC5D,yCAAyC,EAAE,gBAAgB;wBAC3D,qCAAqC,EAAE,WAAW;qBACnD;sVA2B+C,uBAAuB,+FAGvB,uBAAuB","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { MlvButton } from '@malva-ui/core/button';\nimport { MlvListItem } from '@malva-ui/core/list';\nimport { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';\nimport { MLV_SIDEBAR_I18N, MlvI18nResolverService } from '@malva-ui/i18n';\nimport { LucideCheck, LucideChevronsUpDown } from '@lucide/angular';\nimport { SIDEBAR_CONTEXT } from '../sidebar-context';\nimport {\n  MlvSidebarWorkspaceLogo,\n  MlvSidebarWorkspaceText,\n} from './sidebar-workspace.directives';\nimport type {\n  MlvSidebarWorkspaceOption,\n  MlvSidebarWorkspaceTemplateContext,\n} from './sidebar-workspace.types';\n\n@Component({\n  selector: 'mlv-sidebar-workspace',\n  imports: [\n    NgTemplateOutlet,\n    MlvButton,\n    MlvMenu,\n    MlvMenuItem,\n    MlvMenuTrigger,\n    MlvListItem,\n    LucideCheck,\n    LucideChevronsUpDown,\n  ],\n  templateUrl: './sidebar-workspace.html',\n  styleUrl: './sidebar-workspace.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-sidebar-workspace',\n    '[class.mlv-sidebar-workspace--collapsed]': '_isCollapsed()',\n    '[class.mlv-sidebar-workspace--multiple]': '_hasMultiple()',\n    '[class.mlv-sidebar-workspace--open]': '_opened()',\n  },\n})\nexport class MlvSidebarWorkspace {\n  /** @private Parent sidebar context supplying the effective collapsed state. */\n  private readonly _sidebarContext = inject(SIDEBAR_CONTEXT, {\n    optional: true,\n  });\n\n  /** @protected Localized strings for the workspace switcher. */\n  protected readonly _i18n = inject(MLV_SIDEBAR_I18N);\n\n  /** @private ICU message resolver used by the trigger's accessible name. */\n  private readonly _i18nResolver = inject(MlvI18nResolverService);\n\n  /**\n   * Workspaces available to the user. A switcher menu is rendered only when\n   * the collection contains more than one workspace.\n   */\n  readonly workspaces = input.required<readonly MlvSidebarWorkspaceOption[]>();\n\n  /**\n   * Currently active workspace. Two-way bind with `[(workspace)]` to receive\n   * user selections made in the workspace menu.\n   */\n  readonly workspace = model.required<MlvSidebarWorkspaceOption>();\n\n  /** @protected Optional structural template for workspace logos. */\n  protected readonly _logoTemplate = contentChild(MlvSidebarWorkspaceLogo);\n\n  /** @protected Optional structural template for workspace text. */\n  protected readonly _textTemplate = contentChild(MlvSidebarWorkspaceText);\n\n  /** @protected Whether the switcher menu is currently open. */\n  protected readonly _opened = signal(false);\n\n  /** @protected True when choosing between multiple workspaces is possible. */\n  protected readonly _hasMultiple = computed(\n    () => this.workspaces().length > 1,\n  );\n\n  /**\n   * @protected Whether the parent sidebar is collapsed. Workspace switchers\n   * outside a sidebar remain expanded.\n   */\n  protected readonly _isCollapsed = computed(\n    () => this._sidebarContext?.collapsed() ?? false,\n  );\n\n  /**\n   * @protected Accessible trigger name including the current workspace.\n   */\n  protected readonly _triggerAriaLabel = computed(() =>\n    this._i18nResolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'switchWorkspace',\n      { workspace: this.workspace().label },\n    ),\n  );\n\n  /**\n   * @protected Selects a workspace from the menu. The menu item directive\n   * closes the overlay and restores focus to the trigger after this handler.\n   */\n  protected _selectWorkspace(workspace: MlvSidebarWorkspaceOption): void {\n    this.workspace.set(workspace);\n  }\n\n  /** @protected Tracks whether an option represents the active workspace. */\n  protected _isSelected(workspace: MlvSidebarWorkspaceOption): boolean {\n    return workspace.id === this.workspace().id;\n  }\n\n  /**\n   * @protected Builds the strongly typed context supplied to the logo and text\n   * structural templates.\n   */\n  protected _templateContext(\n    workspace: MlvSidebarWorkspaceOption,\n  ): MlvSidebarWorkspaceTemplateContext {\n    return {\n      $implicit: workspace,\n      selected: this._isSelected(workspace),\n    };\n  }\n\n  /** @protected Produces a compact fallback monogram when no logo is supplied. */\n  protected _initials(label: string): string {\n    return label\n      .trim()\n      .split(/\\s+/)\n      .slice(0, 2)\n      .map((word) => word.charAt(0))\n      .join('')\n      .toUpperCase();\n  }\n}\n","<ng-template #workspaceRow let-option let-location=\"location\">\n  <span class=\"mlv-sidebar-workspace__logo\" aria-hidden=\"true\">\n    @if (_logoTemplate(); as logoTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"logoTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__monogram\">\n      {{ _initials(option.label) }}\n    </span>\n    }\n  </span>\n\n  <span class=\"mlv-sidebar-workspace__text\">\n    @if (_textTemplate(); as textTemplate) {\n    <ng-container\n      [ngTemplateOutlet]=\"textTemplate.templateRef\"\n      [ngTemplateOutletContext]=\"_templateContext(option)\"\n    />\n    } @else {\n    <span class=\"mlv-sidebar-workspace__label\">{{ option.label }}</span>\n    @if (option.description) {\n    <span class=\"mlv-sidebar-workspace__description\">\n      {{ option.description }}\n    </span>\n    } }\n  </span>\n\n  @if (location === 'trigger' && _hasMultiple()) {\n  <svg\n    class=\"mlv-sidebar-workspace__chevron\"\n    lucideChevronsUpDown\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  } @if (location === 'option' && _isSelected(option)) {\n  <svg\n    class=\"mlv-sidebar-workspace__check\"\n    lucideCheck\n    [size]=\"16\"\n    aria-hidden=\"true\"\n  ></svg>\n  }\n</ng-template>\n\n@if (_hasMultiple()) {\n<button\n  type=\"button\"\n  mlvButton\n  variant=\"transparent\"\n  class=\"mlv-sidebar-workspace__trigger\"\n  [mlvMenuTrigger]=\"workspaceMenu\"\n  [attr.aria-label]=\"_triggerAriaLabel()\"\n  (menuOpened)=\"_opened.set(true)\"\n  (menuClosed)=\"_opened.set(false)\"\n>\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</button>\n\n<mlv-menu #workspaceMenu [label]=\"_i18n().workspaceMenu\">\n  @for (option of workspaces(); track option.id) {\n  <mlv-list-item\n    mlvMenuItem\n    class=\"mlv-sidebar-workspace__option\"\n    [attr.aria-current]=\"_isSelected(option) ? 'true' : null\"\n    (itemClick)=\"_selectWorkspace(option)\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"workspaceRow\"\n      [ngTemplateOutletContext]=\"{ $implicit: option, location: 'option' }\"\n    />\n  </mlv-list-item>\n  }\n</mlv-menu>\n} @else {\n<div class=\"mlv-sidebar-workspace__trigger\">\n  <ng-container\n    [ngTemplateOutlet]=\"workspaceRow\"\n    [ngTemplateOutletContext]=\"{ $implicit: workspace(), location: 'trigger' }\"\n  />\n</div>\n}\n"]}

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=sidebar-workspace.types.js.map

package/esm2022/sidebar/lib/sidebar-workspace/sidebar-workspace.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-workspace.types.js","sourceRoot":"","sources":["../../../../../../../libs/core/sidebar/src/lib/sidebar-workspace/sidebar-workspace.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Workspace data understood by `mlv-sidebar-workspace`.\n * Consumers may structurally extend this interface with application-specific\n * fields; `label` remains the accessible name used by the switcher.\n */\nexport interface MlvSidebarWorkspaceOption {\n  /** Stable identifier used to track and compare workspaces. */\n  readonly id: string;\n  /** Human-readable and accessible workspace name. */\n  readonly label: string;\n  /** Optional secondary line rendered by the default text template. */\n  readonly description?: string;\n}\n\n/** Context supplied to workspace logo and text structural templates. */\nexport interface MlvSidebarWorkspaceTemplateContext {\n  /** Workspace being rendered; available through `let-workspace`. */\n  readonly $implicit: MlvSidebarWorkspaceOption;\n  /** Whether this workspace is currently active. */\n  readonly selected: boolean;\n}\n"]}

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

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

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

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

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

package/esm2022/skeleton/index.js.map

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

package/esm2022/skeleton/lib/skeleton/skeleton.js

@@ -0,0 +1,78 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * Skeleton loader component (`mlv-skeleton`) used as a placeholder while content is loading.
+ *
+ * Renders a pulsing placeholder that communicates the shape of the incoming content.
+ * Width and height are bound directly on the host element via `[style.width]` and
+ * `[style.height]`. The component is always `aria-hidden="true"` — it carries no
+ * semantic meaning for assistive technology.
+ *
+ * @example
+ * ```html
+ * <!-- Default rectangle -->
+ * <mlv-skeleton />
+ *
+ * <!-- Circle avatar placeholder -->
+ * <mlv-skeleton variant="circle" width="2.5rem" height="2.5rem" />
+ *
+ * <!-- Text line placeholder -->
+ * <mlv-skeleton variant="text" width="60%" />
+ * ```
+ */
+export class MlvSkeleton {
+    /**
+     * Visual shape variant of the skeleton.
+     * - `'rectangle'` (default) — rectangular block
+     * - `'text'` — short rounded pill mimicking a line of text
+     * - `'circle'` — fully rounded circle for avatar/icon placeholders
+     */
+    variant = input('rectangle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * CSS width applied to the host element.
+     * Accepts any valid CSS width value (e.g. `'100%'`, `'12rem'`, `'200px'`).
+     * Defaults to `'100%'`.
+     */
+    width = input('100%', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    /**
+     * CSS height applied to the host element.
+     * Accepts any valid CSS height value (e.g. `'1rem'`, `'48px'`).
+     * Defaults to `'1rem'`.
+     */
+    height = input('1rem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the pulsing animation is active.
+     * Set to `false` to render a static placeholder (e.g. for reduced-motion or loading states
+     * that should not draw attention). Defaults to `true`.
+     */
+    animated = input(true, { ...(ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * CSS duration for the shimmer animation (e.g. `'1s'`, `'0.8s'`, `'2s'`).
+     * Passed as the `--mlv-skeleton-duration` CSS custom property on the host, which
+     * controls the `animation-duration` of the shimmer keyframe.
+     * Defaults to `'2s'` for a slow, professional feel.
+     */
+    animationDuration = input('2s', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvSkeleton, isStandalone: true, selector: "mlv-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class.mlv-skeleton--text": "variant() === \"text\"", "class.mlv-skeleton--circle": "variant() === \"circle\"", "class.mlv-skeleton--rectangle": "variant() === \"rectangle\"", "class.mlv-skeleton--animated": "animated()", "style.width": "width()", "style.height": "height()", "style.--mlv-skeleton-duration": "animationDuration()" }, classAttribute: "mlv-skeleton" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes mlv-skeleton-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.mlv-skeleton{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-skeleton *{box-sizing:border-box}.mlv-skeleton{--mlv-skeleton-base: var(--mlv-background-neutral-1);--mlv-skeleton-highlight: var(--mlv-background-base);display:block;background-color:var(--mlv-skeleton-base);border-radius:var(--mlv-radius-s)}.mlv-skeleton--animated{background:linear-gradient(90deg,var(--mlv-skeleton-base) 25%,var(--mlv-skeleton-highlight) 50%,var(--mlv-skeleton-base) 75%);background-size:400% 100%;background-position:200% center;animation:mlv-skeleton-shimmer var(--mlv-skeleton-duration, 2s) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.mlv-skeleton--animated{animation:none;background:var(--mlv-skeleton-base)}}.mlv-skeleton--text{border-radius:var(--mlv-radius-3xl);height:.875em}.mlv-skeleton--circle{border-radius:50%}.mlv-skeleton--rectangle{border-radius:var(--mlv-radius-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSkeleton, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-skeleton', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-skeleton',
+                        '[class.mlv-skeleton--text]': 'variant() === "text"',
+                        '[class.mlv-skeleton--circle]': 'variant() === "circle"',
+                        '[class.mlv-skeleton--rectangle]': 'variant() === "rectangle"',
+                        '[class.mlv-skeleton--animated]': 'animated()',
+                        'aria-hidden': 'true',
+                        '[style.width]': 'width()',
+                        '[style.height]': 'height()',
+                        '[style.--mlv-skeleton-duration]': 'animationDuration()',
+                    }, styles: ["@keyframes mlv-skeleton-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.mlv-skeleton{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-skeleton *{box-sizing:border-box}.mlv-skeleton{--mlv-skeleton-base: var(--mlv-background-neutral-1);--mlv-skeleton-highlight: var(--mlv-background-base);display:block;background-color:var(--mlv-skeleton-base);border-radius:var(--mlv-radius-s)}.mlv-skeleton--animated{background:linear-gradient(90deg,var(--mlv-skeleton-base) 25%,var(--mlv-skeleton-highlight) 50%,var(--mlv-skeleton-base) 75%);background-size:400% 100%;background-position:200% center;animation:mlv-skeleton-shimmer var(--mlv-skeleton-duration, 2s) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.mlv-skeleton--animated{animation:none;background:var(--mlv-skeleton-base)}}.mlv-skeleton--text{border-radius:var(--mlv-radius-3xl);height:.875em}.mlv-skeleton--circle{border-radius:50%}.mlv-skeleton--rectangle{border-radius:var(--mlv-radius-s)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }] } });
+//# sourceMappingURL=skeleton.js.map

package/esm2022/skeleton/lib/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../../../../libs/core/skeleton/src/lib/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;AAK9D;;;;;;;;;;;;;;;;;;;GAmBG;AAmBH,MAAM,OAAO,WAAW;IACtB;;;;;OAKG;IACM,OAAO,GAAG,KAAK,CAAqB,WAAW;gFAAC,CAAC;IAE1D;;;;OAIG;IACM,KAAK,GAAG,KAAK,CAAS,MAAM;8EAAC,CAAC;IAEvC;;;;OAIG;IACM,MAAM,GAAG,KAAK,CAAS,MAAM;+EAAC,CAAC;IAExC;;;;OAIG;IACM,QAAQ,GAAG,KAAK,CAAwB,IAAI,gFACnD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;OAKG;IACM,iBAAiB,GAAG,KAAK,CAAS,IAAI;0FAAC,CAAC;uGAtCtC,WAAW;2FAAX,WAAW,+oCAhBZ,EAAE;;2FAgBD,WAAW;kBAlBvB,SAAS;+BACE,cAAc,YACd,EAAE,iBAEG,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,cAAc;wBACrB,4BAA4B,EAAE,sBAAsB;wBACpD,8BAA8B,EAAE,wBAAwB;wBACxD,iCAAiC,EAAE,2BAA2B;wBAC9D,gCAAgC,EAAE,YAAY;wBAC9C,aAAa,EAAE,MAAM;wBACrB,eAAe,EAAE,SAAS;wBAC1B,gBAAgB,EAAE,UAAU;wBAC5B,iCAAiC,EAAE,qBAAqB;qBACzD","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/** Visual shape variant of the skeleton loader. */\nexport type MlvSkeletonVariant = 'text' | 'circle' | 'rectangle';\n\n/**\n * Skeleton loader component (`mlv-skeleton`) used as a placeholder while content is loading.\n *\n * Renders a pulsing placeholder that communicates the shape of the incoming content.\n * Width and height are bound directly on the host element via `[style.width]` and\n * `[style.height]`. The component is always `aria-hidden=\"true\"` — it carries no\n * semantic meaning for assistive technology.\n *\n * @example\n * ```html\n * <!-- Default rectangle -->\n * <mlv-skeleton />\n *\n * <!-- Circle avatar placeholder -->\n * <mlv-skeleton variant=\"circle\" width=\"2.5rem\" height=\"2.5rem\" />\n *\n * <!-- Text line placeholder -->\n * <mlv-skeleton variant=\"text\" width=\"60%\" />\n * ```\n */\n@Component({\n  selector: 'mlv-skeleton',\n  template: '',\n  styleUrl: './skeleton.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-skeleton',\n    '[class.mlv-skeleton--text]': 'variant() === \"text\"',\n    '[class.mlv-skeleton--circle]': 'variant() === \"circle\"',\n    '[class.mlv-skeleton--rectangle]': 'variant() === \"rectangle\"',\n    '[class.mlv-skeleton--animated]': 'animated()',\n    'aria-hidden': 'true',\n    '[style.width]': 'width()',\n    '[style.height]': 'height()',\n    '[style.--mlv-skeleton-duration]': 'animationDuration()',\n  },\n})\nexport class MlvSkeleton {\n  /**\n   * Visual shape variant of the skeleton.\n   * - `'rectangle'` (default) — rectangular block\n   * - `'text'` — short rounded pill mimicking a line of text\n   * - `'circle'` — fully rounded circle for avatar/icon placeholders\n   */\n  readonly variant = input<MlvSkeletonVariant>('rectangle');\n\n  /**\n   * CSS width applied to the host element.\n   * Accepts any valid CSS width value (e.g. `'100%'`, `'12rem'`, `'200px'`).\n   * Defaults to `'100%'`.\n   */\n  readonly width = input<string>('100%');\n\n  /**\n   * CSS height applied to the host element.\n   * Accepts any valid CSS height value (e.g. `'1rem'`, `'48px'`).\n   * Defaults to `'1rem'`.\n   */\n  readonly height = input<string>('1rem');\n\n  /**\n   * Whether the pulsing animation is active.\n   * Set to `false` to render a static placeholder (e.g. for reduced-motion or loading states\n   * that should not draw attention). Defaults to `true`.\n   */\n  readonly animated = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * CSS duration for the shimmer animation (e.g. `'1s'`, `'0.8s'`, `'2s'`).\n   * Passed as the `--mlv-skeleton-duration` CSS custom property on the host, which\n   * controls the `animation-duration` of the shimmer keyframe.\n   * Defaults to `'2s'` for a slow, professional feel.\n   */\n  readonly animationDuration = input<string>('2s');\n}\n"]}

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

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

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

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

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

package/esm2022/slider/index.js.map

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

package/esm2022/slider/lib/slider/slider-tooltip-def.js

@@ -0,0 +1,31 @@
+import { Directive, inject, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Structural directive that provides custom slider tooltip text.
+ *
+ * @example
+ * ```html
+ * <mlv-slider tooltip>
+ *   <ng-template mlvSliderTooltipDef let-value>
+ *     {{ value }}%
+ *   </ng-template>
+ * </mlv-slider>
+ * ```
+ */
+export class MlvSliderTooltipDef {
+    /** Template used to render the current thumb value. */
+    templateRef = inject((TemplateRef));
+    /** Type guard for `let-value`, `let-value="value"`, and `let-thumb="thumb"`. */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSliderTooltipDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSliderTooltipDef, isStandalone: true, selector: "[mlvSliderTooltipDef]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSliderTooltipDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSliderTooltipDef]',
+                }]
+        }] });
+//# sourceMappingURL=slider-tooltip-def.js.map

package/esm2022/slider/lib/slider/slider-tooltip-def.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-tooltip-def.js","sourceRoot":"","sources":["../../../../../../../libs/core/slider/src/lib/slider/slider-tooltip-def.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAqB/D;;;;;;;;;;;GAWG;AAIH,MAAM,OAAO,mBAAmB;IAC9B,uDAAuD;IAC9C,WAAW,GAAG,MAAM,CAAC,CAAA,WAAuC,CAAA,CAAC,CAAC;IAEvE,gFAAgF;IAChF,MAAM,CAAC,sBAAsB,CAC3B,IAAyB,EACzB,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;uGAVU,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAH/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;iBAClC","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n/**\n * Identifies the thumb whose tooltip is being rendered.\n *\n * Single-value sliders use `'value'`; range sliders use `'min'` and `'max'`.\n */\nexport type MlvSliderTooltipThumb = 'value' | 'min' | 'max';\n\n/**\n * Context provided to a custom `[mlvSliderTooltipDef]` template.\n */\nexport interface MlvSliderTooltipDefContext {\n  /** Current thumb value, also exposed as `let-value`. */\n  $implicit: number;\n  /** Current thumb value exposed as the named `value` property. */\n  value: number;\n  /** Semantic identity of the thumb being rendered. */\n  thumb: MlvSliderTooltipThumb;\n}\n\n/**\n * Structural directive that provides custom slider tooltip text.\n *\n * @example\n * ```html\n * <mlv-slider tooltip>\n *   <ng-template mlvSliderTooltipDef let-value>\n *     {{ value }}%\n *   </ng-template>\n * </mlv-slider>\n * ```\n */\n@Directive({\n  selector: '[mlvSliderTooltipDef]',\n})\nexport class MlvSliderTooltipDef {\n  /** Template used to render the current thumb value. */\n  readonly templateRef = inject(TemplateRef<MlvSliderTooltipDefContext>);\n\n  /** Type guard for `let-value`, `let-value=\"value\"`, and `let-thumb=\"thumb\"`. */\n  static ngTemplateContextGuard(\n    _dir: MlvSliderTooltipDef,\n    _ctx: unknown,\n  ): _ctx is MlvSliderTooltipDefContext {\n    return true;\n  }\n}\n"]}