@mk-kit/mcp 0.53.0 → 0.54.0

package/data/api.json

@@ -1,6 +1,6 @@
 {
  "package": "@mk-kit/ui",
- "version": "0.53.0",
+ "version": "0.54.0",
  "site": "https://mk-kit.dev",
  "entries": [
   {
@@ -17792,7 +17792,7 @@
    "exports": [
     {
      "name": "MkKanban",
-     "description": "Kanban board — a horizontal row of columns whose cards can be dragged and\nreordered within a column or transferred between columns. Built on the dnd\ngroup's connected `[mkDropList]` / `[mkDrag]` directives, so it inherits both\npointer and keyboard dragging (WCAG 2.1.1) for free.\n\nBind `columns` two-way; the model is updated immutably on each drop. Project\nan `<ng-template>` to render custom card content — it receives the card as\n`$implicit` and the owning column as `column`:\n\n```html\n<mk-kanban [(columns)]=\"board\" (cardMoved)=\"onMoved($event)\">\n  <ng-template #cardTemplate let-card let-column=\"column\">\n    <strong>{{ card.title }}</strong>\n  </ng-template>\n</mk-kanban>\n```",
+     "description": "Kanban board — a horizontal row of columns whose cards can be dragged and\nreordered within a column or transferred between columns. Built on the dnd\ngroup's connected `[mkDropList]` / `[mkDrag]` directives, so it inherits both\npointer and keyboard dragging (WCAG 2.1.1) for free.\n\nBind `columns` two-way; the model is updated immutably on each drop. Project\nan `<ng-template>` to render custom card content — it receives the card as\n`$implicit` and the owning column as `column`. Column headers and footers\ntake their own templates (`mkKanbanColumnHeader` / `mkKanbanColumnFooter`,\ncontext `{ $implicit: column, index, count }`):\n\n```html\n<mk-kanban [(columns)]=\"board\" (cardMoved)=\"onMoved($event)\">\n  <ng-template mkKanbanColumnHeader let-column let-count=\"count\">\n    <strong>{{ column.title }}</strong> {{ count }}\n    <button (click)=\"rename(column)\">Rename</button>\n  </ng-template>\n  <ng-template mkKanbanCard let-card let-column=\"column\">\n    <strong>{{ card.title }}</strong>\n  </ng-template>\n  <ng-template mkKanbanColumnFooter let-column>\n    <button (click)=\"add(column)\">+ Card</button>\n  </ng-template>\n</mk-kanban>\n```",
      "file": "projects/mk-kit/kanban/kanban.ts",
      "kind": "component",
      "selector": "mk-kanban",
@@ -17832,6 +17832,51 @@
      "queries": [],
      "docs": "/components/data"
     },
+    {
+     "name": "MkKanbanCardDef",
+     "description": "Marks the projected card renderer explicitly:\n`<ng-template mkKanbanCard let-card let-column=\"column\">`. Without it the\nfirst plain `<ng-template>` inside `<mk-kanban>` is used, as before 0.54.",
+     "file": "projects/mk-kit/kanban/kanban.ts",
+     "kind": "directive",
+     "selector": "ng-template[mkKanbanCard]",
+     "selectors": [
+      "mkKanbanCard"
+     ],
+     "inputs": [],
+     "outputs": [],
+     "methods": [],
+     "properties": [],
+     "queries": []
+    },
+    {
+     "name": "MkKanbanColumnFooterDef",
+     "description": "Rendered under each column's card list — a \"quick add\" input, say:\n`<ng-template mkKanbanColumnFooter let-column>`.",
+     "file": "projects/mk-kit/kanban/kanban.ts",
+     "kind": "directive",
+     "selector": "ng-template[mkKanbanColumnFooter]",
+     "selectors": [
+      "mkKanbanColumnFooter"
+     ],
+     "inputs": [],
+     "outputs": [],
+     "methods": [],
+     "properties": [],
+     "queries": []
+    },
+    {
+     "name": "MkKanbanColumnHeaderDef",
+     "description": "Replaces the default column header (title + count):\n`<ng-template mkKanbanColumnHeader let-column let-count=\"count\">`.",
+     "file": "projects/mk-kit/kanban/kanban.ts",
+     "kind": "directive",
+     "selector": "ng-template[mkKanbanColumnHeader]",
+     "selectors": [
+      "mkKanbanColumnHeader"
+     ],
+     "inputs": [],
+     "outputs": [],
+     "methods": [],
+     "properties": [],
+     "queries": []
+    },
     {
      "name": "MkKanbanCard",
      "description": "A single draggable card on a `MkKanban` board.",
@@ -17905,6 +17950,29 @@
        "description": "The ordered cards contained in this column."
       }
      ]
+    },
+    {
+     "name": "MkKanbanColumnContext",
+     "description": "Context handed to the column header / footer templates.",
+     "file": "projects/mk-kit/kanban/kanban.ts",
+     "kind": "interface",
+     "members": [
+      {
+       "name": "$implicit",
+       "type": "MkKanbanColumn",
+       "description": "The column being rendered."
+      },
+      {
+       "name": "index",
+       "type": "number",
+       "description": "Its position in `columns`."
+      },
+      {
+       "name": "count",
+       "type": "number",
+       "description": "`column.cards.length`, for a count badge."
+      }
+     ]
     }
    ]
   },

package/data/llms-full.txt

@@ -1,4 +1,4 @@
-# @mk-kit/ui 0.53.0 — full API reference
+# @mk-kit/ui 0.54.0 — full API reference
 
 Generated from the library sources. Browsable version: https://mk-kit.dev/api · JSON: https://mk-kit.dev/api.json · Guides: https://mk-kit.dev/llms.txt
 
