@malva-ui/core 0.1.12 → 0.1.14

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-tree.mjs","sources":["../../../../libs/core/tree/src/lib/tree/tree-node-def.ts","../../../../libs/core/tree/src/lib/tree/tree-context.ts","../../../../libs/core/tree/src/lib/tree/tree-subtree.ts","../../../../libs/core/tree/src/lib/tree/tree-subtree.html","../../../../libs/core/tree/src/lib/tree/tree.ts","../../../../libs/core/tree/src/malva-ui-core-tree.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\nimport type { MlvFlatTreeNode } from './tree-node';\n\n/**\n * Context provided to the `[mlvTreeNodeDef]` template.\n */\nexport interface MlvTreeNodeDefContext<T = unknown> {\n  /** The flat tree node for the current row. */\n  $implicit: MlvFlatTreeNode<T>;\n}\n\n/**\n * Structural directive that marks a `<ng-template>` as a custom node template.\n *\n * Usage:\n * ```html\n * <mlv-tree [nodes]=\"nodes\">\n *   <ng-template mlvTreeNodeDef let-flatNode>\n *     <span>{{ flatNode.node.label }}</span>\n *   </ng-template>\n * </mlv-tree>\n * ```\n */\n@Directive({\n  selector: '[mlvTreeNodeDef]',\n})\nexport class MlvTreeNodeDef<T = unknown> {\n  /** The template reference for this custom node slot. */\n  readonly templateRef = inject(TemplateRef<MlvTreeNodeDefContext<T>>);\n\n  /**\n   * Type guard for correct template variable inference.\n   * @internal\n   */\n  static ngTemplateContextGuard<T>(\n    _dir: MlvTreeNodeDef<T>,\n    _ctx: unknown,\n  ): _ctx is MlvTreeNodeDefContext<T> {\n    return true;\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport type { TreeItem } from '@angular/aria/tree';\nimport type { MlvTreeNode, MlvTreeSelectMode } from './tree-node';\nimport type { MlvTreeNodeDef } from './tree-node-def';\n\n/**\n * Public accessor interface that the recursive `MlvTreeSubtree` uses to\n * communicate with its parent `MlvTree` via the `MLV_TREE` injection\n * token.\n *\n * All members map to the corresponding public members of `MlvTree`.\n * Selection, roving focus, keyboard navigation, expansion state and all ARIA\n * attributes are owned by the `@angular/aria` `Tree`/`TreeItem`/`TreeItemGroup`\n * directives applied inside the subtree template; this accessor only surfaces\n * the Malva UI-specific glue (lazy loading, custom templates, `nodeActivate`,\n * `nodeToggle`, and the single-select deselect-on-re-click affordance).\n */\nexport interface MlvTreeAccessor {\n  /** Current selection mode. */\n  selectMode(): MlvTreeSelectMode;\n\n  /** Indentation size in rem per depth level. */\n  indentSize(): number;\n\n  /** Whether the given node id is currently expanded. */\n  _isExpanded(id: string | number): boolean;\n\n  /** Whether the given node id is currently loading lazy children. */\n  _isLoading(id: string | number): boolean;\n\n  /** Whether the given node id is currently selected. */\n  _isSelected(id: string | number): boolean;\n\n  /**\n   * Returns the effective children of a node: lazily-loaded children when\n   * present, otherwise the static `children` array.\n   */\n  _children(node: MlvTreeNode): MlvTreeNode[];\n\n  /** Whether a node renders an expandable group (static, loaded, or lazy children). */\n  _hasChildren(node: MlvTreeNode): boolean;\n\n  /** Custom node template directive, if any. */\n  _nodeDefDirective(): MlvTreeNodeDef | undefined;\n\n  /**\n   * Reacts to the aria `TreeItem.expanded` model changing (keyboard, pointer,\n   * chevron, or programmatic). Syncs the expansion set, triggers lazy loading,\n   * and emits `nodeToggle`.\n   */\n  _onExpandedChange(node: MlvTreeNode, expanded: boolean): void;\n\n  /**\n   * Chevron toggle handler. Guards disabled nodes, stops propagation so the\n   * aria tree does not also select the row, and flips the aria item's\n   * `expanded` model (which routes through `_onExpandedChange`).\n   */\n  _onToggle(\n    node: MlvTreeNode,\n    item: TreeItem<string | number>,\n    event: Event,\n  ): void;\n\n  /**\n   * Row pointer handler. Emits `nodeActivate` in `none` mode and implements the\n   * single-select deselect-on-re-click affordance (aria's `selectOne` never\n   * deselects on its own).\n   */\n  _onRowClick(node: MlvTreeNode, event: MouseEvent): void;\n\n  /** Row Enter/Space handler used to emit `nodeActivate` in `none` mode. */\n  _onActivateKey(node: MlvTreeNode): void;\n}\n\n/**\n * Injection token that provides the parent `MlvTree` as a\n * `MlvTreeAccessor` to nested `MlvTreeSubtree` instances.\n */\nexport const MLV_TREE = new InjectionToken<MlvTreeAccessor>('MLV_TREE');\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TreeItem, TreeItemGroup } from '@angular/aria/tree';\nimport type { Tree } from '@angular/aria/tree';\nimport { MlvLoader } from '@malva-ui/core/loader';\nimport { MlvExpand } from '@malva-ui/core/expand';\nimport { MlvCheckbox } from '@malva-ui/core/checkbox';\nimport {\n  LucideChevronRight,\n  LucideChevronDown,\n  LucideDynamicIcon,\n} from '@lucide/angular';\nimport type { MlvFlatTreeNode, MlvTreeNode } from './tree-node';\nimport { MLV_TREE } from './tree-context';\nimport type { MlvTreeAccessor } from './tree-context';\n\n/** The valid `parent` reference for a subtree's items: the tree root or a group. */\ntype TreeParent = Tree<string | number> | TreeItemGroup<string | number>;\n\n/**\n * Internal recursive subtree component used by `MlvTree`.\n *\n * Renders one level of `<div ngTreeItem>` rows using the `@angular/aria`\n * `Tree`/`TreeItem`/`TreeItemGroup` headless directives (applied here so aria\n * owns roles, `aria-level`/`setsize`/`posinset`, roving `tabindex`, keyboard\n * navigation, typeahead and selection). Children are wrapped in\n * `<ng-template ngTreeItemGroup>` + `mlv-expand` for the animated height\n * transition; `[preserveContent]=\"true\"` keeps aria's `DeferredContent` from\n * unmounting the group so `mlv-expand` can own the enter/leave animation.\n *\n * The recursion is expressed as **nested components** (not a self-referential\n * `ngTemplateOutlet`, which throws `createEmbeddedViewImpl is not a function`\n * when rendered through aria's `DeferredContent`).\n *\n * @internal Not part of the public API — use `MlvTree` instead.\n */\n@Component({\n  selector: 'mlv-tree-subtree',\n  templateUrl: './tree-subtree.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    TreeItem,\n    TreeItemGroup,\n    MlvLoader,\n    MlvExpand,\n    LucideChevronRight,\n    LucideChevronDown,\n    LucideDynamicIcon,\n    MlvCheckbox,\n    MlvTreeSubtree,\n  ],\n  host: {\n    class: 'mlv-tree__subtree',\n  },\n})\nexport class MlvTreeSubtree {\n  /** The nodes to render at this level. */\n  readonly nodes = input<MlvTreeNode[]>([]);\n\n  /**\n   * The aria parent for this level's items — the `Tree` root for the top level,\n   * or the owning `TreeItemGroup` for a nested level. Required: aria's\n   * `TreeItem` needs a defined `parent` from creation (its `level`/`selected`\n   * patterns dereference it) — an undefined parent crashes rendering.\n   */\n  readonly parent = input.required<TreeParent>();\n\n  /** The depth of this level (0 = root). Drives indentation and connectors. */\n  readonly depth = input<number>(0);\n\n  /** @protected The parent tree context injected via `MLV_TREE`. */\n  protected readonly tree = inject<MlvTreeAccessor>(MLV_TREE);\n\n  /**\n   * @private Per-node cache of the `[mlvTreeNodeDef]` template context and its\n   * `ngTemplateOutlet` wrapper, keyed by node identity. The entry is rebuilt for\n   * a node only when one of its derived fields actually changes, so the context\n   * object identity stays stable across change detection — the custom template\n   * (and any OnPush children inside it) is not re-stamped against a freshly\n   * allocated context object on every pass.\n   */\n  private readonly _contextCache = new WeakMap<\n    MlvTreeNode,\n    { ctx: MlvFlatTreeNode; wrapper: { $implicit: MlvFlatTreeNode } }\n  >();\n\n  /**\n   * @protected Returns the identity-stable `ngTemplateOutlet` context wrapper for\n   * a node's `[mlvTreeNodeDef]` template. Preserves the public context shape\n   * (`let-flatNode` → `MlvFlatTreeNode`). Derived from the node + component state\n   * rather than aria's `TreeItem` patterns (which are only available after the\n   * item's `ngOnInit`). A new wrapper (and `MlvFlatTreeNode`) is produced only when\n   * a field changes, so unchanged rows keep a stable context reference across\n   * change detection.\n   */\n  protected _nodeContext(node: MlvTreeNode): { $implicit: MlvFlatTreeNode } {\n    const depth = this.depth();\n    const isExpanded = this.tree._isExpanded(node.id);\n    const hasChildren = this.tree._hasChildren(node);\n    const isLoading = this.tree._isLoading(node.id);\n\n    const cached = this._contextCache.get(node);\n    if (\n      cached &&\n      cached.ctx.depth === depth &&\n      cached.ctx.isExpanded === isExpanded &&\n      cached.ctx.hasChildren === hasChildren &&\n      cached.ctx.isLoading === isLoading\n    ) {\n      return cached.wrapper;\n    }\n\n    const ctx: MlvFlatTreeNode = {\n      node,\n      depth,\n      isExpanded,\n      hasChildren,\n      isLoading,\n      key: node.id,\n    };\n    const wrapper = { $implicit: ctx };\n    this._contextCache.set(node, { ctx, wrapper });\n    return wrapper;\n  }\n}\n","@for (node of nodes(); track node.id) {\n<div\n  ngTreeItem\n  #item=\"ngTreeItem\"\n  class=\"mlv-tree__item\"\n  [parent]=\"parent()\"\n  [value]=\"node.id\"\n  [label]=\"node.label\"\n  [disabled]=\"!!node.disabled\"\n  [selectable]=\"tree.selectMode() !== 'none'\"\n  [preserveContent]=\"true\"\n  [expanded]=\"tree._isExpanded(node.id)\"\n  (expandedChange)=\"tree._onExpandedChange(node, $event)\"\n  [class.mlv-tree__item--expanded]=\"item.expanded()\"\n  [class.mlv-tree__item--selected]=\"tree._isSelected(node.id)\"\n  [class.mlv-tree__item--disabled]=\"node.disabled\"\n  [class.mlv-tree__item--leaf]=\"!tree._hasChildren(node)\"\n  [class.mlv-tree__item--loading]=\"tree._isLoading(node.id)\"\n  [style.padding-inline-start]=\"depth() * tree.indentSize() + 'rem'\"\n  (click)=\"tree._onRowClick(node, $event)\"\n  (keydown.enter)=\"tree._onActivateKey(node)\"\n  (keydown.space)=\"tree._onActivateKey(node)\"\n>\n  <div class=\"mlv-tree__item__content\">\n    @if (tree._hasChildren(node); as hasChildren) {\n    <!-- Expand/collapse toggle — swap chevron icon based on state -->\n    <button\n      class=\"mlv-tree__toggle\"\n      [class.mlv-tree__toggle--expanded]=\"item.expanded()\"\n      type=\"button\"\n      tabindex=\"-1\"\n      [attr.aria-label]=\"\n          item.expanded() ? 'Collapse ' + node.label : 'Expand ' + node.label\n        \"\n      (click)=\"tree._onToggle(node, item, $event)\"\n    >\n      @if (!tree._isLoading(node.id)) { @if (item.expanded()) {\n      <svg lucideChevronDown [size]=\"16\" />\n      } @else {\n      <svg lucideChevronRight [size]=\"16\" />\n      } }\n    </button>\n    }\n\n    <!-- Loading spinner (lazy load in progress) -->\n    @if (tree._isLoading(node.id)) {\n    <span class=\"mlv-tree__spinner\" aria-hidden=\"true\">\n      <mlv-loader\n        variant=\"circle\"\n        [size]=\"16\"\n        [indeterminate]=\"true\"\n        ariaLabel=\"Loading children\"\n      />\n    </span>\n    }\n\n    <!-- Multi-select checkbox — presentational reflection of aria selection. -->\n    @if (tree.selectMode() === 'multi') {\n    <mlv-checkbox\n      class=\"mlv-tree__checkbox\"\n      [checked]=\"tree._isSelected(node.id)\"\n      [disabled]=\"!!node.disabled\"\n      [tabbable]=\"false\"\n      [ariaLabel]=\"'Select ' + node.label\"\n    />\n    }\n\n    <!-- Node content: custom template or default label -->\n    <span class=\"mlv-tree__content\">\n      @if (tree._nodeDefDirective(); as def) {\n      <ng-template\n        [ngTemplateOutlet]=\"def.templateRef\"\n        [ngTemplateOutletContext]=\"_nodeContext(node)\"\n      />\n      } @else { @if (node.icon) {\n      <svg\n        class=\"mlv-tree__icon\"\n        [lucideIcon]=\"node.icon\"\n        [size]=\"16\"\n        aria-hidden=\"true\"\n      ></svg>\n      }\n      <span class=\"mlv-tree__label\">{{ node.label }}</span>\n      }\n    </span>\n  </div>\n\n  <!-- Children: aria group + mlv-expand animated height transition -->\n  @if (tree._hasChildren(node)) {\n  <div\n    role=\"group\"\n    class=\"mlv-tree__group\"\n    [style.--mlv-tree-connector-offset]=\"\n          (depth() + 1) * tree.indentSize() + 0.75 + 'rem'\n        \"\n  >\n    <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\n      <mlv-expand [opened]=\"item.expanded()\">\n        @if (!tree._isLoading(node.id)) {\n        <mlv-tree-subtree\n          [nodes]=\"tree._children(node)\"\n          [parent]=\"group\"\n          [depth]=\"depth() + 1\"\n        />\n        }\n      </mlv-expand>\n    </ng-template>\n  </div>\n  }\n</div>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  forwardRef,\n  input,\n  type OnInit,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Tree } from '@angular/aria/tree';\nimport type { MlvTreeNode } from './tree-node';\nimport type { MlvTreeSelectMode } from './tree-node';\nimport { MlvTreeNodeDef } from './tree-node-def';\nimport { MLV_TREE } from './tree-context';\nimport type { MlvTreeAccessor } from './tree-context';\nimport { MlvTreeSubtree } from './tree-subtree';\nimport type { TreeItem } from '@angular/aria/tree';\n\n// Re-export for convenience\nexport { MLV_TREE };\nexport type { MlvTreeAccessor };\n\n/** `aria-current` type surfaced when the tree is used as a navigation tree. */\nexport type MlvTreeCurrentType =\n  | 'page'\n  | 'step'\n  | 'location'\n  | 'date'\n  | 'time'\n  | 'true'\n  | 'false';\n\n/**\n * Hierarchical data tree component for displaying nested data.\n *\n * Built on the `@angular/aria` headless `Tree`/`TreeItem`/`TreeItemGroup`\n * directives (applied inside the component — consumers never see `ng*`\n * selectors). aria owns roles, `aria-level`/`setsize`/`posinset`, roving\n * `tabindex`, keyboard navigation (arrows, Home/End), text typeahead, and\n * selection; the component keeps the Malva UI data-driven `nodes` API, the\n * `mlv-expand` animated expand/collapse, lazy loading, custom node templates,\n * and multi-select checkboxes.\n *\n * Features:\n * - Expand/collapse nodes with smooth animated height transition via `mlv-expand`\n * - Single-select and multi-select checkbox mode\n * - Lazy loading via `loadChildren` callbacks with spinner\n * - Full keyboard navigation and text typeahead (owned by `@angular/aria`)\n * - Custom node templates via `[mlvTreeNodeDef]`\n * - Optional navigation-tree mode (`nav` + `currentType`) for sidebar-style trees\n * - Generic typed `MlvTreeNode<T>` interface\n * - Recursive rendering via internal `MlvTreeSubtree`\n *\n * @example\n * ```html\n * <mlv-tree [nodes]=\"treeData\" selectMode=\"multi\" (selectionChange)=\"onSelect($event)\" />\n * ```\n */\n@Component({\n  selector: 'mlv-tree',\n  // The aria `Tree` directive is applied to an inner `[ngTree]` element rather\n  // than as a `hostDirective`: aria's config inputs (`multi`, `selectionMode`,\n  // `softDisabled`) are derived internally from `selectMode` and CANNOT be set\n  // on a host directive from the component's own `host` metadata (silently\n  // ignored — verified). Binding them on an in-template element works. aria owns\n  // `role=\"tree\"`, `aria-multiselectable/orientation/disabled/activedescendant`,\n  // the roving tabindex and all keyboard/pointer handling on `.mlv-tree__root`.\n  template: `\n    <div\n      class=\"mlv-tree__root\"\n      ngTree\n      #root=\"ngTree\"\n      [multi]=\"selectMode() === 'multi'\"\n      [selectionMode]=\"'explicit'\"\n      [softDisabled]=\"true\"\n      [wrap]=\"false\"\n      [nav]=\"nav()\"\n      [currentType]=\"currentType()\"\n      [value]=\"_value()\"\n      (valueChange)=\"_onAriaValueChange($event)\"\n    >\n      <mlv-tree-subtree [nodes]=\"nodes()\" [parent]=\"root\" [depth]=\"0\" />\n    </div>\n  `,\n  styleUrl: './tree.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [Tree, MlvTreeSubtree],\n  providers: [\n    {\n      provide: MLV_TREE,\n      useExisting: forwardRef(() => MlvTree),\n    },\n  ],\n  host: {\n    class: 'mlv-tree',\n    '[class.mlv-tree--connectors]': 'showConnectors()',\n  },\n})\nexport class MlvTree<T = unknown> implements OnInit, MlvTreeAccessor {\n  /** The tree nodes to render. Supports nested children. */\n  readonly nodes = input<MlvTreeNode<T>[]>([]);\n\n  /**\n   * Selection mode:\n   * - `'none'` — no selection (default); rows are activated (`nodeActivate`)\n   * - `'single'` — click/Space/Enter selects one node at a time\n   * - `'multi'` — checkbox-based multi-select\n   */\n  readonly selectMode = input<MlvTreeSelectMode>('none');\n\n  /** Indentation per depth level in `rem`. Defaults to `1.5`. */\n  readonly indentSize = input<number>(1.5);\n\n  /**\n   * When true, renders vertical and horizontal connector lines between parent and child nodes\n   * (file-explorer pattern). Defaults to `false`.\n   */\n  readonly showConnectors = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When true, the tree renders as a navigation tree: selected rows expose\n   * `aria-current` (of `currentType`) instead of `aria-selected`. Suited to\n   * sidebar-style navigation trees. Defaults to `false`.\n   */\n  readonly nav = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** The `aria-current` type used when `nav` is enabled. Defaults to `'page'`. */\n  readonly currentType = input<MlvTreeCurrentType>('page');\n\n  /** Emits the set of selected node IDs whenever the selection changes. */\n  readonly selectionChange = output<Set<string | number>>();\n\n  /** Emits when a node is activated (clicked or Enter in single-select/none mode). */\n  readonly nodeActivate = output<MlvTreeNode<T>>();\n\n  /** Emits when a node's expanded state changes. */\n  readonly nodeToggle = output<{ node: MlvTreeNode<T>; expanded: boolean }>();\n\n  /**\n   * @public Selected node ids, mirrored to the aria `Tree.value` model (aria\n   * selection is always an array — a single-select tree holds at most one id).\n   */\n  readonly _value = signal<(string | number)[]>([]);\n\n  /**\n   * @private Selection membership set derived from `_value`. Rebuilt only when\n   * the selection changes, giving `_isSelected` an O(1) lookup instead of an\n   * O(selected) array scan on every node (twice per row) per change-detection\n   * pass. Mirrors the `_expandedIds`/`_loadingIds` Set pattern.\n   */\n  private readonly _selectedIdSet = computed(() => new Set(this._value()));\n\n  /** @public Internal expansion state set (node id → expanded). */\n  readonly _expandedIds = signal<Set<string | number>>(new Set());\n\n  /** @public Map of node id → loaded children (for lazy nodes). */\n  readonly _loadedChildren = signal<Map<string | number, MlvTreeNode<T>[]>>(\n    new Map(),\n  );\n\n  /** @private Set of node ids currently loading lazy children. */\n  private readonly _loadingIds = signal<Set<string | number>>(new Set());\n\n  /** @public The custom node template if provided. */\n  readonly _nodeDefDirective = contentChild(MlvTreeNodeDef<T>);\n\n  ngOnInit(): void {\n    // Seed expansion state from nodes flagged `expanded: true`.\n    const initialExpanded = new Set<string | number>();\n    this._collectInitialExpanded(this.nodes(), initialExpanded);\n    this._expandedIds.set(initialExpanded);\n  }\n\n  /** @private Collect nodes that have `expanded: true` initially. */\n  private _collectInitialExpanded(\n    nodes: MlvTreeNode<T>[],\n    result: Set<string | number>,\n  ): void {\n    for (const node of nodes) {\n      if (node.expanded) {\n        result.add(node.id);\n      }\n      if (node.children?.length) {\n        this._collectInitialExpanded(node.children, result);\n      }\n    }\n  }\n\n  // --- MlvTreeAccessor: state queries -------------------------------------\n\n  /** @public Whether the given node id is currently expanded. */\n  _isExpanded(id: string | number): boolean {\n    return this._expandedIds().has(id);\n  }\n\n  /** @public Whether the given node id is currently loading lazy children. */\n  _isLoading(id: string | number): boolean {\n    return this._loadingIds().has(id);\n  }\n\n  /** @public Whether the given node id is currently selected. */\n  _isSelected(id: string | number): boolean {\n    return this._selectedIdSet().has(id);\n  }\n\n  /**\n   * @public Effective children of a node — lazily-loaded children when present,\n   * otherwise the static `children` array.\n   */\n  _children(node: MlvTreeNode<T>): MlvTreeNode<T>[] {\n    return this._loadedChildren().get(node.id) ?? node.children ?? [];\n  }\n\n  /** @public Whether a node renders an expandable group (static/loaded/lazy children). */\n  _hasChildren(node: MlvTreeNode<T>): boolean {\n    return this._children(node).length > 0 || !!node.loadChildren;\n  }\n\n  // --- MlvTreeAccessor: interaction ---------------------------------------\n\n  /**\n   * @public Reacts to the aria `TreeItem.expanded` model changing (keyboard,\n   * pointer, chevron, or programmatic). Syncs the expansion set, triggers lazy\n   * loading, and emits `nodeToggle`.\n   */\n  _onExpandedChange(node: MlvTreeNode<T>, expanded: boolean): void {\n    if (expanded) {\n      this._expandedIds.update((s) => {\n        const next = new Set(s);\n        next.add(node.id);\n        return next;\n      });\n      if (\n        node.loadChildren &&\n        !this._loadedChildren().has(node.id) &&\n        !this._loadingIds().has(node.id)\n      ) {\n        this._loadLazy(node);\n      }\n      this.nodeToggle.emit({ node, expanded: true });\n    } else {\n      this._expandedIds.update((s) => {\n        const next = new Set(s);\n        next.delete(node.id);\n        return next;\n      });\n      this.nodeToggle.emit({ node, expanded: false });\n    }\n  }\n\n  /**\n   * @public Chevron toggle handler. Guards disabled nodes, stops propagation so\n   * the aria tree does not also select the row, and flips the aria item's\n   * `expanded` model (which routes through `_onExpandedChange`).\n   */\n  _onToggle(\n    node: MlvTreeNode<T>,\n    item: TreeItem<string | number>,\n    event: Event,\n  ): void {\n    event.stopPropagation();\n    if (node.disabled) return;\n    item.expanded.set(!item.expanded());\n  }\n\n  /**\n   * @public Row pointer handler. Emits `nodeActivate` in `none` mode and\n   * implements the single-select deselect-on-re-click affordance (aria's\n   * `selectOne` never deselects on its own).\n   */\n  _onRowClick(node: MlvTreeNode<T>, event: MouseEvent): void {\n    if (node.disabled) return;\n    const mode = this.selectMode();\n    if (mode === 'none') {\n      this.nodeActivate.emit(node);\n      return;\n    }\n    if (mode === 'single') {\n      const current = this._value();\n      if (current.length === 1 && current[0] === node.id) {\n        // Re-clicking the sole selected node clears it. aria's selectOne would\n        // re-select it, so clear the model and stop the aria tree click.\n        this._value.set([]);\n        this.selectionChange.emit(new Set());\n        event.stopPropagation();\n      }\n      // First selection: aria selectOne handles it; `nodeActivate` is emitted\n      // from `_onAriaValueChange` (covers pointer and keyboard selection).\n    }\n    // multi mode: aria toggles selection on row click; no `nodeActivate`.\n  }\n\n  /** @public Row Enter/Space handler used to emit `nodeActivate` in `none` mode. */\n  _onActivateKey(node: MlvTreeNode<T>): void {\n    if (node.disabled) return;\n    if (this.selectMode() === 'none') {\n      this.nodeActivate.emit(node);\n    }\n  }\n\n  /**\n   * @public Bridges the aria `Tree.value` model to `selectionChange`. Also\n   * emits `nodeActivate` for user-driven single-select (pointer or keyboard);\n   * programmatic selection goes through `setSelection` instead.\n   */\n  _onAriaValueChange(value: (string | number)[]): void {\n    this._value.set(value);\n    this.selectionChange.emit(new Set(value));\n    if (this.selectMode() === 'single' && value.length === 1) {\n      const node = this._findNode(value[0]);\n      if (node) {\n        this.nodeActivate.emit(node);\n      }\n    }\n  }\n\n  /** @private Load lazy children then keep the node expanded to reveal them. */\n  private _loadLazy(node: MlvTreeNode<T>): void {\n    if (!node.loadChildren) return;\n    this._loadingIds.update((s) => {\n      const next = new Set(s);\n      next.add(node.id);\n      return next;\n    });\n    node.loadChildren().then((children) => {\n      this._loadedChildren.update((m) => {\n        const next = new Map(m);\n        next.set(node.id, children);\n        return next;\n      });\n      this._loadingIds.update((s) => {\n        const next = new Set(s);\n        next.delete(node.id);\n        return next;\n      });\n    });\n  }\n\n  /** @private Recursively find a node by id across static and loaded children. */\n  private _findNode(id: string | number): MlvTreeNode<T> | undefined {\n    const search = (list: MlvTreeNode<T>[]): MlvTreeNode<T> | undefined => {\n      for (const node of list) {\n        if (node.id === id) return node;\n        const children =\n          this._loadedChildren().get(node.id) ?? node.children ?? [];\n        const found = search(children);\n        if (found) return found;\n      }\n      return undefined;\n    };\n    return search(this.nodes());\n  }\n\n  // --- Programmatic API -----------------------------------------------------\n\n  /** @public Exposes the currently selected node ids. */\n  get selectedIds(): Set<string | number> {\n    return new Set(this._value());\n  }\n\n  /** Programmatically set the selected node IDs. */\n  setSelection(ids: Set<string | number>): void {\n    this._value.set([...ids]);\n    this.selectionChange.emit(new Set(ids));\n  }\n\n  /** Programmatically expand a node by ID. */\n  expandNode(nodeId: string | number): void {\n    this._expandedIds.update((s) => {\n      const next = new Set(s);\n      next.add(nodeId);\n      return next;\n    });\n  }\n\n  /** Programmatically collapse a node by ID. */\n  collapseNode(nodeId: string | number): void {\n    this._expandedIds.update((s) => {\n      const next = new Set(s);\n      next.delete(nodeId);\n      return next;\n    });\n  }\n\n  /** Expand all nodes. */\n  expandAll(): void {\n    const allIds = new Set<string | number>();\n    this._collectAllIds(this.nodes(), allIds);\n    this._expandedIds.set(allIds);\n  }\n\n  /** Collapse all nodes. */\n  collapseAll(): void {\n    this._expandedIds.set(new Set());\n  }\n\n  /** @private Collect all node IDs recursively. */\n  private _collectAllIds(\n    nodes: MlvTreeNode<T>[],\n    result: Set<string | number>,\n  ): void {\n    for (const node of nodes) {\n      result.add(node.id);\n      if (node.children?.length) {\n        this._collectAllIds(node.children, result);\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core-view-variant.mjs

@@ -0,0 +1,292 @@
+import * as i0 from '@angular/core';
+import { input, model, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { LucideEllipsis, LucideLockKeyhole, LucidePlus } from '@lucide/angular';
+import { normalizeForMatch } from '@malva-ui/cdk/utils';
+import { MlvButton } from '@malva-ui/core/button';
+import { MlvInput } from '@malva-ui/core/input';
+import { MlvListItem } from '@malva-ui/core/list';
+import { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';
+
+/**
+ * Compares two host-owned view states after host-provided normalization.
+ *
+ * The normalizer must exclude transient values and return stable object-key
+ * and array ordering. This deliberately uses JSON serialization rather than
+ * generic deep equality and does not reorder values internally.
+ */
+function mlvViewStateEqual(first, second, normalize) {
+    return JSON.stringify(normalize(first)) === JSON.stringify(normalize(second));
+}
+
+const DEFAULT_GROUP_LABELS = {
+    system: 'System',
+    team: 'Team',
+    personal: 'My views',
+};
+/**
+ * Controlled searchable navigation for generic, consumer-owned saved views.
+ *
+ * The host owns persistence, authorization, dirty-state confirmation, and
+ * error recovery. This component emits the requested interactions only.
+ */
+class MlvViewVariantList {
+    /** Saved variants to group and filter locally. */
+    variants = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []));
+    /** Active saved-view identifier, controlled by the host. */
+    activeId = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeId" }] : /* istanbul ignore next */ []));
+    /**
+     * Leaves `activeId` unchanged after a selection request so the host can
+     * accept or reject the request before updating the controlled model.
+     *
+     * The default is false, preserving optimistic selection for simple hosts.
+     */
+    deferSelection = input(false, { ...(ngDevMode ? { debugName: "deferSelection" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Local, diacritic-insensitive view-name search query. */
+    query = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    /** Whether the host permits creating a saved view. */
+    canCreate = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
+    /** Allowed target scopes for creating a view; system views are never creatable. */
+    createScopes = input(['personal'], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "createScopes" }] : /* istanbul ignore next */ []));
+    /** Labels for the fixed System, Team, and Personal group order. */
+    groupLabels = input(DEFAULT_GROUP_LABELS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupLabels" }] : /* istanbul ignore next */ []));
+    /** Operation currently pending in the host, if any. */
+    busyAction = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busyAction" }] : /* istanbul ignore next */ []));
+    /** Recoverable host-supplied error for the navigation surface. */
+    errorMessage = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    /** Emits when the user selects a saved view. */
+    variantSelect = output();
+    /** Emits the allowed scope requested for a newly created view. */
+    createRequest = output();
+    /** Emits the saved view the user wants renamed. */
+    renameRequest = output();
+    /** Emits the saved view the user wants deleted. */
+    deleteRequest = output();
+    /** Emits the saved view the user wants shared. */
+    shareRequest = output();
+    /** Emits when the user asks the host to retry an error. */
+    retryRequest = output();
+    /** Emits when the user dismisses the displayed host error. */
+    dismissError = output();
+    /** @protected Fixed-order, query-filtered groups that have at least one item. */
+    _groups = computed(() => {
+        const query = normalizeForMatch(this.query().trim());
+        const matches = (variant) => !query || normalizeForMatch(variant.name).includes(query);
+        const labels = this.groupLabels();
+        const variants = this.variants();
+        const groups = [
+            { scope: 'system', label: labels.system },
+            { scope: 'team', label: labels.team },
+            { scope: 'personal', label: labels.personal },
+        ];
+        return groups
+            .map((group) => ({
+            ...group,
+            variants: variants.filter((variant) => variant.scope === group.scope && matches(variant)),
+        }))
+            .filter((group) => group.variants.length > 0);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_groups" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the configured creation scopes allow a New view action. */
+    _canCreate = computed(() => this.canCreate() && this.createScopes().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_canCreate" }] : /* istanbul ignore next */ []));
+    /** @protected True when the New view action is pending. */
+    _isCreating = computed(() => this.busyAction()?.action === 'create', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isCreating" }] : /* istanbul ignore next */ []));
+    /** @protected Emits selection, then writes active-id unless host acceptance is deferred. */
+    _select(variant) {
+        if (this._isVariantBusy(variant.id) || variant.id === this.activeId()) {
+            return;
+        }
+        this.variantSelect.emit(variant);
+        if (!this.deferSelection())
+            this.activeId.set(variant.id);
+    }
+    /** @protected Emits one of the host-supported creation scopes when available. */
+    _create(scope) {
+        if (!this._canCreate() || this._isCreating())
+            return;
+        this.createRequest.emit(scope);
+    }
+    /** @protected Emits a permitted item action unless that exact operation is busy. */
+    _requestAction(action, variant) {
+        if (this._isActionBusy(action, variant.id))
+            return;
+        switch (action) {
+            case 'rename':
+                this.renameRequest.emit(variant);
+                return;
+            case 'delete':
+                this.deleteRequest.emit(variant);
+                return;
+            case 'share':
+                this.shareRequest.emit(variant);
+        }
+    }
+    /** @protected Whether an item is the controlled active view. */
+    _isActive(variant) {
+        return variant.id === this.activeId();
+    }
+    /** @protected True when a specific item action is waiting for the host. */
+    _isActionBusy(action, variantId) {
+        const busy = this.busyAction();
+        return (busy?.action === action &&
+            (busy.variantId === undefined || busy.variantId === variantId));
+    }
+    /** @protected True when any operation targeting this saved view is pending. */
+    _isVariantBusy(variantId) {
+        const busy = this.busyAction();
+        return !!busy && busy.variantId === variantId;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvViewVariantList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvViewVariantList, isStandalone: true, selector: "mlv-view-variant-list", inputs: { variants: { classPropertyName: "variants", publicName: "variants", isSignal: true, isRequired: true, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, deferSelection: { classPropertyName: "deferSelection", publicName: "deferSelection", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, canCreate: { classPropertyName: "canCreate", publicName: "canCreate", isSignal: true, isRequired: false, transformFunction: null }, createScopes: { classPropertyName: "createScopes", publicName: "createScopes", isSignal: true, isRequired: false, transformFunction: null }, groupLabels: { classPropertyName: "groupLabels", publicName: "groupLabels", isSignal: true, isRequired: false, transformFunction: null }, busyAction: { classPropertyName: "busyAction", publicName: "busyAction", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeId: "activeIdChange", query: "queryChange", variantSelect: "variantSelect", createRequest: "createRequest", renameRequest: "renameRequest", deleteRequest: "deleteRequest", shareRequest: "shareRequest", retryRequest: "retryRequest", dismissError: "dismissError" }, host: { classAttribute: "mlv-view-variant-list" }, ngImport: i0, template: "<div class=\"mlv-view-variant-list__toolbar\">\n  <mlv-input\n    bare\n    type=\"search\"\n    placeholder=\"Search views\"\n    ariaLabel=\"Search views\"\n    [value]=\"query()\"\n    (valueChange)=\"query.set($event)\"\n  />\n\n  @if (_canCreate()) { @if (createScopes().length === 1) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(createScopes()[0])\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New view\n  </button>\n  } @else { @for (scope of createScopes(); track scope) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(scope)\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New {{ scope }} view\n  </button>\n  } } }\n</div>\n\n@if (errorMessage(); as errorMessage) {\n<div class=\"mlv-view-variant-list__error\" role=\"status\" aria-live=\"polite\">\n  <span>{{ errorMessage }}</span>\n  <span class=\"mlv-view-variant-list__error-actions\">\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"retryRequest.emit()\"\n    >\n      Retry\n    </button>\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"dismissError.emit()\"\n    >\n      Dismiss\n    </button>\n  </span>\n</div>\n} @for (group of _groups(); track group.scope) {\n<section class=\"mlv-view-variant-list__group\" [attr.aria-label]=\"group.label\">\n  <h2 class=\"mlv-view-variant-list__group-title\">{{ group.label }}</h2>\n  <ul class=\"mlv-view-variant-list__items\">\n    @for (variant of group.variants; track variant.id) {\n    <li class=\"mlv-view-variant-list__item\">\n      <button\n        type=\"button\"\n        class=\"mlv-view-variant-list__row\"\n        [class.mlv-view-variant-list__row--active]=\"_isActive(variant)\"\n        [attr.aria-current]=\"_isActive(variant) ? 'page' : null\"\n        [disabled]=\"_isVariantBusy(variant.id)\"\n        (click)=\"_select(variant)\"\n      >\n        <span class=\"mlv-view-variant-list__name\">{{ variant.name }}</span>\n        @if (variant.locked) {\n        <svg\n          class=\"mlv-view-variant-list__lock\"\n          lucideLockKeyhole\n          [size]=\"14\"\n          aria-hidden=\"true\"\n        ></svg>\n        <span class=\"mlv-view-variant-list__visually-hidden\">Read-only</span>\n        } @if (variant.resultCount !== undefined) {\n        <span class=\"mlv-view-variant-list__count\"\n          >{{ variant.resultCount }}</span\n        >\n        }\n      </button>\n\n      @if (variant.capabilities.rename || variant.capabilities.delete ||\n      variant.capabilities.share) {\n      <button\n        type=\"button\"\n        mlvButton\n        shape=\"square\"\n        variant=\"transparent\"\n        class=\"mlv-view-variant-list__more\"\n        [mlvMenuTrigger]=\"variantMenu\"\n        [attr.aria-label]=\"'More actions for ' + variant.name\"\n      >\n        <svg lucideEllipsis [size]=\"16\" aria-hidden=\"true\"></svg>\n      </button>\n      <mlv-menu #variantMenu [label]=\"'Actions for ' + variant.name\">\n        @if (variant.capabilities.rename) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('rename', variant.id)\"\n          (itemClick)=\"_requestAction('rename', variant)\"\n          >Rename</mlv-list-item\n        >\n        } @if (variant.capabilities.share) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('share', variant.id)\"\n          (itemClick)=\"_requestAction('share', variant)\"\n          >Share</mlv-list-item\n        >\n        } @if (variant.capabilities.delete) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('delete', variant.id)\"\n          (itemClick)=\"_requestAction('delete', variant)\"\n          >Delete</mlv-list-item\n        >\n        }\n      </mlv-menu>\n      }\n    </li>\n    }\n  </ul>\n</section>\n} @empty {\n<p class=\"mlv-view-variant-list__empty\" role=\"status\">\n  No views match your search.\n</p>\n}\n", styles: ["@layer mlv.components{.mlv-view-variant-list{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-view-variant-list *{box-sizing:border-box}.mlv-view-variant-list{display:block;width:17rem;max-width:100%;color:var(--mlv-text-primary)}.mlv-view-variant-list__toolbar,.mlv-view-variant-list__error,.mlv-view-variant-list__error-actions,.mlv-view-variant-list__item,.mlv-view-variant-list__row{display:flex;align-items:center}.mlv-view-variant-list__toolbar{gap:var(--mlv-spacing-2);margin-block-end:var(--mlv-spacing-4)}.mlv-view-variant-list__toolbar mlv-input{flex:1;min-width:0}.mlv-view-variant-list__create{flex-shrink:0}.mlv-view-variant-list__error{justify-content:space-between;gap:var(--mlv-spacing-2);margin-block-end:var(--mlv-spacing-3);padding:var(--mlv-padding-s);border:var(--mlv-stroke-width) solid var(--mlv-border-error);border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-danger-1-pale);color:var(--mlv-text-error);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-list__error-actions{flex-shrink:0;gap:var(--mlv-spacing-1)}.mlv-view-variant-list__group+.mlv-view-variant-list__group{margin-block-start:var(--mlv-spacing-4);padding-block-start:var(--mlv-spacing-4);border-block-start:var(--mlv-stroke-width) solid var(--mlv-border-subtle)}.mlv-view-variant-list__group-title{margin:0 0 var(--mlv-spacing-2);color:var(--mlv-text-caption);font-size:var(--mlv-typography-caption-size);font-weight:var(--mlv-typography-ui-s-weight);line-height:var(--mlv-typography-caption-line-height)}.mlv-view-variant-list__items{display:grid;gap:var(--mlv-spacing-1);margin:0;padding:0;list-style:none}.mlv-view-variant-list__item{gap:var(--mlv-spacing-1);min-width:0}.mlv-view-variant-list__row{flex:1;gap:var(--mlv-spacing-2);min-width:0;min-height:2.5rem;padding-inline:var(--mlv-spacing-3);border:0;border-radius:var(--mlv-radius-m);background-color:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.mlv-view-variant-list__row:hover{background-color:var(--mlv-background-neutral-1-hover)}.mlv-view-variant-list__row:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-view-variant-list__row:disabled{color:var(--mlv-text-disabled);cursor:progress}.mlv-view-variant-list__row--active{background-color:var(--mlv-background-selected);color:var(--mlv-text-on-selected)}.mlv-view-variant-list__row--active:hover{background-color:var(--mlv-background-selected-hover)}.mlv-view-variant-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-view-variant-list__lock,.mlv-view-variant-list__count,.mlv-view-variant-list__more{flex-shrink:0}.mlv-view-variant-list__lock{color:var(--mlv-text-secondary)}.mlv-view-variant-list__count{margin-inline-start:auto;color:var(--mlv-text-caption);font-variant-numeric:tabular-nums}.mlv-view-variant-list__more{--mlv-button-height: 2.5rem}.mlv-view-variant-list__empty{margin:var(--mlv-spacing-4) 0 0;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-list__visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvMenu, selector: "mlv-menu", inputs: ["label", "mlvDensity", "dataSource"], 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: LucideEllipsis, selector: "svg[lucideEllipsis], svg[lucideMoreHorizontal]" }, { kind: "component", type: LucideLockKeyhole, selector: "svg[lucideLockKeyhole]" }, { kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvViewVariantList, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-view-variant-list', imports: [
+                        MlvButton,
+                        MlvInput,
+                        MlvListItem,
+                        MlvMenu,
+                        MlvMenuItem,
+                        MlvMenuTrigger,
+                        LucideEllipsis,
+                        LucideLockKeyhole,
+                        LucidePlus,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-view-variant-list',
+                    }, template: "<div class=\"mlv-view-variant-list__toolbar\">\n  <mlv-input\n    bare\n    type=\"search\"\n    placeholder=\"Search views\"\n    ariaLabel=\"Search views\"\n    [value]=\"query()\"\n    (valueChange)=\"query.set($event)\"\n  />\n\n  @if (_canCreate()) { @if (createScopes().length === 1) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(createScopes()[0])\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New view\n  </button>\n  } @else { @for (scope of createScopes(); track scope) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(scope)\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New {{ scope }} view\n  </button>\n  } } }\n</div>\n\n@if (errorMessage(); as errorMessage) {\n<div class=\"mlv-view-variant-list__error\" role=\"status\" aria-live=\"polite\">\n  <span>{{ errorMessage }}</span>\n  <span class=\"mlv-view-variant-list__error-actions\">\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"retryRequest.emit()\"\n    >\n      Retry\n    </button>\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"dismissError.emit()\"\n    >\n      Dismiss\n    </button>\n  </span>\n</div>\n} @for (group of _groups(); track group.scope) {\n<section class=\"mlv-view-variant-list__group\" [attr.aria-label]=\"group.label\">\n  <h2 class=\"mlv-view-variant-list__group-title\">{{ group.label }}</h2>\n  <ul class=\"mlv-view-variant-list__items\">\n    @for (variant of group.variants; track variant.id) {\n    <li class=\"mlv-view-variant-list__item\">\n      <button\n        type=\"button\"\n        class=\"mlv-view-variant-list__row\"\n        [class.mlv-view-variant-list__row--active]=\"_isActive(variant)\"\n        [attr.aria-current]=\"_isActive(variant) ? 'page' : null\"\n        [disabled]=\"_isVariantBusy(variant.id)\"\n        (click)=\"_select(variant)\"\n      >\n        <span class=\"mlv-view-variant-list__name\">{{ variant.name }}</span>\n        @if (variant.locked) {\n        <svg\n          class=\"mlv-view-variant-list__lock\"\n          lucideLockKeyhole\n          [size]=\"14\"\n          aria-hidden=\"true\"\n        ></svg>\n        <span class=\"mlv-view-variant-list__visually-hidden\">Read-only</span>\n        } @if (variant.resultCount !== undefined) {\n        <span class=\"mlv-view-variant-list__count\"\n          >{{ variant.resultCount }}</span\n        >\n        }\n      </button>\n\n      @if (variant.capabilities.rename || variant.capabilities.delete ||\n      variant.capabilities.share) {\n      <button\n        type=\"button\"\n        mlvButton\n        shape=\"square\"\n        variant=\"transparent\"\n        class=\"mlv-view-variant-list__more\"\n        [mlvMenuTrigger]=\"variantMenu\"\n        [attr.aria-label]=\"'More actions for ' + variant.name\"\n      >\n        <svg lucideEllipsis [size]=\"16\" aria-hidden=\"true\"></svg>\n      </button>\n      <mlv-menu #variantMenu [label]=\"'Actions for ' + variant.name\">\n        @if (variant.capabilities.rename) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('rename', variant.id)\"\n          (itemClick)=\"_requestAction('rename', variant)\"\n          >Rename</mlv-list-item\n        >\n        } @if (variant.capabilities.share) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('share', variant.id)\"\n          (itemClick)=\"_requestAction('share', variant)\"\n          >Share</mlv-list-item\n        >\n        } @if (variant.capabilities.delete) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('delete', variant.id)\"\n          (itemClick)=\"_requestAction('delete', variant)\"\n          >Delete</mlv-list-item\n        >\n        }\n      </mlv-menu>\n      }\n    </li>\n    }\n  </ul>\n</section>\n} @empty {\n<p class=\"mlv-view-variant-list__empty\" role=\"status\">\n  No views match your search.\n</p>\n}\n", styles: ["@layer mlv.components{.mlv-view-variant-list{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-view-variant-list *{box-sizing:border-box}.mlv-view-variant-list{display:block;width:17rem;max-width:100%;color:var(--mlv-text-primary)}.mlv-view-variant-list__toolbar,.mlv-view-variant-list__error,.mlv-view-variant-list__error-actions,.mlv-view-variant-list__item,.mlv-view-variant-list__row{display:flex;align-items:center}.mlv-view-variant-list__toolbar{gap:var(--mlv-spacing-2);margin-block-end:var(--mlv-spacing-4)}.mlv-view-variant-list__toolbar mlv-input{flex:1;min-width:0}.mlv-view-variant-list__create{flex-shrink:0}.mlv-view-variant-list__error{justify-content:space-between;gap:var(--mlv-spacing-2);margin-block-end:var(--mlv-spacing-3);padding:var(--mlv-padding-s);border:var(--mlv-stroke-width) solid var(--mlv-border-error);border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-danger-1-pale);color:var(--mlv-text-error);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-list__error-actions{flex-shrink:0;gap:var(--mlv-spacing-1)}.mlv-view-variant-list__group+.mlv-view-variant-list__group{margin-block-start:var(--mlv-spacing-4);padding-block-start:var(--mlv-spacing-4);border-block-start:var(--mlv-stroke-width) solid var(--mlv-border-subtle)}.mlv-view-variant-list__group-title{margin:0 0 var(--mlv-spacing-2);color:var(--mlv-text-caption);font-size:var(--mlv-typography-caption-size);font-weight:var(--mlv-typography-ui-s-weight);line-height:var(--mlv-typography-caption-line-height)}.mlv-view-variant-list__items{display:grid;gap:var(--mlv-spacing-1);margin:0;padding:0;list-style:none}.mlv-view-variant-list__item{gap:var(--mlv-spacing-1);min-width:0}.mlv-view-variant-list__row{flex:1;gap:var(--mlv-spacing-2);min-width:0;min-height:2.5rem;padding-inline:var(--mlv-spacing-3);border:0;border-radius:var(--mlv-radius-m);background-color:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.mlv-view-variant-list__row:hover{background-color:var(--mlv-background-neutral-1-hover)}.mlv-view-variant-list__row:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-view-variant-list__row:disabled{color:var(--mlv-text-disabled);cursor:progress}.mlv-view-variant-list__row--active{background-color:var(--mlv-background-selected);color:var(--mlv-text-on-selected)}.mlv-view-variant-list__row--active:hover{background-color:var(--mlv-background-selected-hover)}.mlv-view-variant-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlv-view-variant-list__lock,.mlv-view-variant-list__count,.mlv-view-variant-list__more{flex-shrink:0}.mlv-view-variant-list__lock{color:var(--mlv-text-secondary)}.mlv-view-variant-list__count{margin-inline-start:auto;color:var(--mlv-text-caption);font-variant-numeric:tabular-nums}.mlv-view-variant-list__more{--mlv-button-height: 2.5rem}.mlv-view-variant-list__empty{margin:var(--mlv-spacing-4) 0 0;color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-list__visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}}\n"] }]
+        }], propDecorators: { variants: [{ type: i0.Input, args: [{ isSignal: true, alias: "variants", required: true }] }], activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }, { type: i0.Output, args: ["activeIdChange"] }], deferSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "deferSelection", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], canCreate: [{ type: i0.Input, args: [{ isSignal: true, alias: "canCreate", required: false }] }], createScopes: [{ type: i0.Input, args: [{ isSignal: true, alias: "createScopes", required: false }] }], groupLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupLabels", required: false }] }], busyAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyAction", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], variantSelect: [{ type: i0.Output, args: ["variantSelect"] }], createRequest: [{ type: i0.Output, args: ["createRequest"] }], renameRequest: [{ type: i0.Output, args: ["renameRequest"] }], deleteRequest: [{ type: i0.Output, args: ["deleteRequest"] }], shareRequest: [{ type: i0.Output, args: ["shareRequest"] }], retryRequest: [{ type: i0.Output, args: ["retryRequest"] }], dismissError: [{ type: i0.Output, args: ["dismissError"] }] } });
+
+/**
+ * Controlled dirty-state and read-only explanation for the active saved view.
+ *
+ * It never persists state or decides whether a confirmation is required; the
+ * host responds to its request outputs and supplies the next controlled state.
+ */
+class MlvViewVariantStatus {
+    /** Active saved view, or null when the working view is unsaved. */
+    variant = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Whether the host-owned working state differs from its saved baseline. */
+    dirty = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dirty" }] : /* istanbul ignore next */ []));
+    /** Whether the host permits saving a new view from the current working state. */
+    canCreate = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []));
+    /** Operation currently pending in the host, if any. */
+    busyAction = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busyAction" }] : /* istanbul ignore next */ []));
+    /** Recoverable host-supplied error for this status surface. */
+    errorMessage = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+    /** Emits when the host should restore its current baseline state. */
+    resetRequest = output();
+    /** Emits the active view to duplicate as a new saved view. */
+    cloneRequest = output();
+    /** Emits the active view to update from its dirty working state. */
+    updateRequest = output();
+    /** Emits when the host should save the working state as a new view. */
+    createRequest = output();
+    /** Emits when the user asks the host to retry the displayed error. */
+    retryRequest = output();
+    /** Emits when the user dismisses the displayed host error. */
+    dismissError = output();
+    /** @protected The resolved internal state, including invisible editable-clean. */
+    _mode = computed(() => {
+        const variant = this.variant();
+        if (!variant)
+            return 'unsaved';
+        if (variant.locked && this.dirty())
+            return 'locked-dirty';
+        if (variant.locked)
+            return 'locked-clean';
+        return this.dirty() ? 'editable-dirty' : 'editable-clean';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
+    /** @protected The rendered explanation associated with the current mode. */
+    _message = computed(() => {
+        switch (this._mode()) {
+            case 'locked-clean':
+                return 'This system view is read-only';
+            case 'locked-dirty':
+                return 'Duplicate it to save your changes';
+            case 'editable-dirty':
+                return 'You have unsaved view changes';
+            case 'unsaved':
+                return 'This is an unsaved view';
+            case 'editable-clean':
+                return '';
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_message" }] : /* istanbul ignore next */ []));
+    /** @protected Whether an actionable status band should be rendered. */
+    _isVisible = computed(() => this._mode() !== 'editable-clean' || !!this.errorMessage(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isVisible" }] : /* istanbul ignore next */ []));
+    /** @protected Whether any action relevant to this surface is currently busy. */
+    _isBusy = computed(() => {
+        const busy = this.busyAction();
+        if (!busy)
+            return false;
+        if (!['create', 'clone', 'update'].includes(busy.action))
+            return false;
+        const variant = this.variant();
+        return busy.variantId === undefined || busy.variantId === variant?.id;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isBusy" }] : /* istanbul ignore next */ []));
+    /** @protected Whether a single operation is pending for this active context. */
+    _isActionBusy(action) {
+        const busy = this.busyAction();
+        return (busy?.action === action &&
+            (busy.variantId === undefined || busy.variantId === this.variant()?.id));
+    }
+    /** @protected Emits reset; a busy persistence operation does not block it. */
+    _reset() {
+        this.resetRequest.emit();
+    }
+    /** @protected Emits duplication only for a clone-capable active view. */
+    _clone() {
+        const variant = this.variant();
+        if (variant?.capabilities.clone && !this._isActionBusy('clone')) {
+            this.cloneRequest.emit(variant);
+        }
+    }
+    /** @protected Emits update only for an update-capable dirty active view. */
+    _update() {
+        const variant = this.variant();
+        if (variant?.capabilities.update &&
+            this.dirty() &&
+            !this._isActionBusy('update')) {
+            this.updateRequest.emit(variant);
+        }
+    }
+    /** @protected Emits creation only when the host has allowed it. */
+    _create() {
+        if (this.canCreate() && !this._isActionBusy('create')) {
+            this.createRequest.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvViewVariantStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvViewVariantStatus, isStandalone: true, selector: "mlv-view-variant-status", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null }, canCreate: { classPropertyName: "canCreate", publicName: "canCreate", isSignal: true, isRequired: false, transformFunction: null }, busyAction: { classPropertyName: "busyAction", publicName: "busyAction", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resetRequest: "resetRequest", cloneRequest: "cloneRequest", updateRequest: "updateRequest", createRequest: "createRequest", retryRequest: "retryRequest", dismissError: "dismissError" }, host: { classAttribute: "mlv-view-variant-status" }, ngImport: i0, template: "@if (_isVisible()) {\n<section\n  class=\"mlv-view-variant-status__surface\"\n  [class.mlv-view-variant-status__surface--error]=\"!!errorMessage()\"\n  [attr.aria-busy]=\"_isBusy() || null\"\n>\n  @if (errorMessage(); as errorMessage) {\n  <div class=\"mlv-view-variant-status__error\" role=\"status\" aria-live=\"polite\">\n    <span>{{ errorMessage }}</span>\n    <span class=\"mlv-view-variant-status__actions\">\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"retryRequest.emit()\"\n      >\n        Retry\n      </button>\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"dismissError.emit()\"\n      >\n        Dismiss\n      </button>\n    </span>\n  </div>\n  } @else {\n  <p class=\"mlv-view-variant-status__message\">{{ _message() }}</p>\n  <div class=\"mlv-view-variant-status__actions\">\n    @switch (_mode()) { @case ('locked-clean') { @if\n    (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('locked-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('editable-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.update) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('update')\"\n      (click)=\"_update()\"\n    >\n      Update view\n    </button>\n    } @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } @case ('unsaved') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset\n    </button>\n    @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } }\n  </div>\n  }\n</section>\n}\n", styles: ["@layer mlv.components{.mlv-view-variant-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-view-variant-status *{box-sizing:border-box}.mlv-view-variant-status{display:block}.mlv-view-variant-status__surface{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-4);width:100%;padding:var(--mlv-padding-m);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-subtle);color:var(--mlv-text-primary)}.mlv-view-variant-status__surface--error{border-color:var(--mlv-border-error);background-color:var(--mlv-background-danger-1-pale)}.mlv-view-variant-status__message{margin:0;font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-status__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-2)}.mlv-view-variant-status__error{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-4);width:100%;color:var(--mlv-text-error);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}@media(max-width:48rem){.mlv-view-variant-status__surface,.mlv-view-variant-status__error{flex-direction:column;align-items:stretch}.mlv-view-variant-status__actions{justify-content:flex-start}}}\n"], dependencies: [{ kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvViewVariantStatus, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-view-variant-status', imports: [MlvButton], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-view-variant-status',
+                    }, template: "@if (_isVisible()) {\n<section\n  class=\"mlv-view-variant-status__surface\"\n  [class.mlv-view-variant-status__surface--error]=\"!!errorMessage()\"\n  [attr.aria-busy]=\"_isBusy() || null\"\n>\n  @if (errorMessage(); as errorMessage) {\n  <div class=\"mlv-view-variant-status__error\" role=\"status\" aria-live=\"polite\">\n    <span>{{ errorMessage }}</span>\n    <span class=\"mlv-view-variant-status__actions\">\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"retryRequest.emit()\"\n      >\n        Retry\n      </button>\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"dismissError.emit()\"\n      >\n        Dismiss\n      </button>\n    </span>\n  </div>\n  } @else {\n  <p class=\"mlv-view-variant-status__message\">{{ _message() }}</p>\n  <div class=\"mlv-view-variant-status__actions\">\n    @switch (_mode()) { @case ('locked-clean') { @if\n    (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('locked-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('editable-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.update) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('update')\"\n      (click)=\"_update()\"\n    >\n      Update view\n    </button>\n    } @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } @case ('unsaved') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset\n    </button>\n    @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } }\n  </div>\n  }\n</section>\n}\n", styles: ["@layer mlv.components{.mlv-view-variant-status{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-view-variant-status *{box-sizing:border-box}.mlv-view-variant-status{display:block}.mlv-view-variant-status__surface{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-4);width:100%;padding:var(--mlv-padding-m);border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-m);background-color:var(--mlv-background-subtle);color:var(--mlv-text-primary)}.mlv-view-variant-status__surface--error{border-color:var(--mlv-border-error);background-color:var(--mlv-background-danger-1-pale)}.mlv-view-variant-status__message{margin:0;font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}.mlv-view-variant-status__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mlv-spacing-2)}.mlv-view-variant-status__error{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-4);width:100%;color:var(--mlv-text-error);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height)}@media(max-width:48rem){.mlv-view-variant-status__surface,.mlv-view-variant-status__error{flex-direction:column;align-items:stretch}.mlv-view-variant-status__actions{justify-content:flex-start}}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }], canCreate: [{ type: i0.Input, args: [{ isSignal: true, alias: "canCreate", required: false }] }], busyAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "busyAction", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], resetRequest: [{ type: i0.Output, args: ["resetRequest"] }], cloneRequest: [{ type: i0.Output, args: ["cloneRequest"] }], updateRequest: [{ type: i0.Output, args: ["updateRequest"] }], createRequest: [{ type: i0.Output, args: ["createRequest"] }], retryRequest: [{ type: i0.Output, args: ["retryRequest"] }], dismissError: [{ type: i0.Output, args: ["dismissError"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvViewVariantList, MlvViewVariantStatus, mlvViewStateEqual };
+//# sourceMappingURL=malva-ui-core-view-variant.mjs.map

package/fesm2022/malva-ui-core-view-variant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-view-variant.mjs","sources":["../../../../libs/core/view-variant/src/lib/view-variant-state.ts","../../../../libs/core/view-variant/src/lib/view-variant-list/view-variant-list.ts","../../../../libs/core/view-variant/src/lib/view-variant-list/view-variant-list.html","../../../../libs/core/view-variant/src/lib/view-variant-status/view-variant-status.ts","../../../../libs/core/view-variant/src/lib/view-variant-status/view-variant-status.html","../../../../libs/core/view-variant/src/malva-ui-core-view-variant.ts"],"sourcesContent":["/**\n * Compares two host-owned view states after host-provided normalization.\n *\n * The normalizer must exclude transient values and return stable object-key\n * and array ordering. This deliberately uses JSON serialization rather than\n * generic deep equality and does not reorder values internally.\n */\nexport function mlvViewStateEqual<TState, TNormalized>(\n  first: TState,\n  second: TState,\n  normalize: (state: TState) => TNormalized,\n): boolean {\n  return JSON.stringify(normalize(first)) === JSON.stringify(normalize(second));\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  model,\n  output,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { LucideEllipsis, LucideLockKeyhole, LucidePlus } from '@lucide/angular';\nimport { normalizeForMatch } from '@malva-ui/cdk/utils';\nimport { MlvButton } from '@malva-ui/core/button';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvListItem } from '@malva-ui/core/list';\nimport { MlvMenu, MlvMenuItem, MlvMenuTrigger } from '@malva-ui/core/menu';\nimport type {\n  MlvViewVariant,\n  MlvViewVariantBusyAction,\n  MlvViewVariantGroupLabels,\n  MlvViewVariantScope,\n} from '../view-variant.types';\n\n/** One labelled, scope-specific group rendered by {@link MlvViewVariantList}. */\ninterface MlvViewVariantListGroup<TState> {\n  readonly scope: MlvViewVariantScope;\n  readonly label: string;\n  readonly variants: readonly MlvViewVariant<TState>[];\n}\n\nconst DEFAULT_GROUP_LABELS: MlvViewVariantGroupLabels = {\n  system: 'System',\n  team: 'Team',\n  personal: 'My views',\n};\n\n/**\n * Controlled searchable navigation for generic, consumer-owned saved views.\n *\n * The host owns persistence, authorization, dirty-state confirmation, and\n * error recovery. This component emits the requested interactions only.\n */\n@Component({\n  selector: 'mlv-view-variant-list',\n  imports: [\n    MlvButton,\n    MlvInput,\n    MlvListItem,\n    MlvMenu,\n    MlvMenuItem,\n    MlvMenuTrigger,\n    LucideEllipsis,\n    LucideLockKeyhole,\n    LucidePlus,\n  ],\n  templateUrl: './view-variant-list.html',\n  styleUrl: './view-variant-list.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-view-variant-list',\n  },\n})\nexport class MlvViewVariantList<TState> {\n  /** Saved variants to group and filter locally. */\n  readonly variants = input.required<readonly MlvViewVariant<TState>[]>();\n\n  /** Active saved-view identifier, controlled by the host. */\n  readonly activeId = model<string | null>(null);\n\n  /**\n   * Leaves `activeId` unchanged after a selection request so the host can\n   * accept or reject the request before updating the controlled model.\n   *\n   * The default is false, preserving optimistic selection for simple hosts.\n   */\n  readonly deferSelection = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Local, diacritic-insensitive view-name search query. */\n  readonly query = model('');\n\n  /** Whether the host permits creating a saved view. */\n  readonly canCreate = input(false);\n\n  /** Allowed target scopes for creating a view; system views are never creatable. */\n  readonly createScopes = input<\n    readonly Exclude<MlvViewVariantScope, 'system'>[]\n  >(['personal']);\n\n  /** Labels for the fixed System, Team, and Personal group order. */\n  readonly groupLabels = input<MlvViewVariantGroupLabels>(DEFAULT_GROUP_LABELS);\n\n  /** Operation currently pending in the host, if any. */\n  readonly busyAction = input<MlvViewVariantBusyAction | null>(null);\n\n  /** Recoverable host-supplied error for the navigation surface. */\n  readonly errorMessage = input<string | null>(null);\n\n  /** Emits when the user selects a saved view. */\n  readonly variantSelect = output<MlvViewVariant<TState>>();\n\n  /** Emits the allowed scope requested for a newly created view. */\n  readonly createRequest = output<Exclude<MlvViewVariantScope, 'system'>>();\n\n  /** Emits the saved view the user wants renamed. */\n  readonly renameRequest = output<MlvViewVariant<TState>>();\n\n  /** Emits the saved view the user wants deleted. */\n  readonly deleteRequest = output<MlvViewVariant<TState>>();\n\n  /** Emits the saved view the user wants shared. */\n  readonly shareRequest = output<MlvViewVariant<TState>>();\n\n  /** Emits when the user asks the host to retry an error. */\n  readonly retryRequest = output<void>();\n\n  /** Emits when the user dismisses the displayed host error. */\n  readonly dismissError = output<void>();\n\n  /** @protected Fixed-order, query-filtered groups that have at least one item. */\n  protected readonly _groups = computed<\n    readonly MlvViewVariantListGroup<TState>[]\n  >(() => {\n    const query = normalizeForMatch(this.query().trim());\n    const matches = (variant: MlvViewVariant<TState>): boolean =>\n      !query || normalizeForMatch(variant.name).includes(query);\n    const labels = this.groupLabels();\n    const variants = this.variants();\n\n    const groups: readonly Pick<\n      MlvViewVariantListGroup<TState>,\n      'scope' | 'label'\n    >[] = [\n      { scope: 'system', label: labels.system },\n      { scope: 'team', label: labels.team },\n      { scope: 'personal', label: labels.personal },\n    ];\n\n    return groups\n      .map(\n        (group): MlvViewVariantListGroup<TState> => ({\n          ...group,\n          variants: variants.filter(\n            (variant) => variant.scope === group.scope && matches(variant),\n          ),\n        }),\n      )\n      .filter((group) => group.variants.length > 0);\n  });\n\n  /** @protected Whether the configured creation scopes allow a New view action. */\n  protected readonly _canCreate = computed(\n    () => this.canCreate() && this.createScopes().length > 0,\n  );\n\n  /** @protected True when the New view action is pending. */\n  protected readonly _isCreating = computed(\n    () => this.busyAction()?.action === 'create',\n  );\n\n  /** @protected Emits selection, then writes active-id unless host acceptance is deferred. */\n  protected _select(variant: MlvViewVariant<TState>): void {\n    if (this._isVariantBusy(variant.id) || variant.id === this.activeId()) {\n      return;\n    }\n    this.variantSelect.emit(variant);\n    if (!this.deferSelection()) this.activeId.set(variant.id);\n  }\n\n  /** @protected Emits one of the host-supported creation scopes when available. */\n  protected _create(scope: Exclude<MlvViewVariantScope, 'system'>): void {\n    if (!this._canCreate() || this._isCreating()) return;\n    this.createRequest.emit(scope);\n  }\n\n  /** @protected Emits a permitted item action unless that exact operation is busy. */\n  protected _requestAction(\n    action: 'rename' | 'delete' | 'share',\n    variant: MlvViewVariant<TState>,\n  ): void {\n    if (this._isActionBusy(action, variant.id)) return;\n    switch (action) {\n      case 'rename':\n        this.renameRequest.emit(variant);\n        return;\n      case 'delete':\n        this.deleteRequest.emit(variant);\n        return;\n      case 'share':\n        this.shareRequest.emit(variant);\n    }\n  }\n\n  /** @protected Whether an item is the controlled active view. */\n  protected _isActive(variant: MlvViewVariant<TState>): boolean {\n    return variant.id === this.activeId();\n  }\n\n  /** @protected True when a specific item action is waiting for the host. */\n  protected _isActionBusy(\n    action: MlvViewVariantBusyAction['action'],\n    variantId?: string,\n  ): boolean {\n    const busy = this.busyAction();\n    return (\n      busy?.action === action &&\n      (busy.variantId === undefined || busy.variantId === variantId)\n    );\n  }\n\n  /** @protected True when any operation targeting this saved view is pending. */\n  protected _isVariantBusy(variantId: string): boolean {\n    const busy = this.busyAction();\n    return !!busy && busy.variantId === variantId;\n  }\n}\n","<div class=\"mlv-view-variant-list__toolbar\">\n  <mlv-input\n    bare\n    type=\"search\"\n    placeholder=\"Search views\"\n    ariaLabel=\"Search views\"\n    [value]=\"query()\"\n    (valueChange)=\"query.set($event)\"\n  />\n\n  @if (_canCreate()) { @if (createScopes().length === 1) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(createScopes()[0])\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New view\n  </button>\n  } @else { @for (scope of createScopes(); track scope) {\n  <button\n    type=\"button\"\n    mlvButton\n    variant=\"secondary\"\n    class=\"mlv-view-variant-list__create\"\n    [loading]=\"_isCreating()\"\n    (click)=\"_create(scope)\"\n  >\n    <svg lucidePlus [size]=\"16\" aria-hidden=\"true\"></svg>\n    New {{ scope }} view\n  </button>\n  } } }\n</div>\n\n@if (errorMessage(); as errorMessage) {\n<div class=\"mlv-view-variant-list__error\" role=\"status\" aria-live=\"polite\">\n  <span>{{ errorMessage }}</span>\n  <span class=\"mlv-view-variant-list__error-actions\">\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"retryRequest.emit()\"\n    >\n      Retry\n    </button>\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"transparent\"\n      (click)=\"dismissError.emit()\"\n    >\n      Dismiss\n    </button>\n  </span>\n</div>\n} @for (group of _groups(); track group.scope) {\n<section class=\"mlv-view-variant-list__group\" [attr.aria-label]=\"group.label\">\n  <h2 class=\"mlv-view-variant-list__group-title\">{{ group.label }}</h2>\n  <ul class=\"mlv-view-variant-list__items\">\n    @for (variant of group.variants; track variant.id) {\n    <li class=\"mlv-view-variant-list__item\">\n      <button\n        type=\"button\"\n        class=\"mlv-view-variant-list__row\"\n        [class.mlv-view-variant-list__row--active]=\"_isActive(variant)\"\n        [attr.aria-current]=\"_isActive(variant) ? 'page' : null\"\n        [disabled]=\"_isVariantBusy(variant.id)\"\n        (click)=\"_select(variant)\"\n      >\n        <span class=\"mlv-view-variant-list__name\">{{ variant.name }}</span>\n        @if (variant.locked) {\n        <svg\n          class=\"mlv-view-variant-list__lock\"\n          lucideLockKeyhole\n          [size]=\"14\"\n          aria-hidden=\"true\"\n        ></svg>\n        <span class=\"mlv-view-variant-list__visually-hidden\">Read-only</span>\n        } @if (variant.resultCount !== undefined) {\n        <span class=\"mlv-view-variant-list__count\"\n          >{{ variant.resultCount }}</span\n        >\n        }\n      </button>\n\n      @if (variant.capabilities.rename || variant.capabilities.delete ||\n      variant.capabilities.share) {\n      <button\n        type=\"button\"\n        mlvButton\n        shape=\"square\"\n        variant=\"transparent\"\n        class=\"mlv-view-variant-list__more\"\n        [mlvMenuTrigger]=\"variantMenu\"\n        [attr.aria-label]=\"'More actions for ' + variant.name\"\n      >\n        <svg lucideEllipsis [size]=\"16\" aria-hidden=\"true\"></svg>\n      </button>\n      <mlv-menu #variantMenu [label]=\"'Actions for ' + variant.name\">\n        @if (variant.capabilities.rename) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('rename', variant.id)\"\n          (itemClick)=\"_requestAction('rename', variant)\"\n          >Rename</mlv-list-item\n        >\n        } @if (variant.capabilities.share) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('share', variant.id)\"\n          (itemClick)=\"_requestAction('share', variant)\"\n          >Share</mlv-list-item\n        >\n        } @if (variant.capabilities.delete) {\n        <mlv-list-item\n          mlvMenuItem\n          [disabled]=\"_isActionBusy('delete', variant.id)\"\n          (itemClick)=\"_requestAction('delete', variant)\"\n          >Delete</mlv-list-item\n        >\n        }\n      </mlv-menu>\n      }\n    </li>\n    }\n  </ul>\n</section>\n} @empty {\n<p class=\"mlv-view-variant-list__empty\" role=\"status\">\n  No views match your search.\n</p>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  output,\n} from '@angular/core';\nimport { MlvButton } from '@malva-ui/core/button';\nimport type {\n  MlvViewVariant,\n  MlvViewVariantAction,\n  MlvViewVariantBusyAction,\n} from '../view-variant.types';\n\n/** Internal decision states; `editable-clean` intentionally has no rendered band. */\ntype MlvViewVariantStatusMode =\n  | 'unsaved'\n  | 'locked-clean'\n  | 'locked-dirty'\n  | 'editable-dirty'\n  | 'editable-clean';\n\n/**\n * Controlled dirty-state and read-only explanation for the active saved view.\n *\n * It never persists state or decides whether a confirmation is required; the\n * host responds to its request outputs and supplies the next controlled state.\n */\n@Component({\n  selector: 'mlv-view-variant-status',\n  imports: [MlvButton],\n  templateUrl: './view-variant-status.html',\n  styleUrl: './view-variant-status.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-view-variant-status',\n  },\n})\nexport class MlvViewVariantStatus<TState> {\n  /** Active saved view, or null when the working view is unsaved. */\n  readonly variant = input<MlvViewVariant<TState> | null>(null);\n\n  /** Whether the host-owned working state differs from its saved baseline. */\n  readonly dirty = input(false);\n\n  /** Whether the host permits saving a new view from the current working state. */\n  readonly canCreate = input(false);\n\n  /** Operation currently pending in the host, if any. */\n  readonly busyAction = input<MlvViewVariantBusyAction | null>(null);\n\n  /** Recoverable host-supplied error for this status surface. */\n  readonly errorMessage = input<string | null>(null);\n\n  /** Emits when the host should restore its current baseline state. */\n  readonly resetRequest = output<void>();\n\n  /** Emits the active view to duplicate as a new saved view. */\n  readonly cloneRequest = output<MlvViewVariant<TState>>();\n\n  /** Emits the active view to update from its dirty working state. */\n  readonly updateRequest = output<MlvViewVariant<TState>>();\n\n  /** Emits when the host should save the working state as a new view. */\n  readonly createRequest = output<void>();\n\n  /** Emits when the user asks the host to retry the displayed error. */\n  readonly retryRequest = output<void>();\n\n  /** Emits when the user dismisses the displayed host error. */\n  readonly dismissError = output<void>();\n\n  /** @protected The resolved internal state, including invisible editable-clean. */\n  protected readonly _mode = computed<MlvViewVariantStatusMode>(() => {\n    const variant = this.variant();\n    if (!variant) return 'unsaved';\n    if (variant.locked && this.dirty()) return 'locked-dirty';\n    if (variant.locked) return 'locked-clean';\n    return this.dirty() ? 'editable-dirty' : 'editable-clean';\n  });\n\n  /** @protected The rendered explanation associated with the current mode. */\n  protected readonly _message = computed(() => {\n    switch (this._mode()) {\n      case 'locked-clean':\n        return 'This system view is read-only';\n      case 'locked-dirty':\n        return 'Duplicate it to save your changes';\n      case 'editable-dirty':\n        return 'You have unsaved view changes';\n      case 'unsaved':\n        return 'This is an unsaved view';\n      case 'editable-clean':\n        return '';\n    }\n  });\n\n  /** @protected Whether an actionable status band should be rendered. */\n  protected readonly _isVisible = computed(\n    () => this._mode() !== 'editable-clean' || !!this.errorMessage(),\n  );\n\n  /** @protected Whether any action relevant to this surface is currently busy. */\n  protected readonly _isBusy = computed(() => {\n    const busy = this.busyAction();\n    if (!busy) return false;\n    if (!['create', 'clone', 'update'].includes(busy.action)) return false;\n    const variant = this.variant();\n    return busy.variantId === undefined || busy.variantId === variant?.id;\n  });\n\n  /** @protected Whether a single operation is pending for this active context. */\n  protected _isActionBusy(action: MlvViewVariantAction): boolean {\n    const busy = this.busyAction();\n    return (\n      busy?.action === action &&\n      (busy.variantId === undefined || busy.variantId === this.variant()?.id)\n    );\n  }\n\n  /** @protected Emits reset; a busy persistence operation does not block it. */\n  protected _reset(): void {\n    this.resetRequest.emit();\n  }\n\n  /** @protected Emits duplication only for a clone-capable active view. */\n  protected _clone(): void {\n    const variant = this.variant();\n    if (variant?.capabilities.clone && !this._isActionBusy('clone')) {\n      this.cloneRequest.emit(variant);\n    }\n  }\n\n  /** @protected Emits update only for an update-capable dirty active view. */\n  protected _update(): void {\n    const variant = this.variant();\n    if (\n      variant?.capabilities.update &&\n      this.dirty() &&\n      !this._isActionBusy('update')\n    ) {\n      this.updateRequest.emit(variant);\n    }\n  }\n\n  /** @protected Emits creation only when the host has allowed it. */\n  protected _create(): void {\n    if (this.canCreate() && !this._isActionBusy('create')) {\n      this.createRequest.emit();\n    }\n  }\n}\n","@if (_isVisible()) {\n<section\n  class=\"mlv-view-variant-status__surface\"\n  [class.mlv-view-variant-status__surface--error]=\"!!errorMessage()\"\n  [attr.aria-busy]=\"_isBusy() || null\"\n>\n  @if (errorMessage(); as errorMessage) {\n  <div class=\"mlv-view-variant-status__error\" role=\"status\" aria-live=\"polite\">\n    <span>{{ errorMessage }}</span>\n    <span class=\"mlv-view-variant-status__actions\">\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"retryRequest.emit()\"\n      >\n        Retry\n      </button>\n      <button\n        type=\"button\"\n        mlvButton\n        variant=\"transparent\"\n        (click)=\"dismissError.emit()\"\n      >\n        Dismiss\n      </button>\n    </span>\n  </div>\n  } @else {\n  <p class=\"mlv-view-variant-status__message\">{{ _message() }}</p>\n  <div class=\"mlv-view-variant-status__actions\">\n    @switch (_mode()) { @case ('locked-clean') { @if\n    (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('locked-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.clone) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('clone')\"\n      (click)=\"_clone()\"\n    >\n      Duplicate view\n    </button>\n    } } @case ('editable-dirty') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset changes\n    </button>\n    @if (variant()?.capabilities?.update) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('update')\"\n      (click)=\"_update()\"\n    >\n      Update view\n    </button>\n    } @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      variant=\"secondary\"\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } @case ('unsaved') {\n    <button type=\"button\" mlvButton variant=\"transparent\" (click)=\"_reset()\">\n      Reset\n    </button>\n    @if (canCreate()) {\n    <button\n      type=\"button\"\n      mlvButton\n      [loading]=\"_isActionBusy('create')\"\n      (click)=\"_create()\"\n    >\n      Save as new\n    </button>\n    } } }\n  </div>\n  }\n</section>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core.mjs

@@ -0,0 +1,77 @@
+export * from '@malva-ui/core/alert';
+export * from '@malva-ui/core/autocomplete';
+export * from '@malva-ui/core/calendar';
+export * from '@malva-ui/core/chat';
+export * from '@malva-ui/core/checkbox';
+export * from '@malva-ui/core/color-picker';
+export * from '@malva-ui/core/combobox';
+export * from '@malva-ui/core/copy-to-clipboard';
+export * from '@malva-ui/core/date-range-picker';
+export * from '@malva-ui/core/day-picker';
+export * from '@malva-ui/core/dropdown';
+export * from '@malva-ui/core/filter';
+export * from '@malva-ui/core/form';
+export * from '@malva-ui/core/form-utils';
+export * from '@malva-ui/core/input';
+export * from '@malva-ui/core/number-input';
+export * from '@malva-ui/core/radio';
+export * from '@malva-ui/core/select';
+export * from '@malva-ui/core/slider';
+export * from '@malva-ui/core/switch';
+export * from '@malva-ui/core/tokenizer';
+export * from '@malva-ui/core/action-bar';
+export * from '@malva-ui/core/avatar';
+export * from '@malva-ui/core/avatar-group';
+export * from '@malva-ui/core/badge';
+export * from '@malva-ui/core/button';
+export * from '@malva-ui/core/card';
+export * from '@malva-ui/core/chip';
+export * from '@malva-ui/core/data-table';
+export * from '@malva-ui/core/table';
+export * from '@malva-ui/core/dialog';
+export * from '@malva-ui/core/drawer';
+export * from '@malva-ui/core/accordion';
+export * from '@malva-ui/core/expand';
+export * from '@malva-ui/core/layout';
+export * from '@malva-ui/core/link';
+export * from '@malva-ui/core/list';
+export * from '@malva-ui/core/loader';
+export * from '@malva-ui/core/progress';
+export * from '@malva-ui/core/notification';
+export * from '@malva-ui/core/pagination';
+export * from '@malva-ui/core/popup';
+export * from '@malva-ui/core/scrollbar';
+export * from '@malva-ui/core/search-field';
+export * from '@malva-ui/core/segmented';
+export * from '@malva-ui/core/sidebar';
+export * from '@malva-ui/core/status-indicator';
+export * from '@malva-ui/core/tabs';
+export * from '@malva-ui/core/tile';
+export * from '@malva-ui/core/title';
+export * from '@malva-ui/core/toast';
+export * from '@malva-ui/core/textarea';
+export * from '@malva-ui/core/toolbar';
+export * from '@malva-ui/core/menu';
+export * from '@malva-ui/core/tooltip';
+export * from '@malva-ui/core/breadcrumb';
+export * from '@malva-ui/core/divider';
+export * from '@malva-ui/core/stepper';
+export * from '@malva-ui/core/skeleton';
+export * from '@malva-ui/core/timeline';
+export * from '@malva-ui/core/split-pane';
+export * from '@malva-ui/core/empty-state';
+export * from '@malva-ui/core/kbd';
+export * from '@malva-ui/core/icon-toggle';
+export * from '@malva-ui/core/page';
+export * from '@malva-ui/core/bottom-nav';
+export * from '@malva-ui/core/file-upload';
+export * from '@malva-ui/core/pin-input';
+export * from '@malva-ui/core/rating';
+export * from '@malva-ui/core/time-picker';
+export * from '@malva-ui/core/tree';
+export * from '@malva-ui/core/view-variant';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=malva-ui-core.mjs.map