@seniorsistemas/components-ai 2.2.0 → 2.3.0-master-cf18cf97

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,531 @@ 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 }]
+            }] } });
+
+class StepsComponent {
+    cdr;
+    /** Lista de steps a serem exibidos */
+    steps = [];
+    /** Índice do step ativo */
+    activeIndex = 0;
+    /** Se permite clicar nos steps para navegar */
+    readonly = false;
+    /** Quantidade máxima de steps visíveis. 'auto' calcula com base no container */
+    maxVisible = 'auto';
+    /** Largura mínima de cada step em pixels (usado no cálculo automático) */
+    stepMinWidth = 140;
+    /** Se mostra animação de transição ao navegar */
+    animated = true;
+    /** Modo de navegação das setas: 'step' altera o activeIndex, 'scroll' apenas desloca a janela visível */
+    navigationMode = 'step';
+    /** Esquema de cores aplicado aos steps. Altera as cores do ativo e completados */
+    colorScheme = 'default';
+    /** Classe CSS customizada para o wrapper */
+    styleClass = '';
+    /** Emite quando o activeIndex muda por clique */
+    activeIndexChange = new EventEmitter();
+    /** Emite o StepItem clicado */
+    stepClick = new EventEmitter();
+    stepsContainer;
+    visibleSteps = [];
+    visibleStartIndex = 0;
+    visibleEndIndex = 0;
+    hasOverflowLeft = false;
+    hasOverflowRight = false;
+    calculatedMaxVisible = 5;
+    resizeObserver = null;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnChanges(changes) {
+        if (changes['steps'] || changes['activeIndex'] || changes['maxVisible']) {
+            this.recalculate();
+        }
+    }
+    ngAfterViewInit() {
+        this.setupResizeObserver();
+        // Delay para garantir que o container já tem dimensões
+        setTimeout(() => this.recalculate(), 0);
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+    }
+    onStepClick(step, visibleIndex) {
+        if (this.readonly || step.disabled)
+            return;
+        const realIndex = this.visibleStartIndex + visibleIndex;
+        this.activeIndex = realIndex;
+        this.activeIndexChange.emit(realIndex);
+        this.stepClick.emit(step);
+        this.recalculate();
+    }
+    navigateLeft() {
+        if (this.visibleStartIndex <= 0)
+            return;
+        if (this.navigationMode === 'scroll') {
+            // Apenas desloca a janela sem alterar o activeIndex
+            this.scrollWindow(this.visibleStartIndex - 1);
+        }
+        else {
+            const newActive = Math.max(0, this.activeIndex - 1);
+            this.activeIndex = newActive;
+            this.activeIndexChange.emit(newActive);
+            this.recalculate();
+        }
+    }
+    navigateRight() {
+        if (this.visibleEndIndex >= this.steps.length - 1)
+            return;
+        if (this.navigationMode === 'scroll') {
+            // Apenas desloca a janela sem alterar o activeIndex
+            this.scrollWindow(this.visibleStartIndex + 1);
+        }
+        else {
+            const newActive = Math.min(this.steps.length - 1, this.activeIndex + 1);
+            this.activeIndex = newActive;
+            this.activeIndexChange.emit(newActive);
+            this.recalculate();
+        }
+    }
+    /** Desloca a janela visível para um novo startIndex sem alterar o activeIndex */
+    scrollWindow(newStart) {
+        const total = this.steps.length;
+        const max = this.calculatedMaxVisible;
+        let start = Math.max(0, Math.min(newStart, total - max));
+        let end = start + max - 1;
+        if (end >= total) {
+            end = total - 1;
+            start = end - max + 1;
+        }
+        this.visibleStartIndex = start;
+        this.visibleEndIndex = end;
+        this.hasOverflowLeft = start > 0;
+        this.hasOverflowRight = end < total - 1;
+        this.visibleSteps = this.steps.slice(start, end + 1);
+        this.cdr.markForCheck();
+    }
+    getStepState(visibleIndex) {
+        const realIndex = this.visibleStartIndex + visibleIndex;
+        if (realIndex < this.activeIndex)
+            return 'completed';
+        if (realIndex === this.activeIndex)
+            return 'active';
+        return 'pending';
+    }
+    getRealIndex(visibleIndex) {
+        return this.visibleStartIndex + visibleIndex;
+    }
+    get hiddenLeftCount() {
+        return this.visibleStartIndex;
+    }
+    get hiddenRightCount() {
+        return Math.max(0, this.steps.length - 1 - this.visibleEndIndex);
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    setupResizeObserver() {
+        if (!this.stepsContainer?.nativeElement)
+            return;
+        this.resizeObserver = new ResizeObserver(() => {
+            this.recalculate();
+        });
+        this.resizeObserver.observe(this.stepsContainer.nativeElement);
+    }
+    recalculate() {
+        if (!this.steps.length) {
+            this.visibleSteps = [];
+            this.hasOverflowLeft = false;
+            this.hasOverflowRight = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        this.calculatedMaxVisible = this.getMaxVisible();
+        this.calculateVisibleWindow();
+        this.cdr.markForCheck();
+    }
+    getMaxVisible() {
+        if (this.maxVisible !== 'auto') {
+            return Math.max(1, this.maxVisible);
+        }
+        if (!this.stepsContainer?.nativeElement) {
+            return Math.min(5, this.steps.length);
+        }
+        const containerWidth = this.stepsContainer.nativeElement.offsetWidth;
+        // Reservar espaço para os botões de navegação (40px cada lado)
+        const availableWidth = containerWidth - 80;
+        const maxFit = Math.max(1, Math.floor(availableWidth / this.stepMinWidth));
+        return Math.min(maxFit, this.steps.length);
+    }
+    calculateVisibleWindow() {
+        const total = this.steps.length;
+        const max = this.calculatedMaxVisible;
+        if (total <= max) {
+            // Todos cabem na tela
+            this.visibleStartIndex = 0;
+            this.visibleEndIndex = total - 1;
+            this.hasOverflowLeft = false;
+            this.hasOverflowRight = false;
+        }
+        else {
+            // Centralizar no activeIndex
+            const half = Math.floor(max / 2);
+            let start = this.activeIndex - half;
+            let end = start + max - 1;
+            // Ajustar limites
+            if (start < 0) {
+                start = 0;
+                end = max - 1;
+            }
+            else if (end >= total) {
+                end = total - 1;
+                start = end - max + 1;
+            }
+            this.visibleStartIndex = start;
+            this.visibleEndIndex = end;
+            this.hasOverflowLeft = start > 0;
+            this.hasOverflowRight = end < total - 1;
+        }
+        this.visibleSteps = this.steps.slice(this.visibleStartIndex, this.visibleEndIndex + 1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StepsComponent, isStandalone: true, selector: "sia-steps", inputs: { steps: "steps", activeIndex: "activeIndex", readonly: "readonly", maxVisible: "maxVisible", stepMinWidth: "stepMinWidth", animated: "animated", navigationMode: "navigationMode", colorScheme: "colorScheme", styleClass: "styleClass" }, outputs: { activeIndexChange: "activeIndexChange", stepClick: "stepClick" }, viewQueries: [{ propertyName: "stepsContainer", first: true, predicate: ["stepsContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sia-steps-wrapper\" [class]=\"styleClass\" [class.animated]=\"animated\"\n  [class.theme-success]=\"colorScheme === 'success'\"\n  [class.theme-danger]=\"colorScheme === 'danger'\"\n  [class.theme-warning]=\"colorScheme === 'warning'\"\n  [class.theme-info]=\"colorScheme === 'info'\"\n  #stepsContainer>\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o esquerda -->\n  <button\n    *ngIf=\"hasOverflowLeft\"\n    class=\"sia-steps-nav sia-steps-nav-left\"\n    (click)=\"navigateLeft()\"\n    [attr.aria-label]=\"'Anterior (' + hiddenLeftCount + ' ocultos)'\"\n    type=\"button\">\n    <span class=\"nav-badge\">{{ hiddenLeftCount }}</span>\n    <i class=\"pi pi-chevron-left\"></i>\n  </button>\n\n  <!-- Steps vis\u00EDveis -->\n  <div class=\"sia-steps-content\" [class.has-overflow-left]=\"hasOverflowLeft\" [class.has-overflow-right]=\"hasOverflowRight\">\n    <div class=\"sia-steps-list\">\n      <ng-container *ngFor=\"let step of visibleSteps; let i = index; let first = first; let last = last; trackBy: trackByIndex\">\n        <!-- Conector (n\u00E3o aparece antes do primeiro) -->\n        <div *ngIf=\"!first\" class=\"sia-step-connector\" [class.completed]=\"getStepState(i) === 'completed' || getStepState(i - 1) === 'completed'\">\n          <div class=\"connector-line\"></div>\n        </div>\n\n        <!-- Step item -->\n        <div\n          class=\"sia-step-item\"\n          [class.active]=\"getStepState(i) === 'active'\"\n          [class.completed]=\"getStepState(i) === 'completed'\"\n          [class.pending]=\"getStepState(i) === 'pending'\"\n          [class.disabled]=\"step.disabled\"\n          [class.clickable]=\"!readonly && !step.disabled\"\n          [class]=\"step.styleClass || ''\"\n          [pTooltip]=\"step.label\"\n          tooltipPosition=\"top\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.role]=\"readonly ? 'listitem' : 'button'\"\n          [attr.aria-current]=\"getStepState(i) === 'active' ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled || readonly\">\n          \n          <!-- \u00CDcone/n\u00FAmero do step -->\n          <div class=\"sia-step-marker\">\n            <i *ngIf=\"getStepState(i) === 'completed' && !step.icon\" class=\"pi pi-check\"></i>\n            <i *ngIf=\"step.icon && getStepState(i) !== 'completed'\" [class]=\"'pi ' + step.icon\"></i>\n            <span *ngIf=\"!step.icon && getStepState(i) !== 'completed'\">{{ getRealIndex(i) + 1 }}</span>\n          </div>\n\n          <!-- Label do step -->\n          <div class=\"sia-step-label\">\n            <span class=\"label-text\">{{ step.label }}</span>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o direita -->\n  <button\n    *ngIf=\"hasOverflowRight\"\n    class=\"sia-steps-nav sia-steps-nav-right\"\n    (click)=\"navigateRight()\"\n    [attr.aria-label]=\"'Pr\u00F3ximo (' + hiddenRightCount + ' ocultos)'\"\n    type=\"button\">\n    <i class=\"pi pi-chevron-right\"></i>\n    <span class=\"nav-badge\">{{ hiddenRightCount }}</span>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.sia-steps-wrapper{display:flex;align-items:center;width:100%;gap:4px;position:relative}.sia-steps-nav{display:flex;align-items:center;gap:4px;background:var(--p-surface-100, #f1f5f9);border:1px solid var(--p-surface-200, #e2e8f0);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--p-text-secondary-color, #64748b);font-size:12px;font-weight:500;transition:all .2s ease;flex-shrink:0;min-width:36px;justify-content:center}.sia-steps-nav:hover{background:var(--p-primary-50, #eff6ff);border-color:var(--p-primary-200, #bfdbfe);color:var(--p-primary-600, #2563eb)}.sia-steps-nav:active{transform:scale(.95)}.sia-steps-nav .nav-badge{background:var(--p-primary-100, #dbeafe);color:var(--p-primary-700, #1d4ed8);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4}.sia-steps-nav i{font-size:12px}.sia-steps-content{flex:1;overflow:hidden;min-width:0}.sia-steps-content.has-overflow-left{mask-image:linear-gradient(to right,transparent 0%,black 5%)}.sia-steps-content.has-overflow-right{mask-image:linear-gradient(to left,transparent 0%,black 5%)}.sia-steps-content.has-overflow-left.has-overflow-right{mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.sia-steps-list{display:flex;align-items:center;justify-content:center;padding:8px 4px}.sia-step-connector{flex:0 0 auto;width:32px;display:flex;align-items:center;justify-content:center}.sia-step-connector .connector-line{width:100%;height:2px;background:var(--p-surface-300, #cbd5e1);border-radius:1px;transition:background .3s ease}.sia-step-connector.completed .connector-line{background:var(--p-primary-400, #60a5fa)}.sia-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;transition:all .25s ease;min-width:80px;max-width:160px;position:relative}.sia-step-item.clickable{cursor:pointer}.sia-step-item.clickable:hover{background:var(--p-surface-50, #f8fafc);transform:translateY(-1px)}.sia-step-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sia-step-item.pending .sia-step-marker{background:var(--p-surface-100, #f1f5f9);border-color:var(--p-surface-300, #cbd5e1);color:var(--p-text-secondary-color, #64748b)}.sia-step-item.pending .sia-step-label .label-text{color:var(--p-text-secondary-color, #64748b)}.sia-step-item.active .sia-step-marker{background:var(--p-primary-500, #3b82f6);border-color:var(--p-primary-500, #3b82f6);color:#fff;box-shadow:0 0 0 4px var(--p-primary-100, #dbeafe);transform:scale(1.1)}.sia-step-item.active .sia-step-label .label-text{color:var(--p-primary-700, #1d4ed8);font-weight:600}.sia-step-item.completed .sia-step-marker{background:var(--p-primary-100, #dbeafe);border-color:var(--p-primary-300, #93c5fd);color:var(--p-primary-600, #2563eb)}.sia-step-item.completed .sia-step-label .label-text{color:var(--p-text-color, #1e293b)}.sia-step-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;font-size:13px;font-weight:600;transition:all .3s ease;flex-shrink:0}.sia-step-marker i{font-size:14px}.sia-step-label{text-align:center;max-width:100%;overflow:hidden}.sia-step-label .label-text{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--p-text-secondary-color, #64748b);transition:color .2s ease,font-weight .2s ease}.sia-steps-wrapper.animated .sia-steps-list{transition:transform .3s ease}.sia-steps-wrapper.animated .sia-step-item{animation:stepFadeIn .25s ease forwards}@keyframes stepFadeIn{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sia-steps-wrapper.theme-success .sia-step-connector.completed .connector-line{background:var(--p-green-400, #4ade80)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-marker{background:var(--p-green-500, #22c55e);border-color:var(--p-green-500, #22c55e);box-shadow:0 0 0 4px var(--p-green-100, #dcfce7)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-label .label-text{color:var(--p-green-700, #15803d)}.sia-steps-wrapper.theme-success .sia-step-item.completed .sia-step-marker{background:var(--p-green-100, #dcfce7);border-color:var(--p-green-300, #86efac);color:var(--p-green-600, #16a34a)}.sia-steps-wrapper.theme-danger .sia-step-connector.completed .connector-line{background:var(--p-red-400, #f87171)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-marker{background:var(--p-red-500, #ef4444);border-color:var(--p-red-500, #ef4444);box-shadow:0 0 0 4px var(--p-red-100, #fee2e2)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-label .label-text{color:var(--p-red-700, #b91c1c)}.sia-steps-wrapper.theme-danger .sia-step-item.completed .sia-step-marker{background:var(--p-red-100, #fee2e2);border-color:var(--p-red-300, #fca5a5);color:var(--p-red-600, #dc2626)}.sia-steps-wrapper.theme-warning .sia-step-connector.completed .connector-line{background:var(--p-orange-400, #fb923c)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-marker{background:var(--p-orange-500, #f97316);border-color:var(--p-orange-500, #f97316);box-shadow:0 0 0 4px var(--p-orange-100, #ffedd5)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-label .label-text{color:var(--p-orange-700, #c2410c)}.sia-steps-wrapper.theme-warning .sia-step-item.completed .sia-step-marker{background:var(--p-orange-100, #ffedd5);border-color:var(--p-orange-300, #fdba74);color:var(--p-orange-600, #ea580c)}.sia-steps-wrapper.theme-info .sia-step-connector.completed .connector-line{background:var(--p-cyan-400, #22d3ee)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-marker{background:var(--p-cyan-500, #06b6d4);border-color:var(--p-cyan-500, #06b6d4);box-shadow:0 0 0 4px var(--p-cyan-100, #cffafe)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-label .label-text{color:var(--p-cyan-700, #0e7490)}.sia-steps-wrapper.theme-info .sia-step-item.completed .sia-step-marker{background:var(--p-cyan-100, #cffafe);border-color:var(--p-cyan-300, #67e8f9);color:var(--p-cyan-600, #0891b2)}@media (max-width: 576px){.sia-step-item{min-width:60px;max-width:100px;padding:6px 8px}.sia-step-marker{width:30px;height:30px;font-size:11px}.sia-step-marker i{font-size:12px}.sia-step-label .label-text{font-size:11px}.sia-step-connector{width:20px}}\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: "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sia-steps', standalone: true, imports: [CommonModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sia-steps-wrapper\" [class]=\"styleClass\" [class.animated]=\"animated\"\n  [class.theme-success]=\"colorScheme === 'success'\"\n  [class.theme-danger]=\"colorScheme === 'danger'\"\n  [class.theme-warning]=\"colorScheme === 'warning'\"\n  [class.theme-info]=\"colorScheme === 'info'\"\n  #stepsContainer>\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o esquerda -->\n  <button\n    *ngIf=\"hasOverflowLeft\"\n    class=\"sia-steps-nav sia-steps-nav-left\"\n    (click)=\"navigateLeft()\"\n    [attr.aria-label]=\"'Anterior (' + hiddenLeftCount + ' ocultos)'\"\n    type=\"button\">\n    <span class=\"nav-badge\">{{ hiddenLeftCount }}</span>\n    <i class=\"pi pi-chevron-left\"></i>\n  </button>\n\n  <!-- Steps vis\u00EDveis -->\n  <div class=\"sia-steps-content\" [class.has-overflow-left]=\"hasOverflowLeft\" [class.has-overflow-right]=\"hasOverflowRight\">\n    <div class=\"sia-steps-list\">\n      <ng-container *ngFor=\"let step of visibleSteps; let i = index; let first = first; let last = last; trackBy: trackByIndex\">\n        <!-- Conector (n\u00E3o aparece antes do primeiro) -->\n        <div *ngIf=\"!first\" class=\"sia-step-connector\" [class.completed]=\"getStepState(i) === 'completed' || getStepState(i - 1) === 'completed'\">\n          <div class=\"connector-line\"></div>\n        </div>\n\n        <!-- Step item -->\n        <div\n          class=\"sia-step-item\"\n          [class.active]=\"getStepState(i) === 'active'\"\n          [class.completed]=\"getStepState(i) === 'completed'\"\n          [class.pending]=\"getStepState(i) === 'pending'\"\n          [class.disabled]=\"step.disabled\"\n          [class.clickable]=\"!readonly && !step.disabled\"\n          [class]=\"step.styleClass || ''\"\n          [pTooltip]=\"step.label\"\n          tooltipPosition=\"top\"\n          (click)=\"onStepClick(step, i)\"\n          [attr.role]=\"readonly ? 'listitem' : 'button'\"\n          [attr.aria-current]=\"getStepState(i) === 'active' ? 'step' : null\"\n          [attr.aria-disabled]=\"step.disabled || readonly\">\n          \n          <!-- \u00CDcone/n\u00FAmero do step -->\n          <div class=\"sia-step-marker\">\n            <i *ngIf=\"getStepState(i) === 'completed' && !step.icon\" class=\"pi pi-check\"></i>\n            <i *ngIf=\"step.icon && getStepState(i) !== 'completed'\" [class]=\"'pi ' + step.icon\"></i>\n            <span *ngIf=\"!step.icon && getStepState(i) !== 'completed'\">{{ getRealIndex(i) + 1 }}</span>\n          </div>\n\n          <!-- Label do step -->\n          <div class=\"sia-step-label\">\n            <span class=\"label-text\">{{ step.label }}</span>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n\n  <!-- Bot\u00E3o de navega\u00E7\u00E3o direita -->\n  <button\n    *ngIf=\"hasOverflowRight\"\n    class=\"sia-steps-nav sia-steps-nav-right\"\n    (click)=\"navigateRight()\"\n    [attr.aria-label]=\"'Pr\u00F3ximo (' + hiddenRightCount + ' ocultos)'\"\n    type=\"button\">\n    <i class=\"pi pi-chevron-right\"></i>\n    <span class=\"nav-badge\">{{ hiddenRightCount }}</span>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.sia-steps-wrapper{display:flex;align-items:center;width:100%;gap:4px;position:relative}.sia-steps-nav{display:flex;align-items:center;gap:4px;background:var(--p-surface-100, #f1f5f9);border:1px solid var(--p-surface-200, #e2e8f0);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--p-text-secondary-color, #64748b);font-size:12px;font-weight:500;transition:all .2s ease;flex-shrink:0;min-width:36px;justify-content:center}.sia-steps-nav:hover{background:var(--p-primary-50, #eff6ff);border-color:var(--p-primary-200, #bfdbfe);color:var(--p-primary-600, #2563eb)}.sia-steps-nav:active{transform:scale(.95)}.sia-steps-nav .nav-badge{background:var(--p-primary-100, #dbeafe);color:var(--p-primary-700, #1d4ed8);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4}.sia-steps-nav i{font-size:12px}.sia-steps-content{flex:1;overflow:hidden;min-width:0}.sia-steps-content.has-overflow-left{mask-image:linear-gradient(to right,transparent 0%,black 5%)}.sia-steps-content.has-overflow-right{mask-image:linear-gradient(to left,transparent 0%,black 5%)}.sia-steps-content.has-overflow-left.has-overflow-right{mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.sia-steps-list{display:flex;align-items:center;justify-content:center;padding:8px 4px}.sia-step-connector{flex:0 0 auto;width:32px;display:flex;align-items:center;justify-content:center}.sia-step-connector .connector-line{width:100%;height:2px;background:var(--p-surface-300, #cbd5e1);border-radius:1px;transition:background .3s ease}.sia-step-connector.completed .connector-line{background:var(--p-primary-400, #60a5fa)}.sia-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;transition:all .25s ease;min-width:80px;max-width:160px;position:relative}.sia-step-item.clickable{cursor:pointer}.sia-step-item.clickable:hover{background:var(--p-surface-50, #f8fafc);transform:translateY(-1px)}.sia-step-item.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sia-step-item.pending .sia-step-marker{background:var(--p-surface-100, #f1f5f9);border-color:var(--p-surface-300, #cbd5e1);color:var(--p-text-secondary-color, #64748b)}.sia-step-item.pending .sia-step-label .label-text{color:var(--p-text-secondary-color, #64748b)}.sia-step-item.active .sia-step-marker{background:var(--p-primary-500, #3b82f6);border-color:var(--p-primary-500, #3b82f6);color:#fff;box-shadow:0 0 0 4px var(--p-primary-100, #dbeafe);transform:scale(1.1)}.sia-step-item.active .sia-step-label .label-text{color:var(--p-primary-700, #1d4ed8);font-weight:600}.sia-step-item.completed .sia-step-marker{background:var(--p-primary-100, #dbeafe);border-color:var(--p-primary-300, #93c5fd);color:var(--p-primary-600, #2563eb)}.sia-step-item.completed .sia-step-label .label-text{color:var(--p-text-color, #1e293b)}.sia-step-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;font-size:13px;font-weight:600;transition:all .3s ease;flex-shrink:0}.sia-step-marker i{font-size:14px}.sia-step-label{text-align:center;max-width:100%;overflow:hidden}.sia-step-label .label-text{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--p-text-secondary-color, #64748b);transition:color .2s ease,font-weight .2s ease}.sia-steps-wrapper.animated .sia-steps-list{transition:transform .3s ease}.sia-steps-wrapper.animated .sia-step-item{animation:stepFadeIn .25s ease forwards}@keyframes stepFadeIn{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sia-steps-wrapper.theme-success .sia-step-connector.completed .connector-line{background:var(--p-green-400, #4ade80)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-marker{background:var(--p-green-500, #22c55e);border-color:var(--p-green-500, #22c55e);box-shadow:0 0 0 4px var(--p-green-100, #dcfce7)}.sia-steps-wrapper.theme-success .sia-step-item.active .sia-step-label .label-text{color:var(--p-green-700, #15803d)}.sia-steps-wrapper.theme-success .sia-step-item.completed .sia-step-marker{background:var(--p-green-100, #dcfce7);border-color:var(--p-green-300, #86efac);color:var(--p-green-600, #16a34a)}.sia-steps-wrapper.theme-danger .sia-step-connector.completed .connector-line{background:var(--p-red-400, #f87171)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-marker{background:var(--p-red-500, #ef4444);border-color:var(--p-red-500, #ef4444);box-shadow:0 0 0 4px var(--p-red-100, #fee2e2)}.sia-steps-wrapper.theme-danger .sia-step-item.active .sia-step-label .label-text{color:var(--p-red-700, #b91c1c)}.sia-steps-wrapper.theme-danger .sia-step-item.completed .sia-step-marker{background:var(--p-red-100, #fee2e2);border-color:var(--p-red-300, #fca5a5);color:var(--p-red-600, #dc2626)}.sia-steps-wrapper.theme-warning .sia-step-connector.completed .connector-line{background:var(--p-orange-400, #fb923c)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-marker{background:var(--p-orange-500, #f97316);border-color:var(--p-orange-500, #f97316);box-shadow:0 0 0 4px var(--p-orange-100, #ffedd5)}.sia-steps-wrapper.theme-warning .sia-step-item.active .sia-step-label .label-text{color:var(--p-orange-700, #c2410c)}.sia-steps-wrapper.theme-warning .sia-step-item.completed .sia-step-marker{background:var(--p-orange-100, #ffedd5);border-color:var(--p-orange-300, #fdba74);color:var(--p-orange-600, #ea580c)}.sia-steps-wrapper.theme-info .sia-step-connector.completed .connector-line{background:var(--p-cyan-400, #22d3ee)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-marker{background:var(--p-cyan-500, #06b6d4);border-color:var(--p-cyan-500, #06b6d4);box-shadow:0 0 0 4px var(--p-cyan-100, #cffafe)}.sia-steps-wrapper.theme-info .sia-step-item.active .sia-step-label .label-text{color:var(--p-cyan-700, #0e7490)}.sia-steps-wrapper.theme-info .sia-step-item.completed .sia-step-marker{background:var(--p-cyan-100, #cffafe);border-color:var(--p-cyan-300, #67e8f9);color:var(--p-cyan-600, #0891b2)}@media (max-width: 576px){.sia-step-item{min-width:60px;max-width:100px;padding:6px 8px}.sia-step-marker{width:30px;height:30px;font-size:11px}.sia-step-marker i{font-size:12px}.sia-step-label .label-text{font-size:11px}.sia-step-connector{width:20px}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { steps: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], maxVisible: [{
+                type: Input
+            }], stepMinWidth: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], navigationMode: [{
+                type: Input
+            }], colorScheme: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], stepClick: [{
+                type: Output
+            }], stepsContainer: [{
+                type: ViewChild,
+                args: ['stepsContainer']
+            }] } });
+
 /**
  * Directive para máscara de código postal
  * Usa o locale do cookie por padrão, ou aceita locale por parâmetro
@@ -5883,6 +6411,7 @@ class DynamicFormComponent {
     loadEntityData() {
         if (this.entityData && this.form) {
             this.form.patchValue(this.processEntityData(this.entityData));
+            this.updateDisabledFields();
         }
     }
     processEntityData(entity) {
@@ -6022,10 +6551,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 +6643,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 +7772,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, StepsComponent, 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