@seniorsistemas/components-ai 2.2.0 → 2.3.0

package/fesm2022/seniorsistemas-components-ai.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, Optional, Inject, Pipe, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, Directive, HostListener, ViewChild, ViewEncapsulation, APP_INITIALIZER, Injector, makeEnvironmentProviders, inject } from '@angular/core';
+import { NgModule, Injectable, Optional, Inject, Pipe, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, Directive, ContentChild, ViewChild, HostListener, ViewEncapsulation, APP_INITIALIZER, Injector, makeEnvironmentProviders, inject } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/common/http';
@@ -31,6 +31,11 @@ import * as i6$1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, Router } from '@angular/router';
+import * as i2$3 from '@angular/cdk/drag-drop';
+import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
+import { CardModule } from 'primeng/card';
+import * as i7$1 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
 import * as i6$2 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
 import * as i9 from 'primeng/drawer';
@@ -43,8 +48,6 @@ import * as i4$2 from 'primeng/inputmask';
 import { InputMaskModule } from 'primeng/inputmask';
 import * as i5$1 from 'primeng/calendar';
 import { CalendarModule } from 'primeng/calendar';
-import * as i7$1 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
 import * as i3$1 from 'primeng/dropdown';
 import { DropdownModule } from 'primeng/dropdown';
 import * as i8$1 from 'primeng/table';
@@ -3186,6 +3189,312 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Directive
         }], ctorParameters: () => [{ type: EntityService }, { type: i2$2.MessageService }, { type: i2$2.ConfirmationService }, { type: TranslationService }, { type: i0.ChangeDetectorRef }] });
 
