@mosaicoo/kanban 0.1.0 → 0.3.0

package/fesm2022/mosaicoo-kanban-ui.mjs

@@ -1064,70 +1064,70 @@ class MosKanbanCell {
         this.cardContext.emit({ item, x: mouse.clientX, y: mouse.clientY });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: MosKanbanCell, isStandalone: true, selector: "mos-kanban-cell", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: true, transformFunction: null }, columnId: { classPropertyName: "columnId", publicName: "columnId", isSignal: true, isRequired: true, transformFunction: null }, laneId: { classPropertyName: "laneId", publicName: "laneId", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, cardConfig: { classPropertyName: "cardConfig", publicName: "cardConfig", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, connectedTo: { classPropertyName: "connectedTo", publicName: "connectedTo", isSignal: true, isRequired: false, transformFunction: null }, allCardIds: { classPropertyName: "allCardIds", publicName: "allCardIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardActivate: "cardActivate", cardContext: "cardContext", cardKey: "cardKey", cardAction: "cardAction", entryCheck: "entryCheck", entryAction: "entryAction", entryMove: "entryMove", lifecycle: "lifecycle", dropRejected: "dropRejected" }, ngImport: i0, template: `
-    <div
-      class="mkb-cell-body"
-      cdkDropList
-      [id]="cellId()"
-      [cdkDropListConnectedTo]="connectedTo()"
-      [cdkDropListDisabled]="readOnly()"
-      [cdkDropListEnterPredicate]="enterPredicate"
-      (cdkDropListDropped)="onDrop($event)"
-      role="listbox"
-      aria-multiselectable="true"
-      [attr.aria-label]="label()"
-      [attr.data-column]="columnId()"
-      [attr.data-lane]="laneId() ?? null"
-    >
-      @for (item of items(); track item.id) {
-        <div
-          class="mkb-card"
-          cdkDrag
-          [cdkDragData]="item.id"
-          [cdkDragDisabled]="readOnly()"
-          [cdkDragStartDelay]="dragStartDelay"
-          role="option"
-          tabindex="0"
-          [class.is-selected]="selection().includes(item.id)"
-          [attr.data-item]="item.id"
-          [attr.aria-selected]="selection().includes(item.id)"
-          aria-keyshortcuts="Control+ArrowLeft Control+ArrowRight Control+ArrowUp Control+ArrowDown"
-          (click)="activate(item, $event)"
-          (keydown)="onKeydown(item, $event)"
-          (contextmenu)="onContextMenu(item, $event)"
-          (cdkDragStarted)="lifecycle.emit({ phase: 'start', kind: 'card', id: item.id })"
-          (cdkDragEnded)="lifecycle.emit({ phase: 'end', kind: 'card', id: item.id })"
-        >
-          @if (cardConfig()?.dragHandle && !readOnly()) {
-            <span class="mkb-card-grip" cdkDragHandle aria-hidden="true">⠿</span>
-          }
-          @if (cardTemplate(); as tpl) {
-            <ng-container *ngTemplateOutlet="tpl; context: { $implicit: item }" />
-          } @else if (cardConfig(); as card) {
-            <mos-kanban-card-blocks
-              [blocks]="card.blocks"
-              [item]="item"
-              [registry]="board().registry"
-              [locale]="board().locale"
-              [column]="columnId()"
-              [lane]="laneId()"
-              [allCardIds]="allCardIds()"
-              [canDropEntry]="canDropEntryFn"
-              (action)="cardAction.emit($event)"
-              (entryCheck)="entryCheck.emit($event)"
-              (entryAction)="entryAction.emit($event)"
-              (entryMove)="entryMove.emit($event)"
-              (lifecycle)="lifecycle.emit($event)"
-            />
-          } @else {
-            <mos-kanban-card [item]="item" />
-          }
-        </div>
-      } @empty {
-        <div class="mkb-cell-empty">Solte itens aqui</div>
-      }
-    </div>
-  `, isInline: true, styles: [":host{display:block;min-width:0}.mkb-cell-body{display:flex;flex-direction:column;gap:var(--mkb-card-gap, 8px);padding:var(--mkb-cell-padding, 4px 8px 10px);overflow-y:auto;min-height:60px;height:100%}.mkb-card{position:relative;display:flex;flex-direction:column;gap:var(--mkb-block-gap, 8px);background:var(--mkb-card-bg, var(--color-panel, #fff));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius-sm, var(--radius-sm, 6px));padding:var(--mkb-card-padding, 10px 12px);cursor:grab;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mkb-dur, .15s) var(--mkb-ease, ease),border-color var(--mkb-dur, .15s) var(--mkb-ease, ease)}.mkb-card.is-selected{border-color:var(--mkb-accent, #5e35b1);box-shadow:0 0 0 1px var(--mkb-accent, #5e35b1)}.mkb-card:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-card.cdk-drag-dragging{cursor:grabbing}.mkb-card-grip{position:absolute;top:8px;right:8px;cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-card:has(.mkb-card-grip){cursor:default}.mkb-card.cdk-drag-preview{box-shadow:0 10px 28px #00000038;rotate:2deg;opacity:.95}.mkb-card.cdk-drag-animating{transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.mkb-card,.mkb-card.cdk-drag-animating{transition:none}.mkb-card.cdk-drag-preview{rotate:none}}.mkb-card.cdk-drag-placeholder{opacity:.4;border:1px dashed var(--mkb-accent, #5e35b1);background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 6%,var(--mkb-card-bg, #fff))}.mkb-cell-empty{padding:14px 8px;text-align:center;font-size:11.5px;color:var(--mkb-muted, var(--color-muted, #6f6a7c));border:1px dashed var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px)}:host-context(.mkb-readonly) .mkb-card{cursor:default}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MosKanbanCard, selector: "mos-kanban-card", inputs: ["item"] }, { kind: "component", type: MosKanbanCardBlocks, selector: "mos-kanban-card-blocks", inputs: ["blocks", "item", "registry", "locale", "column", "lane", "allCardIds", "canDropEntry"], outputs: ["action", "entryCheck", "entryAction", "entryMove", "lifecycle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: MosKanbanCell, isStandalone: true, selector: "mos-kanban-cell", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: true, transformFunction: null }, columnId: { classPropertyName: "columnId", publicName: "columnId", isSignal: true, isRequired: true, transformFunction: null }, laneId: { classPropertyName: "laneId", publicName: "laneId", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, cardConfig: { classPropertyName: "cardConfig", publicName: "cardConfig", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, connectedTo: { classPropertyName: "connectedTo", publicName: "connectedTo", isSignal: true, isRequired: false, transformFunction: null }, allCardIds: { classPropertyName: "allCardIds", publicName: "allCardIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardActivate: "cardActivate", cardContext: "cardContext", cardKey: "cardKey", cardAction: "cardAction", entryCheck: "entryCheck", entryAction: "entryAction", entryMove: "entryMove", lifecycle: "lifecycle", dropRejected: "dropRejected" }, ngImport: i0, template: `
+    <div
+      class="mkb-cell-body"
+      cdkDropList
+      [id]="cellId()"
+      [cdkDropListConnectedTo]="connectedTo()"
+      [cdkDropListDisabled]="readOnly()"
+      [cdkDropListEnterPredicate]="enterPredicate"
+      (cdkDropListDropped)="onDrop($event)"
+      role="listbox"
+      aria-multiselectable="true"
+      [attr.aria-label]="label()"
+      [attr.data-column]="columnId()"
+      [attr.data-lane]="laneId() ?? null"
+    >
+      @for (item of items(); track item.id) {
+        <div
+          class="mkb-card"
+          cdkDrag
+          [cdkDragData]="item.id"
+          [cdkDragDisabled]="readOnly()"
+          [cdkDragStartDelay]="dragStartDelay"
+          role="option"
+          tabindex="0"
+          [class.is-selected]="selection().includes(item.id)"
+          [attr.data-item]="item.id"
+          [attr.aria-selected]="selection().includes(item.id)"
+          aria-keyshortcuts="Control+ArrowLeft Control+ArrowRight Control+ArrowUp Control+ArrowDown"
+          (click)="activate(item, $event)"
+          (keydown)="onKeydown(item, $event)"
+          (contextmenu)="onContextMenu(item, $event)"
+          (cdkDragStarted)="lifecycle.emit({ phase: 'start', kind: 'card', id: item.id })"
+          (cdkDragEnded)="lifecycle.emit({ phase: 'end', kind: 'card', id: item.id })"
+        >
+          @if (cardConfig()?.dragHandle && !readOnly()) {
+            <span class="mkb-card-grip" cdkDragHandle aria-hidden="true">⠿</span>
+          }
+          @if (cardTemplate(); as tpl) {
+            <ng-container *ngTemplateOutlet="tpl; context: { $implicit: item }" />
+          } @else if (cardConfig(); as card) {
+            <mos-kanban-card-blocks
+              [blocks]="card.blocks"
+              [item]="item"
+              [registry]="board().registry"
+              [locale]="board().locale"
+              [column]="columnId()"
+              [lane]="laneId()"
+              [allCardIds]="allCardIds()"
+              [canDropEntry]="canDropEntryFn"
+              (action)="cardAction.emit($event)"
+              (entryCheck)="entryCheck.emit($event)"
+              (entryAction)="entryAction.emit($event)"
+              (entryMove)="entryMove.emit($event)"
+              (lifecycle)="lifecycle.emit($event)"
+            />
+          } @else {
+            <mos-kanban-card [item]="item" />
+          }
+        </div>
+      } @empty {
+        <div class="mkb-cell-empty">Solte itens aqui</div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0}.mkb-cell-body{display:flex;flex-direction:column;flex:1;gap:var(--mkb-card-gap, 8px);padding:var(--mkb-cell-padding, 4px 8px 10px);overflow-y:auto;min-height:60px}.mkb-card{position:relative;display:flex;flex-direction:column;gap:var(--mkb-block-gap, 8px);background:var(--mkb-card-bg, var(--color-panel, #fff));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius-sm, var(--radius-sm, 6px));padding:var(--mkb-card-padding, 10px 12px);cursor:grab;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mkb-dur, .15s) var(--mkb-ease, ease),border-color var(--mkb-dur, .15s) var(--mkb-ease, ease)}.mkb-card.is-selected{border-color:var(--mkb-accent, #5e35b1);box-shadow:0 0 0 1px var(--mkb-accent, #5e35b1)}.mkb-card:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-card.cdk-drag-dragging{cursor:grabbing}.mkb-card-grip{position:absolute;top:8px;right:8px;cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-card:has(.mkb-card-grip){cursor:default}.mkb-card.cdk-drag-preview{box-shadow:0 10px 28px #00000038;rotate:2deg;opacity:.95}.mkb-card.cdk-drag-animating{transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.mkb-card,.mkb-card.cdk-drag-animating{transition:none}.mkb-card.cdk-drag-preview{rotate:none}}.mkb-card.cdk-drag-placeholder{opacity:.4;border:1px dashed var(--mkb-accent, #5e35b1);background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 6%,var(--mkb-card-bg, #fff))}.mkb-cell-empty{padding:14px 8px;text-align:center;font-size:11.5px;color:var(--mkb-muted, var(--color-muted, #6f6a7c));border:1px dashed var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px)}:host-context(.mkb-readonly) .mkb-card{cursor:default}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MosKanbanCard, selector: "mos-kanban-card", inputs: ["item"] }, { kind: "component", type: MosKanbanCardBlocks, selector: "mos-kanban-card-blocks", inputs: ["blocks", "item", "registry", "locale", "column", "lane", "allCardIds", "canDropEntry"], outputs: ["action", "entryCheck", "entryAction", "entryMove", "lifecycle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanCell, decorators: [{
             type: Component,
@@ -1138,70 +1138,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                         NgTemplateOutlet,
                         MosKanbanCard,
                         MosKanbanCardBlocks,
-                    ], template: `
-    <div
-      class="mkb-cell-body"
-      cdkDropList
-      [id]="cellId()"
-      [cdkDropListConnectedTo]="connectedTo()"
-      [cdkDropListDisabled]="readOnly()"
-      [cdkDropListEnterPredicate]="enterPredicate"
-      (cdkDropListDropped)="onDrop($event)"
-      role="listbox"
-      aria-multiselectable="true"
-      [attr.aria-label]="label()"
-      [attr.data-column]="columnId()"
-      [attr.data-lane]="laneId() ?? null"
-    >
-      @for (item of items(); track item.id) {
-        <div
-          class="mkb-card"
-          cdkDrag
-          [cdkDragData]="item.id"
-          [cdkDragDisabled]="readOnly()"
-          [cdkDragStartDelay]="dragStartDelay"
-          role="option"
-          tabindex="0"
-          [class.is-selected]="selection().includes(item.id)"
-          [attr.data-item]="item.id"
-          [attr.aria-selected]="selection().includes(item.id)"
-          aria-keyshortcuts="Control+ArrowLeft Control+ArrowRight Control+ArrowUp Control+ArrowDown"
-          (click)="activate(item, $event)"
-          (keydown)="onKeydown(item, $event)"
-          (contextmenu)="onContextMenu(item, $event)"
-          (cdkDragStarted)="lifecycle.emit({ phase: 'start', kind: 'card', id: item.id })"
-          (cdkDragEnded)="lifecycle.emit({ phase: 'end', kind: 'card', id: item.id })"
-        >
-          @if (cardConfig()?.dragHandle && !readOnly()) {
-            <span class="mkb-card-grip" cdkDragHandle aria-hidden="true">⠿</span>
-          }
-          @if (cardTemplate(); as tpl) {
-            <ng-container *ngTemplateOutlet="tpl; context: { $implicit: item }" />
-          } @else if (cardConfig(); as card) {
-            <mos-kanban-card-blocks
-              [blocks]="card.blocks"
-              [item]="item"
-              [registry]="board().registry"
-              [locale]="board().locale"
-              [column]="columnId()"
-              [lane]="laneId()"
-              [allCardIds]="allCardIds()"
-              [canDropEntry]="canDropEntryFn"
-              (action)="cardAction.emit($event)"
-              (entryCheck)="entryCheck.emit($event)"
-              (entryAction)="entryAction.emit($event)"
-              (entryMove)="entryMove.emit($event)"
-              (lifecycle)="lifecycle.emit($event)"
-            />
-          } @else {
-            <mos-kanban-card [item]="item" />
-          }
-        </div>
-      } @empty {
-        <div class="mkb-cell-empty">Solte itens aqui</div>
-      }
-    </div>
-  `, styles: [":host{display:block;min-width:0}.mkb-cell-body{display:flex;flex-direction:column;gap:var(--mkb-card-gap, 8px);padding:var(--mkb-cell-padding, 4px 8px 10px);overflow-y:auto;min-height:60px;height:100%}.mkb-card{position:relative;display:flex;flex-direction:column;gap:var(--mkb-block-gap, 8px);background:var(--mkb-card-bg, var(--color-panel, #fff));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius-sm, var(--radius-sm, 6px));padding:var(--mkb-card-padding, 10px 12px);cursor:grab;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mkb-dur, .15s) var(--mkb-ease, ease),border-color var(--mkb-dur, .15s) var(--mkb-ease, ease)}.mkb-card.is-selected{border-color:var(--mkb-accent, #5e35b1);box-shadow:0 0 0 1px var(--mkb-accent, #5e35b1)}.mkb-card:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-card.cdk-drag-dragging{cursor:grabbing}.mkb-card-grip{position:absolute;top:8px;right:8px;cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-card:has(.mkb-card-grip){cursor:default}.mkb-card.cdk-drag-preview{box-shadow:0 10px 28px #00000038;rotate:2deg;opacity:.95}.mkb-card.cdk-drag-animating{transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.mkb-card,.mkb-card.cdk-drag-animating{transition:none}.mkb-card.cdk-drag-preview{rotate:none}}.mkb-card.cdk-drag-placeholder{opacity:.4;border:1px dashed var(--mkb-accent, #5e35b1);background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 6%,var(--mkb-card-bg, #fff))}.mkb-cell-empty{padding:14px 8px;text-align:center;font-size:11.5px;color:var(--mkb-muted, var(--color-muted, #6f6a7c));border:1px dashed var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px)}:host-context(.mkb-readonly) .mkb-card{cursor:default}\n"] }]
+                    ], template: `
+    <div
+      class="mkb-cell-body"
+      cdkDropList
+      [id]="cellId()"
+      [cdkDropListConnectedTo]="connectedTo()"
+      [cdkDropListDisabled]="readOnly()"
+      [cdkDropListEnterPredicate]="enterPredicate"
+      (cdkDropListDropped)="onDrop($event)"
+      role="listbox"
+      aria-multiselectable="true"
+      [attr.aria-label]="label()"
+      [attr.data-column]="columnId()"
+      [attr.data-lane]="laneId() ?? null"
+    >
+      @for (item of items(); track item.id) {
+        <div
+          class="mkb-card"
+          cdkDrag
+          [cdkDragData]="item.id"
+          [cdkDragDisabled]="readOnly()"
+          [cdkDragStartDelay]="dragStartDelay"
+          role="option"
+          tabindex="0"
+          [class.is-selected]="selection().includes(item.id)"
+          [attr.data-item]="item.id"
+          [attr.aria-selected]="selection().includes(item.id)"
+          aria-keyshortcuts="Control+ArrowLeft Control+ArrowRight Control+ArrowUp Control+ArrowDown"
+          (click)="activate(item, $event)"
+          (keydown)="onKeydown(item, $event)"
+          (contextmenu)="onContextMenu(item, $event)"
+          (cdkDragStarted)="lifecycle.emit({ phase: 'start', kind: 'card', id: item.id })"
+          (cdkDragEnded)="lifecycle.emit({ phase: 'end', kind: 'card', id: item.id })"
+        >
+          @if (cardConfig()?.dragHandle && !readOnly()) {
+            <span class="mkb-card-grip" cdkDragHandle aria-hidden="true">⠿</span>
+          }
+          @if (cardTemplate(); as tpl) {
+            <ng-container *ngTemplateOutlet="tpl; context: { $implicit: item }" />
+          } @else if (cardConfig(); as card) {
+            <mos-kanban-card-blocks
+              [blocks]="card.blocks"
+              [item]="item"
+              [registry]="board().registry"
+              [locale]="board().locale"
+              [column]="columnId()"
+              [lane]="laneId()"
+              [allCardIds]="allCardIds()"
+              [canDropEntry]="canDropEntryFn"
+              (action)="cardAction.emit($event)"
+              (entryCheck)="entryCheck.emit($event)"
+              (entryAction)="entryAction.emit($event)"
+              (entryMove)="entryMove.emit($event)"
+              (lifecycle)="lifecycle.emit($event)"
+            />
+          } @else {
+            <mos-kanban-card [item]="item" />
+          }
+        </div>
+      } @empty {
+        <div class="mkb-cell-empty">Solte itens aqui</div>
+      }
+    </div>
+  `, styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0}.mkb-cell-body{display:flex;flex-direction:column;flex:1;gap:var(--mkb-card-gap, 8px);padding:var(--mkb-cell-padding, 4px 8px 10px);overflow-y:auto;min-height:60px}.mkb-card{position:relative;display:flex;flex-direction:column;gap:var(--mkb-block-gap, 8px);background:var(--mkb-card-bg, var(--color-panel, #fff));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius-sm, var(--radius-sm, 6px));padding:var(--mkb-card-padding, 10px 12px);cursor:grab;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mkb-dur, .15s) var(--mkb-ease, ease),border-color var(--mkb-dur, .15s) var(--mkb-ease, ease)}.mkb-card.is-selected{border-color:var(--mkb-accent, #5e35b1);box-shadow:0 0 0 1px var(--mkb-accent, #5e35b1)}.mkb-card:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-card.cdk-drag-dragging{cursor:grabbing}.mkb-card-grip{position:absolute;top:8px;right:8px;cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-card:has(.mkb-card-grip){cursor:default}.mkb-card.cdk-drag-preview{box-shadow:0 10px 28px #00000038;rotate:2deg;opacity:.95}.mkb-card.cdk-drag-animating{transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.mkb-card,.mkb-card.cdk-drag-animating{transition:none}.mkb-card.cdk-drag-preview{rotate:none}}.mkb-card.cdk-drag-placeholder{opacity:.4;border:1px dashed var(--mkb-accent, #5e35b1);background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 6%,var(--mkb-card-bg, #fff))}.mkb-cell-empty{padding:14px 8px;text-align:center;font-size:11.5px;color:var(--mkb-muted, var(--color-muted, #6f6a7c));border:1px dashed var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px)}:host-context(.mkb-readonly) .mkb-card{cursor:default}\n"] }]
         }], propDecorators: { board: [{ type: i0.Input, args: [{ isSignal: true, alias: "board", required: true }] }], columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnId", required: true }] }], laneId: [{ type: i0.Input, args: [{ isSignal: true, alias: "laneId", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], cardTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardTemplate", required: false }] }], cardConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardConfig", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], connectedTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedTo", required: false }] }], allCardIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCardIds", required: false }] }], cardActivate: [{ type: i0.Output, args: ["cardActivate"] }], cardContext: [{ type: i0.Output, args: ["cardContext"] }], cardKey: [{ type: i0.Output, args: ["cardKey"] }], cardAction: [{ type: i0.Output, args: ["cardAction"] }], entryCheck: [{ type: i0.Output, args: ["entryCheck"] }], entryAction: [{ type: i0.Output, args: ["entryAction"] }], entryMove: [{ type: i0.Output, args: ["entryMove"] }], lifecycle: [{ type: i0.Output, args: ["lifecycle"] }], dropRejected: [{ type: i0.Output, args: ["dropRejected"] }] } });
 
 /** Uma coluna do board SEM lanes: cabeçalho (título/contagem/WIP) + uma única
@@ -1253,102 +1253,102 @@ class MosKanbanColumn {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.18", type: MosKanbanColumn, isStandalone: true, selector: "mos-kanban-column", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, cardConfig: { classPropertyName: "cardConfig", publicName: "cardConfig", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, connectedTo: { classPropertyName: "connectedTo", publicName: "connectedTo", isSignal: true, isRequired: false, transformFunction: null }, allCardIds: { classPropertyName: "allCardIds", publicName: "allCardIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardActivate: "cardActivate", cardContext: "cardContext", cardKey: "cardKey", cardAction: "cardAction", entryCheck: "entryCheck", entryAction: "entryAction", entryMove: "entryMove", lifecycle: "lifecycle", dropRejected: "dropRejected", reorderKey: "reorderKey" }, host: { properties: { "style.--mkb-col-accent": "color()" } }, ngImport: i0, template: `
-    <header
-      class="mkb-col-header"
-      [class.mkb-col-accented]="!!color()"
-      [class.mkb-col-reorderable]="reorderable()"
-      [attr.tabindex]="reorderable() ? 0 : null"
-      [attr.data-column-header]="column().id"
-      [attr.role]="reorderable() ? 'button' : null"
-      [attr.aria-label]="reorderable() ? 'Coluna ' + (column().title ?? column().id) + ' — Ctrl+setas para reordenar' : null"
-      [attr.aria-keyshortcuts]="reorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
-      (keydown)="onHeaderKeydown($event)"
-    >
-      <!-- alça CDK projetada pelo board: o cdkDragHandle precisa ser
-           conteúdo do MESMO cdkDrag (aplicado no host deste componente) -->
-      <ng-content select="[mkbColHandle]" />
-      <span class="mkb-col-title">{{ column().title ?? column().id }}</span>
-      <span
-        class="mkb-col-count"
-        [class.is-full]="isFull()"
-        [attr.title]="isFull() ? 'Limite de itens atingido' : null"
-      >
-        {{ column().count }}{{ column().limit !== undefined ? ' / ' + column().limit : '' }}
-      </span>
-    </header>
-
-    <mos-kanban-cell
-      class="mkb-col-cell"
-      [board]="board()"
-      [columnId]="column().id"
-      [items]="items()"
-      [cardTemplate]="cardTemplate()"
-      [cardConfig]="cardConfig()"
-      [readOnly]="readOnly()"
-      [selection]="selection()"
-      [connectedTo]="connectedTo()"
-      [allCardIds]="allCardIds()"
-      (cardActivate)="cardActivate.emit($event)"
-      (cardContext)="cardContext.emit($event)"
-      (cardKey)="cardKey.emit($event)"
-      (cardAction)="cardAction.emit($event)"
-      (entryCheck)="entryCheck.emit($event)"
-      (entryAction)="entryAction.emit($event)"
-      (entryMove)="entryMove.emit($event)"
-      (lifecycle)="lifecycle.emit($event)"
-      (dropRejected)="dropRejected.emit($event)"
-    />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.18", type: MosKanbanColumn, isStandalone: true, selector: "mos-kanban-column", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: true, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, cardConfig: { classPropertyName: "cardConfig", publicName: "cardConfig", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, reorderable: { classPropertyName: "reorderable", publicName: "reorderable", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, connectedTo: { classPropertyName: "connectedTo", publicName: "connectedTo", isSignal: true, isRequired: false, transformFunction: null }, allCardIds: { classPropertyName: "allCardIds", publicName: "allCardIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardActivate: "cardActivate", cardContext: "cardContext", cardKey: "cardKey", cardAction: "cardAction", entryCheck: "entryCheck", entryAction: "entryAction", entryMove: "entryMove", lifecycle: "lifecycle", dropRejected: "dropRejected", reorderKey: "reorderKey" }, host: { properties: { "style.--mkb-col-accent": "color()" } }, ngImport: i0, template: `
+    <header
+      class="mkb-col-header"
+      [class.mkb-col-accented]="!!color()"
+      [class.mkb-col-reorderable]="reorderable()"
+      [attr.tabindex]="reorderable() ? 0 : null"
+      [attr.data-column-header]="column().id"
+      [attr.role]="reorderable() ? 'button' : null"
+      [attr.aria-label]="reorderable() ? 'Coluna ' + (column().title ?? column().id) + ' — Ctrl+setas para reordenar' : null"
+      [attr.aria-keyshortcuts]="reorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
+      (keydown)="onHeaderKeydown($event)"
+    >
+      <!-- alça CDK projetada pelo board: o cdkDragHandle precisa ser
+           conteúdo do MESMO cdkDrag (aplicado no host deste componente) -->
+      <ng-content select="[mkbColHandle]" />
+      <span class="mkb-col-title">{{ column().title ?? column().id }}</span>
+      <span
+        class="mkb-col-count"
+        [class.is-full]="isFull()"
+        [attr.title]="isFull() ? 'Limite de itens atingido' : null"
+      >
+        {{ column().count }}{{ column().limit !== undefined ? ' / ' + column().limit : '' }}
+      </span>
+    </header>
+
+    <mos-kanban-cell
+      class="mkb-col-cell"
+      [board]="board()"
+      [columnId]="column().id"
+      [items]="items()"
+      [cardTemplate]="cardTemplate()"
+      [cardConfig]="cardConfig()"
+      [readOnly]="readOnly()"
+      [selection]="selection()"
+      [connectedTo]="connectedTo()"
+      [allCardIds]="allCardIds()"
+      (cardActivate)="cardActivate.emit($event)"
+      (cardContext)="cardContext.emit($event)"
+      (cardKey)="cardKey.emit($event)"
+      (cardAction)="cardAction.emit($event)"
+      (entryCheck)="entryCheck.emit($event)"
+      (entryAction)="entryAction.emit($event)"
+      (entryMove)="entryMove.emit($event)"
+      (lifecycle)="lifecycle.emit($event)"
+      (dropRejected)="dropRejected.emit($event)"
+    />
   `, isInline: true, styles: [":host{display:flex;flex-direction:column;min-width:0;max-height:100%;background:var(--mkb-column-bg, var(--color-surface, #efedf3));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius, var(--radius-md, 10px))}.mkb-col-header{display:flex;align-items:center;gap:8px;padding:var(--mkb-header-padding, 10px 12px)}.mkb-col-header .mkb-col-title{flex:1}.mkb-col-header:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35));border-radius:var(--mkb-radius-sm, 6px)}.mkb-col-grip{cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-col-grip:active{cursor:grabbing}.mkb-col-header.mkb-col-accented{background:color-mix(in srgb,var(--mkb-col-accent) 16%,transparent);border-top:3px solid var(--mkb-col-accent);border-radius:var(--mkb-radius, 10px) var(--mkb-radius, 10px) 0 0}.mkb-col-title{font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--mkb-foreground, var(--color-foreground, #241f33))}.mkb-col-count{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;background:var(--mkb-card-bg, var(--color-panel, #fff));color:var(--mkb-muted, var(--color-muted, #6f6a7c))}.mkb-col-count.is-full{color:var(--mkb-danger, #b3261e)}.mkb-col-cell{flex:1;min-height:0}\n"], dependencies: [{ kind: "component", type: MosKanbanCell, selector: "mos-kanban-cell", inputs: ["board", "columnId", "laneId", "items", "cardTemplate", "cardConfig", "readOnly", "selection", "connectedTo", "allCardIds"], outputs: ["cardActivate", "cardContext", "cardKey", "cardAction", "entryCheck", "entryAction", "entryMove", "lifecycle", "dropRejected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanColumn, decorators: [{
             type: Component,
-            args: [{ selector: 'mos-kanban-column', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MosKanbanCell], template: `
-    <header
-      class="mkb-col-header"
-      [class.mkb-col-accented]="!!color()"
-      [class.mkb-col-reorderable]="reorderable()"
-      [attr.tabindex]="reorderable() ? 0 : null"
-      [attr.data-column-header]="column().id"
-      [attr.role]="reorderable() ? 'button' : null"
-      [attr.aria-label]="reorderable() ? 'Coluna ' + (column().title ?? column().id) + ' — Ctrl+setas para reordenar' : null"
-      [attr.aria-keyshortcuts]="reorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
-      (keydown)="onHeaderKeydown($event)"
-    >
-      <!-- alça CDK projetada pelo board: o cdkDragHandle precisa ser
-           conteúdo do MESMO cdkDrag (aplicado no host deste componente) -->
-      <ng-content select="[mkbColHandle]" />
-      <span class="mkb-col-title">{{ column().title ?? column().id }}</span>
-      <span
-        class="mkb-col-count"
-        [class.is-full]="isFull()"
-        [attr.title]="isFull() ? 'Limite de itens atingido' : null"
-      >
-        {{ column().count }}{{ column().limit !== undefined ? ' / ' + column().limit : '' }}
-      </span>
-    </header>
-
-    <mos-kanban-cell
-      class="mkb-col-cell"
-      [board]="board()"
-      [columnId]="column().id"
-      [items]="items()"
-      [cardTemplate]="cardTemplate()"
-      [cardConfig]="cardConfig()"
-      [readOnly]="readOnly()"
-      [selection]="selection()"
-      [connectedTo]="connectedTo()"
-      [allCardIds]="allCardIds()"
-      (cardActivate)="cardActivate.emit($event)"
-      (cardContext)="cardContext.emit($event)"
-      (cardKey)="cardKey.emit($event)"
-      (cardAction)="cardAction.emit($event)"
-      (entryCheck)="entryCheck.emit($event)"
-      (entryAction)="entryAction.emit($event)"
-      (entryMove)="entryMove.emit($event)"
-      (lifecycle)="lifecycle.emit($event)"
-      (dropRejected)="dropRejected.emit($event)"
-    />
+            args: [{ selector: 'mos-kanban-column', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MosKanbanCell], template: `
+    <header
+      class="mkb-col-header"
+      [class.mkb-col-accented]="!!color()"
+      [class.mkb-col-reorderable]="reorderable()"
+      [attr.tabindex]="reorderable() ? 0 : null"
+      [attr.data-column-header]="column().id"
+      [attr.role]="reorderable() ? 'button' : null"
+      [attr.aria-label]="reorderable() ? 'Coluna ' + (column().title ?? column().id) + ' — Ctrl+setas para reordenar' : null"
+      [attr.aria-keyshortcuts]="reorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
+      (keydown)="onHeaderKeydown($event)"
+    >
+      <!-- alça CDK projetada pelo board: o cdkDragHandle precisa ser
+           conteúdo do MESMO cdkDrag (aplicado no host deste componente) -->
+      <ng-content select="[mkbColHandle]" />
+      <span class="mkb-col-title">{{ column().title ?? column().id }}</span>
+      <span
+        class="mkb-col-count"
+        [class.is-full]="isFull()"
+        [attr.title]="isFull() ? 'Limite de itens atingido' : null"
+      >
+        {{ column().count }}{{ column().limit !== undefined ? ' / ' + column().limit : '' }}
+      </span>
+    </header>
+
+    <mos-kanban-cell
+      class="mkb-col-cell"
+      [board]="board()"
+      [columnId]="column().id"
+      [items]="items()"
+      [cardTemplate]="cardTemplate()"
+      [cardConfig]="cardConfig()"
+      [readOnly]="readOnly()"
+      [selection]="selection()"
+      [connectedTo]="connectedTo()"
+      [allCardIds]="allCardIds()"
+      (cardActivate)="cardActivate.emit($event)"
+      (cardContext)="cardContext.emit($event)"
+      (cardKey)="cardKey.emit($event)"
+      (cardAction)="cardAction.emit($event)"
+      (entryCheck)="entryCheck.emit($event)"
+      (entryAction)="entryAction.emit($event)"
+      (entryMove)="entryMove.emit($event)"
+      (lifecycle)="lifecycle.emit($event)"
+      (dropRejected)="dropRejected.emit($event)"
+    />
   `, host: { '[style.--mkb-col-accent]': 'color()' }, styles: [":host{display:flex;flex-direction:column;min-width:0;max-height:100%;background:var(--mkb-column-bg, var(--color-surface, #efedf3));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius, var(--radius-md, 10px))}.mkb-col-header{display:flex;align-items:center;gap:8px;padding:var(--mkb-header-padding, 10px 12px)}.mkb-col-header .mkb-col-title{flex:1}.mkb-col-header:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35));border-radius:var(--mkb-radius-sm, 6px)}.mkb-col-grip{cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-col-grip:active{cursor:grabbing}.mkb-col-header.mkb-col-accented{background:color-mix(in srgb,var(--mkb-col-accent) 16%,transparent);border-top:3px solid var(--mkb-col-accent);border-radius:var(--mkb-radius, 10px) var(--mkb-radius, 10px) 0 0}.mkb-col-title{font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--mkb-foreground, var(--color-foreground, #241f33))}.mkb-col-count{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;background:var(--mkb-card-bg, var(--color-panel, #fff));color:var(--mkb-muted, var(--color-muted, #6f6a7c))}.mkb-col-count.is-full{color:var(--mkb-danger, #b3261e)}.mkb-col-cell{flex:1;min-height:0}\n"] }]
         }], propDecorators: { board: [{ type: i0.Input, args: [{ isSignal: true, alias: "board", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], cardTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardTemplate", required: false }] }], cardConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardConfig", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], connectedTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedTo", required: false }] }], allCardIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "allCardIds", required: false }] }], cardActivate: [{ type: i0.Output, args: ["cardActivate"] }], cardContext: [{ type: i0.Output, args: ["cardContext"] }], cardKey: [{ type: i0.Output, args: ["cardKey"] }], cardAction: [{ type: i0.Output, args: ["cardAction"] }], entryCheck: [{ type: i0.Output, args: ["entryCheck"] }], entryAction: [{ type: i0.Output, args: ["entryAction"] }], entryMove: [{ type: i0.Output, args: ["entryMove"] }], lifecycle: [{ type: i0.Output, args: ["lifecycle"] }], dropRejected: [{ type: i0.Output, args: ["dropRejected"] }], reorderKey: [{ type: i0.Output, args: ["reorderKey"] }] } });
 
@@ -1820,229 +1820,229 @@ class MosKanbanBoard {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanBoard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: MosKanbanBoard, isStandalone: true, selector: "mos-kanban-board", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", itemMove: "itemMove", moveRejected: "moveRejected", itemAction: "itemAction", entryAction: "entryAction", dragStarted: "dragStarted", dragEnded: "dragEnded", dragCanceled: "dragCanceled" }, host: { listeners: { "document:click": "closeMenu()", "document:keydown.escape": "onEscape()" } }, providers: [DragCancelFlag], queries: [{ propertyName: "cardDef", first: true, predicate: MosKanbanCardDef, descendants: true, isSignal: true }], ngImport: i0, template: `
-    @if (error(); as message) {
-      <div class="mkb-state mkb-error" role="alert">
-        <span class="mkb-state-title">Não foi possível carregar o board</span>
-        <span class="mkb-state-hint">{{ message }}</span>
-      </div>
-    } @else if (loading()) {
-      <div class="mkb-state" aria-label="Carregando board" aria-busy="true">
-        <div class="mkb-skeleton">
-          @for (i of [0, 1, 2]; track i) {
-            <div class="mkb-skeleton-col"></div>
-          }
-        </div>
-      </div>
-    } @else if (!board()) {
-      <div class="mkb-state">
-        <span class="mkb-state-title">Nenhum board configurado</span>
-        <span class="mkb-state-hint">mos-kanban-board · v{{ version }}</span>
-      </div>
-    } @else {
-      <div
-        class="mkb-board"
-        [class.mkb-readonly]="readOnly()"
-        role="region"
-        aria-label="Kanban board"
-      >
-        @if (readOnly()) {
-          <span class="mkb-readonly-pill">somente leitura</span>
-        }
-
-        <div class="mkb-sr-only" aria-live="polite">{{ announcement() }}</div>
-
-        @if (showSearch()) {
-          <div class="mkb-search">
-            <input
-              type="search"
-              placeholder="Pesquisar…"
-              aria-label="Pesquisar itens do board"
-              #search
-              (input)="onSearch(search.value)"
-            />
-          </div>
-        }
-
-        @if (laneVMs(); as lanes) {
-          <div class="mkb-grid" cdkScrollable>
-            <div class="mkb-grid-inner">
-              <div class="mkb-grid-head">
-                <div class="mkb-grid-corner"></div>
-                <div
-                  class="mkb-grid-head-cols"
-                  cdkDropList
-                  cdkDropListOrientation="horizontal"
-                  [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
-                  (cdkDropListDropped)="onColumnDrop($event)"
-                >
-                  @for (vm of columnVMs(); track vm.column.id) {
-                    <header
-                      class="mkb-grid-col-header"
-                      cdkDrag
-                      [cdkDragData]="{ kind: 'column', id: vm.column.id }"
-                      [cdkDragDisabled]="!columnsReorderable() || readOnly()"
-                      (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
-                      (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
-                      [class.mkb-col-accented]="!!colColor(vm.column)"
-                      [style.--mkb-col-accent]="colColor(vm.column)"
-                      [attr.tabindex]="columnsReorderable() ? 0 : null"
-                      [attr.data-column-header]="vm.column.id"
-                      [attr.aria-keyshortcuts]="columnsReorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
-                      (keydown)="onColumnHeaderKeydown(vm.column.id, $event)"
-                    >
-                      @if (columnsReorderable()) {
-                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
-                      }
-                      <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
-                      <span class="mkb-col-count" [class.is-full]="isFull(vm.column)">
-                        {{ vm.column.count }}{{ vm.column.limit !== undefined ? ' / ' + vm.column.limit : '' }}
-                      </span>
-
-                      <!-- preview = a COLUNA inteira (fatia vertical da grade
-                           não é um elemento DOM único; representação
-                           equivalente: header + pilha de cartões-fantasma) -->
-                      <div class="mkb-col-slice-preview" *cdkDragPreview>
-                        <div class="mkb-col-slice-head">
-                          <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
-                          <span class="mkb-col-count">{{ vm.column.count }}</span>
-                        </div>
-                        @for (g of ghostRows(vm.column.count); track $index) {
-                          <div class="mkb-col-slice-card"></div>
-                        }
-                      </div>
-                    </header>
-                  }
-                </div>
-              </div>
-
-              <div
-                class="mkb-lanes"
-                cdkDropList
-                [cdkDropListDisabled]="!lanesReorderable() || readOnly()"
-                (cdkDropListDropped)="onLaneDrop($event)"
-              >
-                @for (laneVM of lanes; track laneVM.lane.id) {
-                  <div
-                    class="mkb-lane-row"
-                    cdkDrag
-                    [cdkDragData]="{ kind: 'lane', id: laneVM.lane.id }"
-                    [cdkDragDisabled]="!lanesReorderable() || readOnly()"
-                    (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'lane', id: laneVM.lane.id })"
-                    (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'lane', id: laneVM.lane.id })"
-                  >
-                    <div
-                      class="mkb-lane-header"
-                      [attr.tabindex]="lanesReorderable() ? 0 : null"
-                      [attr.data-lane-header]="laneVM.lane.id"
-                      [attr.aria-keyshortcuts]="lanesReorderable() ? 'Control+ArrowUp Control+ArrowDown' : null"
-                      (keydown)="onLaneHeaderKeydown(laneVM.lane.id, $event)"
-                    >
-                      @if (lanesReorderable()) {
-                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
-                      }
-                      <span class="mkb-col-title">{{ laneVM.lane.title ?? laneVM.lane.id }}</span>
-                      <span class="mkb-col-count" [class.is-full]="isFull(laneVM.lane)">
-                        {{ laneVM.lane.count }}{{ laneVM.lane.limit !== undefined ? ' / ' + laneVM.lane.limit : '' }}
-                      </span>
-                    </div>
-                    <div class="mkb-lane-cells">
-                      @for (cell of laneVM.cells; track cell.column.id) {
-                        <mos-kanban-cell
-                          class="mkb-grid-cell"
-                          [board]="board()!"
-                          [columnId]="cell.column.id"
-                          [laneId]="laneVM.lane.id"
-                          [connectedTo]="connectedFor(cell.column.id, laneVM.lane.id)"
-                          [items]="cell.items"
-                          [cardTemplate]="cardDef()?.template ?? null"
-                          [cardConfig]="cardConfig()"
-                          [readOnly]="readOnly()"
-                          [selection]="selection()"
-                          [allCardIds]="allCardIds()"
-                          (cardActivate)="onActivate($event)"
-                          (cardContext)="onCardContext($event)"
-                          (cardKey)="onCardKey($event)"
-                          (cardAction)="itemAction.emit($event)"
-                          (entryCheck)="onEntryCheck($event)"
-                          (entryAction)="entryAction.emit($event)"
-                          (entryMove)="onEntryMove($event)"
-                          (lifecycle)="onLifecycle($event)"
-                          (dropRejected)="onDropRejected($event)"
-                        />
-                      }
-                    </div>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        } @else {
-          <div
-            class="mkb-columns"
-            cdkDropList
-            cdkDropListOrientation="horizontal"
-            [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
-            (cdkDropListDropped)="onColumnDrop($event)"
-          >
-            @for (vm of columnVMs(); track vm.column.id) {
-              <mos-kanban-column
-                cdkDrag
-                [cdkDragData]="{ kind: 'column', id: vm.column.id }"
-                [cdkDragDisabled]="!columnsReorderable() || readOnly()"
-                [board]="board()!"
-                [column]="vm.column"
-                [items]="vm.items"
-                [cardTemplate]="cardDef()?.template ?? null"
-                [cardConfig]="cardConfig()"
-                [readOnly]="readOnly()"
-                [reorderable]="columnsReorderable() && !readOnly()"
-                [selection]="selection()"
-                [connectedTo]="connectedFor(vm.column.id)"
-                [allCardIds]="allCardIds()"
-                (cardActivate)="onActivate($event)"
-                (cardContext)="onCardContext($event)"
-                (cardKey)="onCardKey($event)"
-                (cardAction)="itemAction.emit($event)"
-                (entryCheck)="onEntryCheck($event)"
-                (entryAction)="entryAction.emit($event)"
-                (entryMove)="onEntryMove($event)"
-                (lifecycle)="onLifecycle($event)"
-                (reorderKey)="onColumnReorderKey(vm.column.id, $event)"
-                (dropRejected)="onDropRejected($event)"
-                (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
-                (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
-              >
-                @if (columnsReorderable() && !readOnly()) {
-                  <span mkbColHandle cdkDragHandle class="mkb-col-grip" aria-hidden="true">⠿</span>
-                }
-              </mos-kanban-column>
-            }
-          </div>
-        }
-
-        @if (menu(); as m) {
-          <div
-            class="mkb-menu"
-            role="menu"
-            [style.left.px]="m.x"
-            [style.top.px]="m.y"
-            (click)="$event.stopPropagation()"
-          >
-            @for (action of itemActions(); track action.id) {
-              <button
-                type="button"
-                role="menuitem"
-                [disabled]="action.disabled"
-                (click)="invoke(m.item, action.id)"
-              >
-                {{ action.label }}
-              </button>
-            }
-          </div>
-        }
-      </div>
-    }
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: MosKanbanBoard, isStandalone: true, selector: "mos-kanban-board", inputs: { board: { classPropertyName: "board", publicName: "board", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", itemMove: "itemMove", moveRejected: "moveRejected", itemAction: "itemAction", entryAction: "entryAction", dragStarted: "dragStarted", dragEnded: "dragEnded", dragCanceled: "dragCanceled" }, host: { listeners: { "document:click": "closeMenu()", "document:keydown.escape": "onEscape()" } }, providers: [DragCancelFlag], queries: [{ propertyName: "cardDef", first: true, predicate: MosKanbanCardDef, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (error(); as message) {
+      <div class="mkb-state mkb-error" role="alert">
+        <span class="mkb-state-title">Não foi possível carregar o board</span>
+        <span class="mkb-state-hint">{{ message }}</span>
+      </div>
+    } @else if (loading()) {
+      <div class="mkb-state" aria-label="Carregando board" aria-busy="true">
+        <div class="mkb-skeleton">
+          @for (i of [0, 1, 2]; track i) {
+            <div class="mkb-skeleton-col"></div>
+          }
+        </div>
+      </div>
+    } @else if (!board()) {
+      <div class="mkb-state">
+        <span class="mkb-state-title">Nenhum board configurado</span>
+        <span class="mkb-state-hint">mos-kanban-board · v{{ version }}</span>
+      </div>
+    } @else {
+      <div
+        class="mkb-board"
+        [class.mkb-readonly]="readOnly()"
+        role="region"
+        aria-label="Kanban board"
+      >
+        @if (readOnly()) {
+          <span class="mkb-readonly-pill">somente leitura</span>
+        }
+
+        <div class="mkb-sr-only" aria-live="polite">{{ announcement() }}</div>
+
+        @if (showSearch()) {
+          <div class="mkb-search">
+            <input
+              type="search"
+              placeholder="Pesquisar…"
+              aria-label="Pesquisar itens do board"
+              #search
+              (input)="onSearch(search.value)"
+            />
+          </div>
+        }
+
+        @if (laneVMs(); as lanes) {
+          <div class="mkb-grid" cdkScrollable>
+            <div class="mkb-grid-inner">
+              <div class="mkb-grid-head">
+                <div class="mkb-grid-corner"></div>
+                <div
+                  class="mkb-grid-head-cols"
+                  cdkDropList
+                  cdkDropListOrientation="horizontal"
+                  [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
+                  (cdkDropListDropped)="onColumnDrop($event)"
+                >
+                  @for (vm of columnVMs(); track vm.column.id) {
+                    <header
+                      class="mkb-grid-col-header"
+                      cdkDrag
+                      [cdkDragData]="{ kind: 'column', id: vm.column.id }"
+                      [cdkDragDisabled]="!columnsReorderable() || readOnly()"
+                      (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
+                      (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
+                      [class.mkb-col-accented]="!!colColor(vm.column)"
+                      [style.--mkb-col-accent]="colColor(vm.column)"
+                      [attr.tabindex]="columnsReorderable() ? 0 : null"
+                      [attr.data-column-header]="vm.column.id"
+                      [attr.aria-keyshortcuts]="columnsReorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
+                      (keydown)="onColumnHeaderKeydown(vm.column.id, $event)"
+                    >
+                      @if (columnsReorderable()) {
+                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
+                      }
+                      <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
+                      <span class="mkb-col-count" [class.is-full]="isFull(vm.column)">
+                        {{ vm.column.count }}{{ vm.column.limit !== undefined ? ' / ' + vm.column.limit : '' }}
+                      </span>
+
+                      <!-- preview = a COLUNA inteira (fatia vertical da grade
+                           não é um elemento DOM único; representação
+                           equivalente: header + pilha de cartões-fantasma) -->
+                      <div class="mkb-col-slice-preview" *cdkDragPreview>
+                        <div class="mkb-col-slice-head">
+                          <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
+                          <span class="mkb-col-count">{{ vm.column.count }}</span>
+                        </div>
+                        @for (g of ghostRows(vm.column.count); track $index) {
+                          <div class="mkb-col-slice-card"></div>
+                        }
+                      </div>
+                    </header>
+                  }
+                </div>
+              </div>
+
+              <div
+                class="mkb-lanes"
+                cdkDropList
+                [cdkDropListDisabled]="!lanesReorderable() || readOnly()"
+                (cdkDropListDropped)="onLaneDrop($event)"
+              >
+                @for (laneVM of lanes; track laneVM.lane.id) {
+                  <div
+                    class="mkb-lane-row"
+                    cdkDrag
+                    [cdkDragData]="{ kind: 'lane', id: laneVM.lane.id }"
+                    [cdkDragDisabled]="!lanesReorderable() || readOnly()"
+                    (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'lane', id: laneVM.lane.id })"
+                    (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'lane', id: laneVM.lane.id })"
+                  >
+                    <div
+                      class="mkb-lane-header"
+                      [attr.tabindex]="lanesReorderable() ? 0 : null"
+                      [attr.data-lane-header]="laneVM.lane.id"
+                      [attr.aria-keyshortcuts]="lanesReorderable() ? 'Control+ArrowUp Control+ArrowDown' : null"
+                      (keydown)="onLaneHeaderKeydown(laneVM.lane.id, $event)"
+                    >
+                      @if (lanesReorderable()) {
+                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
+                      }
+                      <span class="mkb-col-title">{{ laneVM.lane.title ?? laneVM.lane.id }}</span>
+                      <span class="mkb-col-count" [class.is-full]="isFull(laneVM.lane)">
+                        {{ laneVM.lane.count }}{{ laneVM.lane.limit !== undefined ? ' / ' + laneVM.lane.limit : '' }}
+                      </span>
+                    </div>
+                    <div class="mkb-lane-cells">
+                      @for (cell of laneVM.cells; track cell.column.id) {
+                        <mos-kanban-cell
+                          class="mkb-grid-cell"
+                          [board]="board()!"
+                          [columnId]="cell.column.id"
+                          [laneId]="laneVM.lane.id"
+                          [connectedTo]="connectedFor(cell.column.id, laneVM.lane.id)"
+                          [items]="cell.items"
+                          [cardTemplate]="cardDef()?.template ?? null"
+                          [cardConfig]="cardConfig()"
+                          [readOnly]="readOnly()"
+                          [selection]="selection()"
+                          [allCardIds]="allCardIds()"
+                          (cardActivate)="onActivate($event)"
+                          (cardContext)="onCardContext($event)"
+                          (cardKey)="onCardKey($event)"
+                          (cardAction)="itemAction.emit($event)"
+                          (entryCheck)="onEntryCheck($event)"
+                          (entryAction)="entryAction.emit($event)"
+                          (entryMove)="onEntryMove($event)"
+                          (lifecycle)="onLifecycle($event)"
+                          (dropRejected)="onDropRejected($event)"
+                        />
+                      }
+                    </div>
+                  </div>
+                }
+              </div>
+            </div>
+          </div>
+        } @else {
+          <div
+            class="mkb-columns"
+            cdkDropList
+            cdkDropListOrientation="horizontal"
+            [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
+            (cdkDropListDropped)="onColumnDrop($event)"
+          >
+            @for (vm of columnVMs(); track vm.column.id) {
+              <mos-kanban-column
+                cdkDrag
+                [cdkDragData]="{ kind: 'column', id: vm.column.id }"
+                [cdkDragDisabled]="!columnsReorderable() || readOnly()"
+                [board]="board()!"
+                [column]="vm.column"
+                [items]="vm.items"
+                [cardTemplate]="cardDef()?.template ?? null"
+                [cardConfig]="cardConfig()"
+                [readOnly]="readOnly()"
+                [reorderable]="columnsReorderable() && !readOnly()"
+                [selection]="selection()"
+                [connectedTo]="connectedFor(vm.column.id)"
+                [allCardIds]="allCardIds()"
+                (cardActivate)="onActivate($event)"
+                (cardContext)="onCardContext($event)"
+                (cardKey)="onCardKey($event)"
+                (cardAction)="itemAction.emit($event)"
+                (entryCheck)="onEntryCheck($event)"
+                (entryAction)="entryAction.emit($event)"
+                (entryMove)="onEntryMove($event)"
+                (lifecycle)="onLifecycle($event)"
+                (reorderKey)="onColumnReorderKey(vm.column.id, $event)"
+                (dropRejected)="onDropRejected($event)"
+                (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
+                (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
+              >
+                @if (columnsReorderable() && !readOnly()) {
+                  <span mkbColHandle cdkDragHandle class="mkb-col-grip" aria-hidden="true">⠿</span>
+                }
+              </mos-kanban-column>
+            }
+          </div>
+        }
+
+        @if (menu(); as m) {
+          <div
+            class="mkb-menu"
+            role="menu"
+            [style.left.px]="m.x"
+            [style.top.px]="m.y"
+            (click)="$event.stopPropagation()"
+          >
+            @for (action of itemActions(); track action.id) {
+              <button
+                type="button"
+                role="menuitem"
+                [disabled]="action.disabled"
+                (click)="invoke(m.item, action.id)"
+              >
+                {{ action.label }}
+              </button>
+            }
+          </div>
+        }
+      </div>
+    }
   `, isInline: true, styles: [":host{display:block;height:100%;font-family:var(--mkb-font, var(--font-sans, system-ui, sans-serif))}.mkb-board{position:relative;display:flex;flex-direction:column;height:100%;background:var(--mkb-surface, var(--color-background, #f6f5f8));border-radius:var(--mkb-radius, var(--radius-md, 10px))}.mkb-search{padding:2px 2px 10px}.mkb-search input{width:min(320px,100%);padding:7px 10px;border:1px solid var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px);font:inherit;font-size:13px;background:var(--mkb-card-bg, #fff);color:var(--mkb-foreground, #241f33)}.mkb-search input:focus-visible{outline:none;border-color:var(--mkb-accent, #5e35b1);box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-columns{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px));flex:1;min-height:0;overflow-x:auto;padding:2px;align-items:start}.mkb-columns>mos-kanban-column{flex:0 0 var(--mkb-column-width, clamp(220px, 26vw, 320px));max-height:100%}.mkb-grid{flex:1;min-height:0;overflow:auto;padding:2px}.mkb-grid-inner{display:flex;flex-direction:column;gap:var(--mkb-lane-gap, var(--mkb-gap, 12px));width:max-content;min-width:100%}.mkb-lanes{display:flex;flex-direction:column;gap:var(--mkb-lane-gap, var(--mkb-gap, 12px))}.mkb-grid-head,.mkb-lane-row{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px));align-items:stretch}.mkb-grid-head{position:sticky;top:0;z-index:2}.mkb-grid-head-cols,.mkb-lane-cells{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px))}.mkb-grid-corner,.mkb-lane-header{flex:0 0 var(--mkb-lane-label-width, 140px)}.mkb-grid-col-header,.mkb-grid-cell{flex:0 0 var(--mkb-grid-column-width, var(--mkb-column-width, clamp(220px, 26vw, 320px)));box-sizing:border-box}.mkb-grid-corner{background:var(--mkb-surface, #f6f5f8)}.mkb-grid-col-header{display:flex;align-items:center;gap:8px;padding:var(--mkb-header-padding, 8px 12px);background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}.mkb-grid-col-header .mkb-col-title{flex:1}.mkb-grid-col-header[tabindex]:focus-visible,.mkb-lane-header[tabindex]:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-grid-col-header.mkb-col-accented{background:color-mix(in srgb,var(--mkb-col-accent) 16%,transparent);border-top:3px solid var(--mkb-col-accent)}.mkb-lane-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}.mkb-col-grip{cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-col-grip:active{cursor:grabbing}.mkb-col-title{font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--mkb-foreground, #241f33);overflow-wrap:anywhere}.mkb-col-count{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;background:var(--mkb-card-bg, #fff);color:var(--mkb-muted, #6f6a7c)}.mkb-col-count.is-full{color:var(--mkb-danger, #b3261e)}.mkb-grid-cell{background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius, 10px);min-height:84px}.cdk-drag-placeholder{opacity:.35}.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:none}mos-kanban-column.cdk-drag-preview,.mkb-lane-row.cdk-drag-preview{rotate:none}}mos-kanban-column.cdk-drag-preview,.mkb-lane-row.cdk-drag-preview{box-shadow:0 12px 32px #0000003d;opacity:.95}.mkb-col-slice-preview{display:flex;flex-direction:column;gap:var(--mkb-card-gap, 8px);width:var(--mkb-grid-column-width, var(--mkb-column-width, clamp(220px, 26vw, 320px)));padding:0 0 10px;background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius, 10px);box-shadow:0 12px 32px #0000003d}.mkb-col-slice-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--mkb-border, #e3e0ea)}.mkb-col-slice-card{height:44px;margin:0 8px;background:var(--mkb-card-bg, #fff);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}@media(prefers-reduced-motion:reduce){.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:none}}.mkb-readonly-pill{position:absolute;top:-6px;right:8px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--mkb-warning, #9a6b00);color:#fff}.mkb-menu{position:fixed;z-index:10;display:flex;flex-direction:column;min-width:160px;padding:4px;background:var(--mkb-card-bg, #fff);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px);box-shadow:0 8px 24px #00000024}.mkb-menu button{padding:7px 10px;border:0;border-radius:4px;background:transparent;color:var(--mkb-foreground, #241f33);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.mkb-menu button:hover:not(:disabled){background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 10%,transparent)}.mkb-menu button:disabled{opacity:.45;cursor:default}.mkb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:240px;height:100%;background:var(--mkb-surface, var(--color-background, #f6f5f8));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius, var(--radius-md, 10px));color:var(--mkb-muted, var(--color-muted, #6f6a7c))}.mkb-state-title{font-size:14px;font-weight:500}.mkb-error .mkb-state-title{color:var(--mkb-danger, #b3261e)}.mkb-state-hint{font-size:11px;opacity:.8}.mkb-skeleton{display:flex;gap:var(--mkb-gap, 12px)}.mkb-skeleton-col{width:220px;height:180px;border-radius:var(--mkb-radius, 10px);background:var(--mkb-column-bg, #efedf3);animation:mkb-pulse 1.2s ease-in-out infinite}@keyframes mkb-pulse{50%{opacity:.55}}.mkb-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.mkb-skeleton-col{animation:none}}@media(max-width:540px){.mkb-columns>mos-kanban-column{flex:0 0 78vw}.mkb-search input{width:100%}}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: MosKanbanColumn, selector: "mos-kanban-column", inputs: ["board", "column", "items", "cardTemplate", "cardConfig", "readOnly", "reorderable", "selection", "connectedTo", "allCardIds"], outputs: ["cardActivate", "cardContext", "cardKey", "cardAction", "entryCheck", "entryAction", "entryMove", "lifecycle", "dropRejected", "reorderKey"] }, { kind: "component", type: MosKanbanCell, selector: "mos-kanban-cell", inputs: ["board", "columnId", "laneId", "items", "cardTemplate", "cardConfig", "readOnly", "selection", "connectedTo", "allCardIds"], outputs: ["cardActivate", "cardContext", "cardKey", "cardAction", "entryCheck", "entryAction", "entryMove", "lifecycle", "dropRejected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MosKanbanBoard, decorators: [{
@@ -2058,229 +2058,229 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImpo
                     ], providers: [DragCancelFlag], host: {
                         '(document:click)': 'closeMenu()',
                         '(document:keydown.escape)': 'onEscape()',
-                    }, template: `
-    @if (error(); as message) {
-      <div class="mkb-state mkb-error" role="alert">
-        <span class="mkb-state-title">Não foi possível carregar o board</span>
-        <span class="mkb-state-hint">{{ message }}</span>
-      </div>
-    } @else if (loading()) {
-      <div class="mkb-state" aria-label="Carregando board" aria-busy="true">
-        <div class="mkb-skeleton">
-          @for (i of [0, 1, 2]; track i) {
-            <div class="mkb-skeleton-col"></div>
-          }
-        </div>
-      </div>
-    } @else if (!board()) {
-      <div class="mkb-state">
-        <span class="mkb-state-title">Nenhum board configurado</span>
-        <span class="mkb-state-hint">mos-kanban-board · v{{ version }}</span>
-      </div>
-    } @else {
-      <div
-        class="mkb-board"
-        [class.mkb-readonly]="readOnly()"
-        role="region"
-        aria-label="Kanban board"
-      >
-        @if (readOnly()) {
-          <span class="mkb-readonly-pill">somente leitura</span>
-        }
-
-        <div class="mkb-sr-only" aria-live="polite">{{ announcement() }}</div>
-
-        @if (showSearch()) {
-          <div class="mkb-search">
-            <input
-              type="search"
-              placeholder="Pesquisar…"
-              aria-label="Pesquisar itens do board"
-              #search
-              (input)="onSearch(search.value)"
-            />
-          </div>
-        }
-
-        @if (laneVMs(); as lanes) {
-          <div class="mkb-grid" cdkScrollable>
-            <div class="mkb-grid-inner">
-              <div class="mkb-grid-head">
-                <div class="mkb-grid-corner"></div>
-                <div
-                  class="mkb-grid-head-cols"
-                  cdkDropList
-                  cdkDropListOrientation="horizontal"
-                  [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
-                  (cdkDropListDropped)="onColumnDrop($event)"
-                >
-                  @for (vm of columnVMs(); track vm.column.id) {
-                    <header
-                      class="mkb-grid-col-header"
-                      cdkDrag
-                      [cdkDragData]="{ kind: 'column', id: vm.column.id }"
-                      [cdkDragDisabled]="!columnsReorderable() || readOnly()"
-                      (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
-                      (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
-                      [class.mkb-col-accented]="!!colColor(vm.column)"
-                      [style.--mkb-col-accent]="colColor(vm.column)"
-                      [attr.tabindex]="columnsReorderable() ? 0 : null"
-                      [attr.data-column-header]="vm.column.id"
-                      [attr.aria-keyshortcuts]="columnsReorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
-                      (keydown)="onColumnHeaderKeydown(vm.column.id, $event)"
-                    >
-                      @if (columnsReorderable()) {
-                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
-                      }
-                      <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
-                      <span class="mkb-col-count" [class.is-full]="isFull(vm.column)">
-                        {{ vm.column.count }}{{ vm.column.limit !== undefined ? ' / ' + vm.column.limit : '' }}
-                      </span>
-
-                      <!-- preview = a COLUNA inteira (fatia vertical da grade
-                           não é um elemento DOM único; representação
-                           equivalente: header + pilha de cartões-fantasma) -->
-                      <div class="mkb-col-slice-preview" *cdkDragPreview>
-                        <div class="mkb-col-slice-head">
-                          <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
-                          <span class="mkb-col-count">{{ vm.column.count }}</span>
-                        </div>
-                        @for (g of ghostRows(vm.column.count); track $index) {
-                          <div class="mkb-col-slice-card"></div>
-                        }
-                      </div>
-                    </header>
-                  }
-                </div>
-              </div>
-
-              <div
-                class="mkb-lanes"
-                cdkDropList
-                [cdkDropListDisabled]="!lanesReorderable() || readOnly()"
-                (cdkDropListDropped)="onLaneDrop($event)"
-              >
-                @for (laneVM of lanes; track laneVM.lane.id) {
-                  <div
-                    class="mkb-lane-row"
-                    cdkDrag
-                    [cdkDragData]="{ kind: 'lane', id: laneVM.lane.id }"
-                    [cdkDragDisabled]="!lanesReorderable() || readOnly()"
-                    (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'lane', id: laneVM.lane.id })"
-                    (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'lane', id: laneVM.lane.id })"
-                  >
-                    <div
-                      class="mkb-lane-header"
-                      [attr.tabindex]="lanesReorderable() ? 0 : null"
-                      [attr.data-lane-header]="laneVM.lane.id"
-                      [attr.aria-keyshortcuts]="lanesReorderable() ? 'Control+ArrowUp Control+ArrowDown' : null"
-                      (keydown)="onLaneHeaderKeydown(laneVM.lane.id, $event)"
-                    >
-                      @if (lanesReorderable()) {
-                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
-                      }
-                      <span class="mkb-col-title">{{ laneVM.lane.title ?? laneVM.lane.id }}</span>
-                      <span class="mkb-col-count" [class.is-full]="isFull(laneVM.lane)">
-                        {{ laneVM.lane.count }}{{ laneVM.lane.limit !== undefined ? ' / ' + laneVM.lane.limit : '' }}
-                      </span>
-                    </div>
-                    <div class="mkb-lane-cells">
-                      @for (cell of laneVM.cells; track cell.column.id) {
-                        <mos-kanban-cell
-                          class="mkb-grid-cell"
-                          [board]="board()!"
-                          [columnId]="cell.column.id"
-                          [laneId]="laneVM.lane.id"
-                          [connectedTo]="connectedFor(cell.column.id, laneVM.lane.id)"
-                          [items]="cell.items"
-                          [cardTemplate]="cardDef()?.template ?? null"
-                          [cardConfig]="cardConfig()"
-                          [readOnly]="readOnly()"
-                          [selection]="selection()"
-                          [allCardIds]="allCardIds()"
-                          (cardActivate)="onActivate($event)"
-                          (cardContext)="onCardContext($event)"
-                          (cardKey)="onCardKey($event)"
-                          (cardAction)="itemAction.emit($event)"
-                          (entryCheck)="onEntryCheck($event)"
-                          (entryAction)="entryAction.emit($event)"
-                          (entryMove)="onEntryMove($event)"
-                          (lifecycle)="onLifecycle($event)"
-                          (dropRejected)="onDropRejected($event)"
-                        />
-                      }
-                    </div>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        } @else {
-          <div
-            class="mkb-columns"
-            cdkDropList
-            cdkDropListOrientation="horizontal"
-            [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
-            (cdkDropListDropped)="onColumnDrop($event)"
-          >
-            @for (vm of columnVMs(); track vm.column.id) {
-              <mos-kanban-column
-                cdkDrag
-                [cdkDragData]="{ kind: 'column', id: vm.column.id }"
-                [cdkDragDisabled]="!columnsReorderable() || readOnly()"
-                [board]="board()!"
-                [column]="vm.column"
-                [items]="vm.items"
-                [cardTemplate]="cardDef()?.template ?? null"
-                [cardConfig]="cardConfig()"
-                [readOnly]="readOnly()"
-                [reorderable]="columnsReorderable() && !readOnly()"
-                [selection]="selection()"
-                [connectedTo]="connectedFor(vm.column.id)"
-                [allCardIds]="allCardIds()"
-                (cardActivate)="onActivate($event)"
-                (cardContext)="onCardContext($event)"
-                (cardKey)="onCardKey($event)"
-                (cardAction)="itemAction.emit($event)"
-                (entryCheck)="onEntryCheck($event)"
-                (entryAction)="entryAction.emit($event)"
-                (entryMove)="onEntryMove($event)"
-                (lifecycle)="onLifecycle($event)"
-                (reorderKey)="onColumnReorderKey(vm.column.id, $event)"
-                (dropRejected)="onDropRejected($event)"
-                (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
-                (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
-              >
-                @if (columnsReorderable() && !readOnly()) {
-                  <span mkbColHandle cdkDragHandle class="mkb-col-grip" aria-hidden="true">⠿</span>
-                }
-              </mos-kanban-column>
-            }
-          </div>
-        }
-
-        @if (menu(); as m) {
-          <div
-            class="mkb-menu"
-            role="menu"
-            [style.left.px]="m.x"
-            [style.top.px]="m.y"
-            (click)="$event.stopPropagation()"
-          >
-            @for (action of itemActions(); track action.id) {
-              <button
-                type="button"
-                role="menuitem"
-                [disabled]="action.disabled"
-                (click)="invoke(m.item, action.id)"
-              >
-                {{ action.label }}
-              </button>
-            }
-          </div>
-        }
-      </div>
-    }
+                    }, template: `
+    @if (error(); as message) {
+      <div class="mkb-state mkb-error" role="alert">
+        <span class="mkb-state-title">Não foi possível carregar o board</span>
+        <span class="mkb-state-hint">{{ message }}</span>
+      </div>
+    } @else if (loading()) {
+      <div class="mkb-state" aria-label="Carregando board" aria-busy="true">
+        <div class="mkb-skeleton">
+          @for (i of [0, 1, 2]; track i) {
+            <div class="mkb-skeleton-col"></div>
+          }
+        </div>
+      </div>
+    } @else if (!board()) {
+      <div class="mkb-state">
+        <span class="mkb-state-title">Nenhum board configurado</span>
+        <span class="mkb-state-hint">mos-kanban-board · v{{ version }}</span>
+      </div>
+    } @else {
+      <div
+        class="mkb-board"
+        [class.mkb-readonly]="readOnly()"
+        role="region"
+        aria-label="Kanban board"
+      >
+        @if (readOnly()) {
+          <span class="mkb-readonly-pill">somente leitura</span>
+        }
+
+        <div class="mkb-sr-only" aria-live="polite">{{ announcement() }}</div>
+
+        @if (showSearch()) {
+          <div class="mkb-search">
+            <input
+              type="search"
+              placeholder="Pesquisar…"
+              aria-label="Pesquisar itens do board"
+              #search
+              (input)="onSearch(search.value)"
+            />
+          </div>
+        }
+
+        @if (laneVMs(); as lanes) {
+          <div class="mkb-grid" cdkScrollable>
+            <div class="mkb-grid-inner">
+              <div class="mkb-grid-head">
+                <div class="mkb-grid-corner"></div>
+                <div
+                  class="mkb-grid-head-cols"
+                  cdkDropList
+                  cdkDropListOrientation="horizontal"
+                  [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
+                  (cdkDropListDropped)="onColumnDrop($event)"
+                >
+                  @for (vm of columnVMs(); track vm.column.id) {
+                    <header
+                      class="mkb-grid-col-header"
+                      cdkDrag
+                      [cdkDragData]="{ kind: 'column', id: vm.column.id }"
+                      [cdkDragDisabled]="!columnsReorderable() || readOnly()"
+                      (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
+                      (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
+                      [class.mkb-col-accented]="!!colColor(vm.column)"
+                      [style.--mkb-col-accent]="colColor(vm.column)"
+                      [attr.tabindex]="columnsReorderable() ? 0 : null"
+                      [attr.data-column-header]="vm.column.id"
+                      [attr.aria-keyshortcuts]="columnsReorderable() ? 'Control+ArrowLeft Control+ArrowRight' : null"
+                      (keydown)="onColumnHeaderKeydown(vm.column.id, $event)"
+                    >
+                      @if (columnsReorderable()) {
+                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
+                      }
+                      <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
+                      <span class="mkb-col-count" [class.is-full]="isFull(vm.column)">
+                        {{ vm.column.count }}{{ vm.column.limit !== undefined ? ' / ' + vm.column.limit : '' }}
+                      </span>
+
+                      <!-- preview = a COLUNA inteira (fatia vertical da grade
+                           não é um elemento DOM único; representação
+                           equivalente: header + pilha de cartões-fantasma) -->
+                      <div class="mkb-col-slice-preview" *cdkDragPreview>
+                        <div class="mkb-col-slice-head">
+                          <span class="mkb-col-title">{{ vm.column.title ?? vm.column.id }}</span>
+                          <span class="mkb-col-count">{{ vm.column.count }}</span>
+                        </div>
+                        @for (g of ghostRows(vm.column.count); track $index) {
+                          <div class="mkb-col-slice-card"></div>
+                        }
+                      </div>
+                    </header>
+                  }
+                </div>
+              </div>
+
+              <div
+                class="mkb-lanes"
+                cdkDropList
+                [cdkDropListDisabled]="!lanesReorderable() || readOnly()"
+                (cdkDropListDropped)="onLaneDrop($event)"
+              >
+                @for (laneVM of lanes; track laneVM.lane.id) {
+                  <div
+                    class="mkb-lane-row"
+                    cdkDrag
+                    [cdkDragData]="{ kind: 'lane', id: laneVM.lane.id }"
+                    [cdkDragDisabled]="!lanesReorderable() || readOnly()"
+                    (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'lane', id: laneVM.lane.id })"
+                    (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'lane', id: laneVM.lane.id })"
+                  >
+                    <div
+                      class="mkb-lane-header"
+                      [attr.tabindex]="lanesReorderable() ? 0 : null"
+                      [attr.data-lane-header]="laneVM.lane.id"
+                      [attr.aria-keyshortcuts]="lanesReorderable() ? 'Control+ArrowUp Control+ArrowDown' : null"
+                      (keydown)="onLaneHeaderKeydown(laneVM.lane.id, $event)"
+                    >
+                      @if (lanesReorderable()) {
+                        <span class="mkb-col-grip" cdkDragHandle aria-hidden="true">⠿</span>
+                      }
+                      <span class="mkb-col-title">{{ laneVM.lane.title ?? laneVM.lane.id }}</span>
+                      <span class="mkb-col-count" [class.is-full]="isFull(laneVM.lane)">
+                        {{ laneVM.lane.count }}{{ laneVM.lane.limit !== undefined ? ' / ' + laneVM.lane.limit : '' }}
+                      </span>
+                    </div>
+                    <div class="mkb-lane-cells">
+                      @for (cell of laneVM.cells; track cell.column.id) {
+                        <mos-kanban-cell
+                          class="mkb-grid-cell"
+                          [board]="board()!"
+                          [columnId]="cell.column.id"
+                          [laneId]="laneVM.lane.id"
+                          [connectedTo]="connectedFor(cell.column.id, laneVM.lane.id)"
+                          [items]="cell.items"
+                          [cardTemplate]="cardDef()?.template ?? null"
+                          [cardConfig]="cardConfig()"
+                          [readOnly]="readOnly()"
+                          [selection]="selection()"
+                          [allCardIds]="allCardIds()"
+                          (cardActivate)="onActivate($event)"
+                          (cardContext)="onCardContext($event)"
+                          (cardKey)="onCardKey($event)"
+                          (cardAction)="itemAction.emit($event)"
+                          (entryCheck)="onEntryCheck($event)"
+                          (entryAction)="entryAction.emit($event)"
+                          (entryMove)="onEntryMove($event)"
+                          (lifecycle)="onLifecycle($event)"
+                          (dropRejected)="onDropRejected($event)"
+                        />
+                      }
+                    </div>
+                  </div>
+                }
+              </div>
+            </div>
+          </div>
+        } @else {
+          <div
+            class="mkb-columns"
+            cdkDropList
+            cdkDropListOrientation="horizontal"
+            [cdkDropListDisabled]="!columnsReorderable() || readOnly()"
+            (cdkDropListDropped)="onColumnDrop($event)"
+          >
+            @for (vm of columnVMs(); track vm.column.id) {
+              <mos-kanban-column
+                cdkDrag
+                [cdkDragData]="{ kind: 'column', id: vm.column.id }"
+                [cdkDragDisabled]="!columnsReorderable() || readOnly()"
+                [board]="board()!"
+                [column]="vm.column"
+                [items]="vm.items"
+                [cardTemplate]="cardDef()?.template ?? null"
+                [cardConfig]="cardConfig()"
+                [readOnly]="readOnly()"
+                [reorderable]="columnsReorderable() && !readOnly()"
+                [selection]="selection()"
+                [connectedTo]="connectedFor(vm.column.id)"
+                [allCardIds]="allCardIds()"
+                (cardActivate)="onActivate($event)"
+                (cardContext)="onCardContext($event)"
+                (cardKey)="onCardKey($event)"
+                (cardAction)="itemAction.emit($event)"
+                (entryCheck)="onEntryCheck($event)"
+                (entryAction)="entryAction.emit($event)"
+                (entryMove)="onEntryMove($event)"
+                (lifecycle)="onLifecycle($event)"
+                (reorderKey)="onColumnReorderKey(vm.column.id, $event)"
+                (dropRejected)="onDropRejected($event)"
+                (cdkDragStarted)="onLifecycle({ phase: 'start', kind: 'column', id: vm.column.id })"
+                (cdkDragEnded)="onLifecycle({ phase: 'end', kind: 'column', id: vm.column.id })"
+              >
+                @if (columnsReorderable() && !readOnly()) {
+                  <span mkbColHandle cdkDragHandle class="mkb-col-grip" aria-hidden="true">⠿</span>
+                }
+              </mos-kanban-column>
+            }
+          </div>
+        }
+
+        @if (menu(); as m) {
+          <div
+            class="mkb-menu"
+            role="menu"
+            [style.left.px]="m.x"
+            [style.top.px]="m.y"
+            (click)="$event.stopPropagation()"
+          >
+            @for (action of itemActions(); track action.id) {
+              <button
+                type="button"
+                role="menuitem"
+                [disabled]="action.disabled"
+                (click)="invoke(m.item, action.id)"
+              >
+                {{ action.label }}
+              </button>
+            }
+          </div>
+        }
+      </div>
+    }
   `, styles: [":host{display:block;height:100%;font-family:var(--mkb-font, var(--font-sans, system-ui, sans-serif))}.mkb-board{position:relative;display:flex;flex-direction:column;height:100%;background:var(--mkb-surface, var(--color-background, #f6f5f8));border-radius:var(--mkb-radius, var(--radius-md, 10px))}.mkb-search{padding:2px 2px 10px}.mkb-search input{width:min(320px,100%);padding:7px 10px;border:1px solid var(--mkb-border-strong, #c9c4d4);border-radius:var(--mkb-radius-sm, 6px);font:inherit;font-size:13px;background:var(--mkb-card-bg, #fff);color:var(--mkb-foreground, #241f33)}.mkb-search input:focus-visible{outline:none;border-color:var(--mkb-accent, #5e35b1);box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-columns{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px));flex:1;min-height:0;overflow-x:auto;padding:2px;align-items:start}.mkb-columns>mos-kanban-column{flex:0 0 var(--mkb-column-width, clamp(220px, 26vw, 320px));max-height:100%}.mkb-grid{flex:1;min-height:0;overflow:auto;padding:2px}.mkb-grid-inner{display:flex;flex-direction:column;gap:var(--mkb-lane-gap, var(--mkb-gap, 12px));width:max-content;min-width:100%}.mkb-lanes{display:flex;flex-direction:column;gap:var(--mkb-lane-gap, var(--mkb-gap, 12px))}.mkb-grid-head,.mkb-lane-row{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px));align-items:stretch}.mkb-grid-head{position:sticky;top:0;z-index:2}.mkb-grid-head-cols,.mkb-lane-cells{display:flex;gap:var(--mkb-column-gap, var(--mkb-gap, 12px))}.mkb-grid-corner,.mkb-lane-header{flex:0 0 var(--mkb-lane-label-width, 140px)}.mkb-grid-col-header,.mkb-grid-cell{flex:0 0 var(--mkb-grid-column-width, var(--mkb-column-width, clamp(220px, 26vw, 320px)));box-sizing:border-box}.mkb-grid-corner{background:var(--mkb-surface, #f6f5f8)}.mkb-grid-col-header{display:flex;align-items:center;gap:8px;padding:var(--mkb-header-padding, 8px 12px);background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}.mkb-grid-col-header .mkb-col-title{flex:1}.mkb-grid-col-header[tabindex]:focus-visible,.mkb-lane-header[tabindex]:focus-visible{outline:none;box-shadow:var(--mkb-focus-ring, 0 0 0 3px rgba(94, 53, 177, .35))}.mkb-grid-col-header.mkb-col-accented{background:color-mix(in srgb,var(--mkb-col-accent) 16%,transparent);border-top:3px solid var(--mkb-col-accent)}.mkb-lane-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}.mkb-col-grip{cursor:grab;color:var(--mkb-muted, #6f6a7c);font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.mkb-col-grip:active{cursor:grabbing}.mkb-col-title{font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--mkb-foreground, #241f33);overflow-wrap:anywhere}.mkb-col-count{font-size:11px;font-weight:500;padding:1px 8px;border-radius:999px;background:var(--mkb-card-bg, #fff);color:var(--mkb-muted, #6f6a7c)}.mkb-col-count.is-full{color:var(--mkb-danger, #b3261e)}.mkb-grid-cell{background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius, 10px);min-height:84px}.cdk-drag-placeholder{opacity:.35}.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform var(--mkb-dur-move, .18s) var(--mkb-ease, ease)}@media(prefers-reduced-motion:reduce){.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:none}mos-kanban-column.cdk-drag-preview,.mkb-lane-row.cdk-drag-preview{rotate:none}}mos-kanban-column.cdk-drag-preview,.mkb-lane-row.cdk-drag-preview{box-shadow:0 12px 32px #0000003d;opacity:.95}.mkb-col-slice-preview{display:flex;flex-direction:column;gap:var(--mkb-card-gap, 8px);width:var(--mkb-grid-column-width, var(--mkb-column-width, clamp(220px, 26vw, 320px)));padding:0 0 10px;background:var(--mkb-column-bg, #efedf3);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius, 10px);box-shadow:0 12px 32px #0000003d}.mkb-col-slice-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--mkb-border, #e3e0ea)}.mkb-col-slice-card{height:44px;margin:0 8px;background:var(--mkb-card-bg, #fff);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px)}@media(prefers-reduced-motion:reduce){.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:none}}.mkb-readonly-pill{position:absolute;top:-6px;right:8px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--mkb-warning, #9a6b00);color:#fff}.mkb-menu{position:fixed;z-index:10;display:flex;flex-direction:column;min-width:160px;padding:4px;background:var(--mkb-card-bg, #fff);border:1px solid var(--mkb-border, #e3e0ea);border-radius:var(--mkb-radius-sm, 6px);box-shadow:0 8px 24px #00000024}.mkb-menu button{padding:7px 10px;border:0;border-radius:4px;background:transparent;color:var(--mkb-foreground, #241f33);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.mkb-menu button:hover:not(:disabled){background:color-mix(in srgb,var(--mkb-accent, #5e35b1) 10%,transparent)}.mkb-menu button:disabled{opacity:.45;cursor:default}.mkb-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:240px;height:100%;background:var(--mkb-surface, var(--color-background, #f6f5f8));border:1px solid var(--mkb-border, var(--color-border, #e3e0ea));border-radius:var(--mkb-radius, var(--radius-md, 10px));color:var(--mkb-muted, var(--color-muted, #6f6a7c))}.mkb-state-title{font-size:14px;font-weight:500}.mkb-error .mkb-state-title{color:var(--mkb-danger, #b3261e)}.mkb-state-hint{font-size:11px;opacity:.8}.mkb-skeleton{display:flex;gap:var(--mkb-gap, 12px)}.mkb-skeleton-col{width:220px;height:180px;border-radius:var(--mkb-radius, 10px);background:var(--mkb-column-bg, #efedf3);animation:mkb-pulse 1.2s ease-in-out infinite}@keyframes mkb-pulse{50%{opacity:.55}}.mkb-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.mkb-skeleton-col{animation:none}}@media(max-width:540px){.mkb-columns>mos-kanban-column{flex:0 0 78vw}.mkb-search input{width:100%}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { board: [{ type: i0.Input, args: [{ isSignal: true, alias: "board", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], itemActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemActions", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], itemMove: [{ type: i0.Output, args: ["itemMove"] }], moveRejected: [{ type: i0.Output, args: ["moveRejected"] }], itemAction: [{ type: i0.Output, args: ["itemAction"] }], entryAction: [{ type: i0.Output, args: ["entryAction"] }], dragStarted: [{ type: i0.Output, args: ["dragStarted"] }], dragEnded: [{ type: i0.Output, args: ["dragEnded"] }], dragCanceled: [{ type: i0.Output, args: ["dragCanceled"] }], cardDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MosKanbanCardDef), { isSignal: true }] }] } });