@@ -11781,7 +11781,7 @@ type MkTagVariant = 'solid' | 'soft' | 'outline';
 
 ## @mk-kit/ui/kanban
 
-4 exports. `import { … } from '@mk-kit/ui/kanban';`
+8 exports. `import { … } from '@mk-kit/ui/kanban';`
 
 ### MkKanban (component)
 
@@ -11798,13 +11798,22 @@ pointer and keyboard dragging (WCAG 2.1.1) for free.
 
 Bind `columns` two-way; the model is updated immutably on each drop. Project
 an `<ng-template>` to render custom card content — it receives the card as
-`$implicit` and the owning column as `column`:
+`$implicit` and the owning column as `column`. Column headers and footers
+take their own templates (`mkKanbanColumnHeader` / `mkKanbanColumnFooter`,
+context `{ $implicit: column, index, count }`):
 
 ```html
 <mk-kanban [(columns)]="board" (cardMoved)="onMoved($event)">
-  <ng-template #cardTemplate let-card let-column="column">
+  <ng-template mkKanbanColumnHeader let-column let-count="count">
+    <strong>{{ column.title }}</strong> {{ count }}
+    <button (click)="rename(column)">Rename</button>
+  </ng-template>
+  <ng-template mkKanbanCard let-card let-column="column">
     <strong>{{ card.title }}</strong>
   </ng-template>
+  <ng-template mkKanbanColumnFooter let-column>
+    <button (click)="add(column)">+ Card</button>
+  </ng-template>
 </mk-kanban>
 ```
 
@@ -11822,6 +11831,34 @@ Outputs:
 | `columnsChange` | `MkKanbanColumn[]` | Emits when `columns` changes (two-way binding). |
 | `cardMoved` | `MkKanbanCardMovedEvent` | Emitted after the model is updated when a card is moved. |
 
+### MkKanbanCardDef (directive)
+
+Selector: `ng-template[mkKanbanCard]`
+
+Import: `import { MkKanbanCardDef } from '@mk-kit/ui/kanban';`
+
+Marks the projected card renderer explicitly:
+`<ng-template mkKanbanCard let-card let-column="column">`. Without it the
+first plain `<ng-template>` inside `<mk-kanban>` is used, as before 0.54.
+
+### MkKanbanColumnFooterDef (directive)
+
+Selector: `ng-template[mkKanbanColumnFooter]`
+
+Import: `import { MkKanbanColumnFooterDef } from '@mk-kit/ui/kanban';`
+
+Rendered under each column's card list — a "quick add" input, say:
+`<ng-template mkKanbanColumnFooter let-column>`.
+
+### MkKanbanColumnHeaderDef (directive)
+
+Selector: `ng-template[mkKanbanColumnHeader]`
+
+Import: `import { MkKanbanColumnHeaderDef } from '@mk-kit/ui/kanban';`
+
+Replaces the default column header (title + count):
+`<ng-template mkKanbanColumnHeader let-column let-count="count">`.
+
 ### MkKanbanCard (interface)
 
 Import: `import { MkKanbanCard } from '@mk-kit/ui/kanban';`
@@ -11866,6 +11903,20 @@ Members:
 | `title` | `string` | Heading shown in the column header and used as its aria-label. |
 | `cards` | `MkKanbanCard[]` | The ordered cards contained in this column. |
 
+### MkKanbanColumnContext (interface)
+
+Import: `import { MkKanbanColumnContext } from '@mk-kit/ui/kanban';`
+
+Context handed to the column header / footer templates.
+
+Members:
+
+| Name | Type | Description |
+| --- | --- | --- |
+| `$implicit` | `MkKanbanColumn` | The column being rendered. |
+| `index` | `number` | Its position in `columns`. |
+| `count` | `number` | `column.cards.length`, for a count badge. |
+
 ## @mk-kit/ui/feedback
 
 55 exports. `import { … } from '@mk-kit/ui/feedback';`

package/data/llms.txt

@@ -1,6 +1,6 @@
 # mk-kit
 
-> Themable, accessible Angular 22 component library for admin dashboards and UIs. Signals-based, WCAG 2.1 AA, controlled entirely through CSS variables with light/dark out of the box. — `@mk-kit/ui` 0.53.0. 172 components, 42 directives, 16 services and 145 helper functions across 32 tree-shakeable entry points. MIT licensed, zero runtime dependencies beyond Angular. Standalone components, signals, OnPush, zoneless-ready, SSR-safe, RTL and i18n via `provideMkI18n`.
+> Themable, accessible Angular 22 component library for admin dashboards and UIs. Signals-based, WCAG 2.1 AA, controlled entirely through CSS variables with light/dark out of the box. — `@mk-kit/ui` 0.54.0. 172 components, 45 directives, 16 services and 145 helper functions across 32 tree-shakeable entry points. MIT licensed, zero runtime dependencies beyond Angular. Standalone components, signals, OnPush, zoneless-ready, SSR-safe, RTL and i18n via `provideMkI18n`.
 
 Install with `ng add @mk-kit/ui` (or `npm i @mk-kit/ui` + import `@mk-kit/ui/styles/mk-kit.css`). Import from the group entry points (`@mk-kit/ui/forms`, `@mk-kit/ui/table`, …) so each lazy chunk only carries what it uses; the root `@mk-kit/ui` entry re-exports everything. Every component is standalone: add the class to a component's `imports`. Theme with `--mk-*` CSS custom properties; `MkThemeService` switches light/dark/system and density.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mk-kit/mcp",
-  "version": "0.53.0",
+  "version": "0.54.0",
   "description": "MCP server for @mk-kit/ui — lets AI coding assistants look up every component, directive, service and helper of the mk-kit Angular library (inputs, outputs, methods, import paths, docs links).",
   "license": "MIT",
   "type": "module",