+class KanbanBoardComponent {
+    ngZone;
+    columns = [];
+    allowReorder = true;
+    allowDrag = true;
+    showAddButton = false;
+    showEditButton = false;
+    showDeleteButton = false;
+    canDeleteColumn;
+    emptyMessage = 'No items';
+    minColumnWidth = '280px';
+    maxColumnWidth = '350px';
+    /** Show scroll hint arrows when columns overflow horizontally. */
+    showScrollHints = true;
+    /** Enable item selection mode. Adds selected state management and CSS class on cards. */
+    selectable = false;
+    itemMoved = new EventEmitter();
+    itemClicked = new EventEmitter();
+    addItem = new EventEmitter();
+    editColumn = new EventEmitter();
+    deleteColumn = new EventEmitter();
+    /** Emitted when selection changes. Payload is the full array of selected KanbanItems. */
+    selectionChange = new EventEmitter();
+    /** Custom template for the column header. Context: { $implicit: KanbanColumn } */
+    columnHeaderTemplate;
+    /**
+     * Custom template for each item card.
+     * Context: { $implicit: KanbanItem, column: KanbanColumn, selected: boolean, toggle: () => void }
+     */
+    itemTemplate;
+    scrollContainer;
+    columnIds = [];
+    // Scroll state
+    hasHorizontalScroll = false;
+    scrollPosition = 'start';
+    // Selection state
+    selectedIds = new Set();
+    // Auto-scroll during drag
+    autoScrollActive = false;
+    autoScrollSpeed = 0;
+    autoScrollRaf = null;
+    resizeObserver;
+    constructor(ngZone) {
+        this.ngZone = ngZone;
+    }
+    ngOnInit() {
+        this.updateColumnIds();
+    }
+    ngAfterViewInit() {
+        if (this.showScrollHints) {
+            this.checkScroll();
+            this.ngZone.runOutsideAngular(() => {
+                this.resizeObserver = new ResizeObserver(() => {
+                    this.ngZone.run(() => this.checkScroll());
+                });
+                if (this.scrollContainer?.nativeElement) {
+                    this.resizeObserver.observe(this.scrollContainer.nativeElement);
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+        this.stopAutoScroll();
+    }
+    ngOnChanges() {
+        this.updateColumnIds();
+        setTimeout(() => this.checkScroll(), 50);
+    }
+    updateColumnIds() {
+        this.columnIds = this.columns.map(col => col.id);
+    }
+    // ==================== SELECTION ====================
+    isSelected(item) {
+        return this.selectedIds.has(item.id);
+    }
+    toggleSelection(item) {
+        if (this.selectedIds.has(item.id)) {
+            this.selectedIds.delete(item.id);
+        }
+        else {
+            this.selectedIds.add(item.id);
+        }
+        this.emitSelectionChange();
+    }
+    /** Clear all selections. Can be called externally via ViewChild. */
+    clearSelection() {
+        this.selectedIds.clear();
+        this.emitSelectionChange();
+    }
+    /** Get current selected items. */
+    getSelectedItems() {
+        const allItems = this.columns.flatMap(col => col.items);
+        return allItems.filter(item => this.selectedIds.has(item.id));
+    }
+    emitSelectionChange() {
+        this.selectionChange.emit(this.getSelectedItems());
+    }
+    /** Returns the template context for an item (used in the template). */
+    getItemContext(item, column) {
+        return {
+            $implicit: item,
+            column,
+            selected: this.isSelected(item),
+            toggle: () => this.toggleSelection(item)
+        };
+    }
+    // ==================== SCROLL ====================
+    onScroll() {
+        this.checkScroll();
+    }
+    checkScroll() {
+        const el = this.scrollContainer?.nativeElement;
+        if (!el)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = el;
+        this.hasHorizontalScroll = scrollWidth > clientWidth + 2;
+        if (scrollLeft <= 2) {
+            this.scrollPosition = 'start';
+        }
+        else if (scrollLeft + clientWidth >= scrollWidth - 2) {
+            this.scrollPosition = 'end';
+        }
+        else {
+            this.scrollPosition = 'middle';
+        }
+    }
+    scrollLeft() {
+        const el = this.scrollContainer?.nativeElement;
+        if (!el)
+            return;
+        const column = el.querySelector('.kanban-column');
+        const scrollAmount = column ? column.offsetWidth + 16 : 300;
+        el.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
+    }
+    scrollRight() {
+        const el = this.scrollContainer?.nativeElement;
+        if (!el)
+            return;
+        const column = el.querySelector('.kanban-column');
+        const scrollAmount = column ? column.offsetWidth + 16 : 300;
+        el.scrollBy({ left: scrollAmount, behavior: 'smooth' });
+    }
+    // ==================== AUTO-SCROLL DURING DRAG ====================
+    onDragMoved(event) {
+        const el = this.scrollContainer?.nativeElement;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const pointerX = event.pointerPosition.x;
+        const edgeZone = 80; // pixels from edge to trigger scroll
+        if (pointerX < rect.left + edgeZone) {
+            // Near left edge
+            const proximity = 1 - (pointerX - rect.left) / edgeZone;
+            this.autoScrollSpeed = -Math.max(3, proximity * 15);
+            this.startAutoScroll();
+        }
+        else if (pointerX > rect.right - edgeZone) {
+            // Near right edge
+            const proximity = 1 - (rect.right - pointerX) / edgeZone;
+            this.autoScrollSpeed = Math.max(3, proximity * 15);
+            this.startAutoScroll();
+        }
+        else {
+            this.stopAutoScroll();
+        }
+    }
+    onDragEnded() {
+        this.stopAutoScroll();
+    }
+    startAutoScroll() {
+        if (this.autoScrollActive)
+            return;
+        this.autoScrollActive = true;
+        this.runAutoScroll();
+    }
+    stopAutoScroll() {
+        this.autoScrollActive = false;
+        this.autoScrollSpeed = 0;
+        if (this.autoScrollRaf) {
+            cancelAnimationFrame(this.autoScrollRaf);
+            this.autoScrollRaf = null;
+        }
+    }
+    runAutoScroll() {
+        if (!this.autoScrollActive)
+            return;
+        const el = this.scrollContainer?.nativeElement;
+        if (el) {
+            el.scrollLeft += this.autoScrollSpeed;
+        }
+        this.autoScrollRaf = requestAnimationFrame(() => this.runAutoScroll());
+    }
+    // ==================== DRAG & DROP ====================
+    onDrop(event, column) {
+        if (!this.allowDrag)
+            return;
+        const previousColumn = this.columns.find(col => col.id === event.previousContainer.id);
+        if (event.previousContainer === event.container) {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            if (column.allowDrop === false)
+                return;
+            if (column.maxItems && event.container.data.length >= column.maxItems)
+                return;
+            const item = event.previousContainer.data[event.previousIndex];
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+            if (previousColumn) {
+                this.itemMoved.emit({
+                    item,
+                    previousColumn,
+                    currentColumn: column,
+                    previousIndex: event.previousIndex,
+                    currentIndex: event.currentIndex
+                });
+            }
+        }
+    }
+    onItemClick(item) {
+        this.itemClicked.emit(item);
+    }
+    onAddItem(column) {
+        this.addItem.emit(column);
+    }
+    onEditColumn(column) {
+        this.editColumn.emit(column);
+    }
+    onDeleteColumn(column) {
+        this.deleteColumn.emit(column);
+    }
+    canShowDeleteButton(column) {
+        if (!this.showDeleteButton)
+            return false;
+        if (this.canDeleteColumn) {
+            return this.canDeleteColumn(column);
+        }
+        return true;
+    }
+    getColumnStyle(column) {
+        return {
+            'min-width': this.minColumnWidth,
+            'max-width': this.maxColumnWidth,
+            'border-top': column.color ? `3px solid ${column.color}` : '3px solid #dee2e6'
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanBoardComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: KanbanBoardComponent, isStandalone: true, selector: "sia-kanban-board", inputs: { columns: "columns", allowReorder: "allowReorder", allowDrag: "allowDrag", showAddButton: "showAddButton", showEditButton: "showEditButton", showDeleteButton: "showDeleteButton", canDeleteColumn: "canDeleteColumn", emptyMessage: "emptyMessage", minColumnWidth: "minColumnWidth", maxColumnWidth: "maxColumnWidth", showScrollHints: "showScrollHints", selectable: "selectable" }, outputs: { itemMoved: "itemMoved", itemClicked: "itemClicked", addItem: "addItem", editColumn: "editColumn", deleteColumn: "deleteColumn", selectionChange: "selectionChange" }, queries: [{ propertyName: "columnHeaderTemplate", first: true, predicate: ["columnHeaderTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kanban-board\">\n  <!-- Scroll hint arrows -->\n  <div class=\"kanban-scroll-controls\" *ngIf=\"showScrollHints && hasHorizontalScroll\">\n    <button\n      *ngIf=\"scrollPosition !== 'start'\"\n      pButton\n      type=\"button\"\n      icon=\"pi pi-chevron-left\"\n      [rounded]=\"true\"\n      class=\"scroll-hint scroll-hint-left\"\n      (click)=\"scrollLeft()\">\n    </button>\n    <button\n      *ngIf=\"scrollPosition !== 'end'\"\n      pButton\n      type=\"button\"\n      icon=\"pi pi-chevron-right\"\n      [rounded]=\"true\"\n      class=\"scroll-hint scroll-hint-right\"\n      (click)=\"scrollRight()\">\n    </button>\n  </div>\n\n  <!-- Scrollable columns container -->\n  <div class=\"kanban-columns\" #scrollContainer (scroll)=\"onScroll()\">\n    <div \n      *ngFor=\"let column of columns\" \n      class=\"kanban-column\"\n      [style]=\"getColumnStyle(column)\">\n      \n      <!-- Column Header -->\n      <div class=\"column-header\">\n        <!-- Custom header template -->\n        <ng-container *ngIf=\"columnHeaderTemplate; else defaultColumnHeader\"\n          [ngTemplateOutlet]=\"columnHeaderTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: column }\">\n        </ng-container>\n\n        <ng-template #defaultColumnHeader>\n          <div class=\"column-title\">\n            <i *ngIf=\"column.icon\" [class]=\"'pi ' + column.icon\"></i>\n            <span>{{ column.title }}</span>\n            <span class=\"item-count\">{{ column.items.length }}</span>\n          </div>\n          <div class=\"column-actions\">\n            <button \n              *ngIf=\"showAddButton\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-plus\" \n              class=\"p-button-text p-button-sm p-button-rounded\"\n              (click)=\"onAddItem(column)\"\n              [pTooltip]=\"'Add item'\"\n              tooltipPosition=\"top\">\n            </button>\n            <button \n              *ngIf=\"showEditButton\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-pencil\" \n              class=\"p-button-text p-button-sm p-button-rounded\"\n              (click)=\"onEditColumn(column)\"\n              [pTooltip]=\"'Edit column'\"\n              tooltipPosition=\"top\">\n            </button>\n            <button \n              *ngIf=\"canShowDeleteButton(column)\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-trash\" \n              class=\"p-button-text p-button-sm p-button-rounded p-button-danger\"\n              (click)=\"onDeleteColumn(column)\"\n              [pTooltip]=\"'Delete column'\"\n              tooltipPosition=\"top\">\n            </button>\n          </div>\n        </ng-template>\n      </div>\n\n      <!-- Column Content -->\n      <div \n        class=\"column-content\"\n        cdkDropList\n        [id]=\"column.id\"\n        [cdkDropListData]=\"column.items\"\n        [cdkDropListConnectedTo]=\"columnIds\"\n        (cdkDropListDropped)=\"onDrop($event, column)\">\n        \n        <!-- Items -->\n        <div \n          *ngFor=\"let item of column.items\"\n          class=\"kanban-item\"\n          [class.kanban-item--selected]=\"selectable && isSelected(item)\"\n          cdkDrag\n          [cdkDragDisabled]=\"!allowDrag\"\n          (cdkDragMoved)=\"onDragMoved($event)\"\n          (cdkDragEnded)=\"onDragEnded()\"\n          (click)=\"onItemClick(item)\">\n          \n          <!-- Custom item template with selection context -->\n          <ng-container *ngIf=\"itemTemplate; else defaultItem\"\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"getItemContext(item, column)\">\n          </ng-container>\n\n          <ng-template #defaultItem>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ item.title }}</div>\n              <div *ngIf=\"item.description\" class=\"item-description\">\n                {{ item.description }}\n              </div>\n              <div *ngIf=\"item.tags && item.tags.length > 0\" class=\"item-tags\">\n                <p-tag \n                  *ngFor=\"let tag of item.tags\"\n                  [value]=\"tag.label\"\n                  [severity]=\"tag.severity || 'secondary'\"\n                  styleClass=\"item-tag\">\n                </p-tag>\n              </div>\n            </div>\n          </ng-template>\n\n          <!-- Drag Placeholder -->\n          <div class=\"item-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n\n        <!-- Empty State -->\n        <div *ngIf=\"column.items.length === 0\" class=\"empty-column\">\n          <i class=\"pi pi-inbox\"></i>\n          <p>{{ emptyMessage }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".kanban-board{position:relative;width:100%;height:100%;padding:1rem}.kanban-board .kanban-scroll-controls{position:absolute;inset:0;pointer-events:none;z-index:10}.kanban-board .kanban-scroll-controls .scroll-hint{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.kanban-board .kanban-scroll-controls .scroll-hint:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003}.kanban-board .kanban-scroll-controls .scroll-hint.scroll-hint-left{left:.5rem}.kanban-board .kanban-scroll-controls .scroll-hint.scroll-hint-right{right:.5rem}.kanban-board .kanban-columns{display:flex;gap:1rem;min-height:500px;padding-bottom:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.kanban-board .kanban-columns::-webkit-scrollbar{height:6px}.kanban-board .kanban-columns::-webkit-scrollbar-track{background:transparent}.kanban-board .kanban-columns::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.kanban-board .kanban-columns::-webkit-scrollbar-thumb:hover{background:#94a3b880}.kanban-board .kanban-column{flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.kanban-board .kanban-column .column-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef;background:#fafbfc;border-radius:8px 8px 0 0}.kanban-board .kanban-column .column-header .column-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.kanban-board .kanban-column .column-header .column-title .pi{font-size:.875rem;color:#6c757d}.kanban-board .kanban-column .column-header .column-title .item-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#e9ecef;border-radius:12px;font-size:.75rem;font-weight:600;color:#495057}.kanban-board .kanban-column .column-header .column-actions{display:flex;gap:.25rem}.kanban-board .kanban-column .column-content{flex:1;padding:.75rem;overflow-y:auto;min-height:200px}.kanban-board .kanban-column .column-content .kanban-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:.875rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.kanban-board .kanban-column .column-content .kanban-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26;transform:translateY(-1px)}.kanban-board .kanban-column .column-content .kanban-item:last-child{margin-bottom:0}.kanban-board .kanban-column .column-content .kanban-item.kanban-item--selected{border-left:3px solid #007bff;background:#f0f7ff}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-title{font-weight:500;color:#2c3e50;font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-description{font-size:.8rem;color:#6c757d;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-tags ::ng-deep .item-tag{font-size:.7rem;padding:.25rem .5rem}.kanban-board .kanban-column .column-content .kanban-item .item-placeholder{background:#e9ecef;border:2px dashed #adb5bd;border-radius:6px;min-height:80px}.kanban-board .kanban-column .column-content .empty-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#adb5bd;text-align:center}.kanban-board .kanban-column .column-content .empty-column .pi{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.kanban-board .kanban-column .column-content .empty-column p{font-size:.875rem;margin:0}::ng-deep .cdk-drag-preview{background:#fff;border:1px solid #007bff;border-radius:6px;padding:.875rem;box-shadow:0 4px 12px #007bff4d;opacity:.9;cursor:grabbing}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drop-list-dragging .kanban-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}@media (max-width: 768px){.kanban-board .kanban-columns{flex-direction:column}.kanban-board .kanban-column{min-width:100%!important;max-width:100%!important}.kanban-board .kanban-scroll-controls{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$3.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: i2$3.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: CardModule }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6$1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KanbanBoardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sia-kanban-board', standalone: true, imports: [
+                        CommonModule,
+                        DragDropModule,
+                        ButtonModule,
+                        CardModule,
+                        TagModule,
+                        TooltipModule
+                    ], template: "<div class=\"kanban-board\">\n  <!-- Scroll hint arrows -->\n  <div class=\"kanban-scroll-controls\" *ngIf=\"showScrollHints && hasHorizontalScroll\">\n    <button\n      *ngIf=\"scrollPosition !== 'start'\"\n      pButton\n      type=\"button\"\n      icon=\"pi pi-chevron-left\"\n      [rounded]=\"true\"\n      class=\"scroll-hint scroll-hint-left\"\n      (click)=\"scrollLeft()\">\n    </button>\n    <button\n      *ngIf=\"scrollPosition !== 'end'\"\n      pButton\n      type=\"button\"\n      icon=\"pi pi-chevron-right\"\n      [rounded]=\"true\"\n      class=\"scroll-hint scroll-hint-right\"\n      (click)=\"scrollRight()\">\n    </button>\n  </div>\n\n  <!-- Scrollable columns container -->\n  <div class=\"kanban-columns\" #scrollContainer (scroll)=\"onScroll()\">\n    <div \n      *ngFor=\"let column of columns\" \n      class=\"kanban-column\"\n      [style]=\"getColumnStyle(column)\">\n      \n      <!-- Column Header -->\n      <div class=\"column-header\">\n        <!-- Custom header template -->\n        <ng-container *ngIf=\"columnHeaderTemplate; else defaultColumnHeader\"\n          [ngTemplateOutlet]=\"columnHeaderTemplate\"\n          [ngTemplateOutletContext]=\"{ $implicit: column }\">\n        </ng-container>\n\n        <ng-template #defaultColumnHeader>\n          <div class=\"column-title\">\n            <i *ngIf=\"column.icon\" [class]=\"'pi ' + column.icon\"></i>\n            <span>{{ column.title }}</span>\n            <span class=\"item-count\">{{ column.items.length }}</span>\n          </div>\n          <div class=\"column-actions\">\n            <button \n              *ngIf=\"showAddButton\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-plus\" \n              class=\"p-button-text p-button-sm p-button-rounded\"\n              (click)=\"onAddItem(column)\"\n              [pTooltip]=\"'Add item'\"\n              tooltipPosition=\"top\">\n            </button>\n            <button \n              *ngIf=\"showEditButton\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-pencil\" \n              class=\"p-button-text p-button-sm p-button-rounded\"\n              (click)=\"onEditColumn(column)\"\n              [pTooltip]=\"'Edit column'\"\n              tooltipPosition=\"top\">\n            </button>\n            <button \n              *ngIf=\"canShowDeleteButton(column)\"\n              pButton \n              type=\"button\" \n              icon=\"pi pi-trash\" \n              class=\"p-button-text p-button-sm p-button-rounded p-button-danger\"\n              (click)=\"onDeleteColumn(column)\"\n              [pTooltip]=\"'Delete column'\"\n              tooltipPosition=\"top\">\n            </button>\n          </div>\n        </ng-template>\n      </div>\n\n      <!-- Column Content -->\n      <div \n        class=\"column-content\"\n        cdkDropList\n        [id]=\"column.id\"\n        [cdkDropListData]=\"column.items\"\n        [cdkDropListConnectedTo]=\"columnIds\"\n        (cdkDropListDropped)=\"onDrop($event, column)\">\n        \n        <!-- Items -->\n        <div \n          *ngFor=\"let item of column.items\"\n          class=\"kanban-item\"\n          [class.kanban-item--selected]=\"selectable && isSelected(item)\"\n          cdkDrag\n          [cdkDragDisabled]=\"!allowDrag\"\n          (cdkDragMoved)=\"onDragMoved($event)\"\n          (cdkDragEnded)=\"onDragEnded()\"\n          (click)=\"onItemClick(item)\">\n          \n          <!-- Custom item template with selection context -->\n          <ng-container *ngIf=\"itemTemplate; else defaultItem\"\n            [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"getItemContext(item, column)\">\n          </ng-container>\n\n          <ng-template #defaultItem>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ item.title }}</div>\n              <div *ngIf=\"item.description\" class=\"item-description\">\n                {{ item.description }}\n              </div>\n              <div *ngIf=\"item.tags && item.tags.length > 0\" class=\"item-tags\">\n                <p-tag \n                  *ngFor=\"let tag of item.tags\"\n                  [value]=\"tag.label\"\n                  [severity]=\"tag.severity || 'secondary'\"\n                  styleClass=\"item-tag\">\n                </p-tag>\n              </div>\n            </div>\n          </ng-template>\n\n          <!-- Drag Placeholder -->\n          <div class=\"item-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n\n        <!-- Empty State -->\n        <div *ngIf=\"column.items.length === 0\" class=\"empty-column\">\n          <i class=\"pi pi-inbox\"></i>\n          <p>{{ emptyMessage }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".kanban-board{position:relative;width:100%;height:100%;padding:1rem}.kanban-board .kanban-scroll-controls{position:absolute;inset:0;pointer-events:none;z-index:10}.kanban-board .kanban-scroll-controls .scroll-hint{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.kanban-board .kanban-scroll-controls .scroll-hint:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003}.kanban-board .kanban-scroll-controls .scroll-hint.scroll-hint-left{left:.5rem}.kanban-board .kanban-scroll-controls .scroll-hint.scroll-hint-right{right:.5rem}.kanban-board .kanban-columns{display:flex;gap:1rem;min-height:500px;padding-bottom:1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.kanban-board .kanban-columns::-webkit-scrollbar{height:6px}.kanban-board .kanban-columns::-webkit-scrollbar-track{background:transparent}.kanban-board .kanban-columns::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.kanban-board .kanban-columns::-webkit-scrollbar-thumb:hover{background:#94a3b880}.kanban-board .kanban-column{flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.kanban-board .kanban-column .column-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef;background:#fafbfc;border-radius:8px 8px 0 0}.kanban-board .kanban-column .column-header .column-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2c3e50;font-size:.95rem}.kanban-board .kanban-column .column-header .column-title .pi{font-size:.875rem;color:#6c757d}.kanban-board .kanban-column .column-header .column-title .item-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#e9ecef;border-radius:12px;font-size:.75rem;font-weight:600;color:#495057}.kanban-board .kanban-column .column-header .column-actions{display:flex;gap:.25rem}.kanban-board .kanban-column .column-content{flex:1;padding:.75rem;overflow-y:auto;min-height:200px}.kanban-board .kanban-column .column-content .kanban-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:.875rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.kanban-board .kanban-column .column-content .kanban-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26;transform:translateY(-1px)}.kanban-board .kanban-column .column-content .kanban-item:last-child{margin-bottom:0}.kanban-board .kanban-column .column-content .kanban-item.kanban-item--selected{border-left:3px solid #007bff;background:#f0f7ff}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-title{font-weight:500;color:#2c3e50;font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-description{font-size:.8rem;color:#6c757d;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.kanban-board .kanban-column .column-content .kanban-item .item-content .item-tags ::ng-deep .item-tag{font-size:.7rem;padding:.25rem .5rem}.kanban-board .kanban-column .column-content .kanban-item .item-placeholder{background:#e9ecef;border:2px dashed #adb5bd;border-radius:6px;min-height:80px}.kanban-board .kanban-column .column-content .empty-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#adb5bd;text-align:center}.kanban-board .kanban-column .column-content .empty-column .pi{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.kanban-board .kanban-column .column-content .empty-column p{font-size:.875rem;margin:0}::ng-deep .cdk-drag-preview{background:#fff;border:1px solid #007bff;border-radius:6px;padding:.875rem;box-shadow:0 4px 12px #007bff4d;opacity:.9;cursor:grabbing}::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .cdk-drop-list-dragging .kanban-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}@media (max-width: 768px){.kanban-board .kanban-columns{flex-direction:column}.kanban-board .kanban-column{min-width:100%!important;max-width:100%!important}.kanban-board .kanban-scroll-controls{display:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { columns: [{
+                type: Input
+            }], allowReorder: [{
+                type: Input
+            }], allowDrag: [{
+                type: Input
+            }], showAddButton: [{
+                type: Input
+            }], showEditButton: [{
+                type: Input
+            }], showDeleteButton: [{
+                type: Input
+            }], canDeleteColumn: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], minColumnWidth: [{
+                type: Input
+            }], maxColumnWidth: [{
+                type: Input
+            }], showScrollHints: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], itemMoved: [{
+                type: Output
+            }], itemClicked: [{
+                type: Output
+            }], addItem: [{
+                type: Output
+            }], editColumn: [{
+                type: Output
+            }], deleteColumn: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], columnHeaderTemplate: [{
+                type: ContentChild,
+                args: ['columnHeaderTemplate']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['itemTemplate']
+            }], scrollContainer: [{
+                type: ViewChild,
+                args: ['scrollContainer', { static: false }]
+            }] } });
+
 /**
  * Directive para máscara de código postal
  * Usa o locale do cookie por padrão, ou aceita locale por parâmetro
@@ -5883,6 +6192,7 @@ class DynamicFormComponent {
     loadEntityData() {
         if (this.entityData && this.form) {
             this.form.patchValue(this.processEntityData(this.entityData));
+            this.updateDisabledFields();
         }
     }
     processEntityData(entity) {
@@ -6022,10 +6332,10 @@ class DynamicFormComponent {
                         ? [parseInt(dateParts[1], 10), parseInt(dateParts[0], 10), parseInt(dateParts[2], 10)]
                         : [parseInt(dateParts[0], 10), parseInt(dateParts[1], 10), parseInt(dateParts[2], 10)];
                     const [hours, minutes] = timePart.split(':').map(p => parseInt(p, 10));
-                    out[field.field] = new Date(year, month - 1, day, hours, minutes);
+                    out[field.field] = new Date(year, month - 1, day, hours, minutes).toISOString();
                 }
                 else if (v instanceof Date) {
-                    // Keep as Date
+                    out[field.field] = v.toISOString();
                 }
                 else if (!v || (typeof v === 'string' && v.includes('_'))) {
                     out[field.field] = null;
@@ -6114,6 +6424,14 @@ class DynamicFormComponent {
     }
     // --- Public methods ---
     getForm() { return this.form; }
+    /**
+     * Returns the form values with date/time/lookup fields already converted
+     * to the backend-expected format (date → yyyy-MM-dd, time → HH:mm:ss, lookup → object with id).
+     * Use this instead of getForm().value when you need processed values without triggering formSubmit.
+     */
+    getProcessedValue() {
+        return this.processFormValue(this.form.getRawValue());
+    }
     open(entity) {
         if (entity) {
             this.entityData = entity;
@@ -7235,5 +7553,5 @@ const throttle = (func, limit) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AuthService, BreadcrumbComponent, BulkDeleteDialogComponent, CnpjPipe, CookieService, CpfPipe, DEFAULT_LANGUAGE, DateFormatPipe, DocumentMaskDirective, DocumentPipe, DynamicFieldCheckboxComponent, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldImageComponent, DynamicFieldLookupComponent, DynamicFieldMultiselectComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldTimeComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, IassistIconComponent, LoadingComponent, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, TRANSLATION_CONFIG, TableLoadingDirective, ThemeService, TranslatePipe, TranslationHelper, TranslationService, WebSocketService, apiInterceptor, createFilterString, createFilterTokens, debounce, deepClone, deepEqual, escapeFilterValue, getEnumQuery, getLabelValueRequest, getLanguageInfo, getProp, getSuggestionValue, getTypeInformation, isValidFilter, mapTokenLocaleToLanguage, mergeUnique, provideSeniorPrimeNG, resolveRefs, setProp, throttle };
+export { AngularComponentsModule, AuthService, BreadcrumbComponent, BulkDeleteDialogComponent, CnpjPipe, CookieService, CpfPipe, DEFAULT_LANGUAGE, DateFormatPipe, DocumentMaskDirective, DocumentPipe, DynamicFieldCheckboxComponent, DynamicFieldDateComponent, DynamicFieldDropdownComponent, DynamicFieldImageComponent, DynamicFieldLookupComponent, DynamicFieldMultiselectComponent, DynamicFieldNumberComponent, DynamicFieldTextComponent, DynamicFieldTextareaComponent, DynamicFieldTimeComponent, DynamicFieldWrapperComponent, DynamicFormComponent, EntityListBaseComponent, EntityService, ExportDialogComponent, FieldType, IassistIconComponent, KanbanBoardComponent, LoadingComponent, LocaleService, MaskService, MoneyMaskDirective, MoneyPipe, PermissionService, PhoneMaskDirective, PhonePipe, PostalCodeMaskDirective, PostalCodePipe, SUPPORTED_LANGUAGES, SeniorPreset, SeniorTokenService, TRANSLATION_CONFIG, TableLoadingDirective, ThemeService, TranslatePipe, TranslationHelper, TranslationService, WebSocketService, apiInterceptor, createFilterString, createFilterTokens, debounce, deepClone, deepEqual, escapeFilterValue, getEnumQuery, getLabelValueRequest, getLanguageInfo, getProp, getSuggestionValue, getTypeInformation, isValidFilter, mapTokenLocaleToLanguage, mergeUnique, provideSeniorPrimeNG, resolveRefs, setProp, throttle };
 //# sourceMappingURL=seniorsistemas-components-ai.mjs.map