keevo-components 2.0.231 → 2.0.233

package/fesm2022/keevo-components.mjs

@@ -78,6 +78,7 @@ import * as i5$7 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { KnobModule } from 'primeng/knob';
 import { MessageModule } from 'primeng/message';
+import * as i1$8 from 'primeng/messages';
 import { MessagesModule } from 'primeng/messages';
 import * as i8$2 from 'primeng/multiselect';
 import { MultiSelectModule, MultiSelect } from 'primeng/multiselect';
@@ -11966,6 +11967,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 }]
         }] });
 
+/**
+ * Componente para exibição de mensagens em formato de card.
+ *
+ * O componente `kv-card-message` permite renderizar mensagens com diferentes níveis de severidade,
+ * podendo exibir mensagens simples ou listas de mensagens.
+ *
+ * @example
+ * ```html
+ * <kv-card-message [severity]="'success'" [message]="'Operação realizada com sucesso!'"></kv-card-message>
+ *
+ * <kv-card-message [severity]="'error'" [message]="['Erro 1', 'Erro 2', 'Erro 3']"></kv-card-message>
+ * ```
+ *
+ * @input severity - Define o nível de severidade da mensagem ('info' | 'success' | 'warn' | 'error')
+ * @input message - Mensagem a ser exibida (pode ser string única ou array de strings)
+ */
+class KvCardMessageComponent {
+    constructor() {
+        /**
+         * Define o nível de severidade da mensagem
+         * @default 'info'
+         */
+        this.severity = 'info';
+        /**
+         * Array de mensagens do PrimeNG
+         */
+        this.messages = [];
+    }
+    ngOnInit() {
+        this.buildMessages();
+    }
+    /**
+     * Constrói o array de mensagens para o PrimeNG
+     */
+    buildMessages() {
+        if (this.isMessageArray()) {
+            this.messages = this.message.map(msg => ({
+                severity: this.severity,
+                detail: msg
+            }));
+        }
+        else {
+            this.messages = [{
+                    severity: this.severity,
+                    detail: this.message
+                }];
+        }
+    }
+    /**
+     * Verifica se a mensagem é um array
+     * @returns true se message for um array, false caso contrário
+     */
+    isMessageArray() {
+        return Array.isArray(this.message);
+    }
+    /**
+     * Retorna o ícone apropriado baseado na severidade
+     * @returns Nome do ícone material
+     */
+    getIcon() {
+        const icons = {
+            info: 'info',
+            success: 'check_circle',
+            warn: 'warning',
+            error: 'cancel'
+        };
+        return icons[this.severity] || 'info';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvCardMessageComponent, isStandalone: true, selector: "kv-card-message", inputs: { severity: "severity", message: "message" }, ngImport: i0, template: "<p-messages\r\n  [value]=\"messages\"\r\n  [closable]=\"false\">\r\n  <ng-template pTemplate let-message>\r\n    <div class=\"flex align-items-start\">\r\n      <span class=\"material-symbols-outlined mr-2\">{{ getIcon() }}</span>\r\n      <span>{{ message.detail }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-messages>\r\n", styles: ["::ng-deep .p-message .p-message-wrapper{padding:.5rem 1.5rem!important}::ng-deep .p-message .p-message-wrapper p{margin:0;padding:0;font-size:.9rem}::ng-deep .p-message .p-message-wrapper ul{margin:0;padding-left:1.2rem;list-style-type:disc}::ng-deep .p-message .p-message-wrapper ul li{margin:0;padding:0;font-size:.9rem}::ng-deep .p-message{margin:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i1$8.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvCardMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-card-message', standalone: true, imports: [CommonModule, MessagesModule], template: "<p-messages\r\n  [value]=\"messages\"\r\n  [closable]=\"false\">\r\n  <ng-template pTemplate let-message>\r\n    <div class=\"flex align-items-start\">\r\n      <span class=\"material-symbols-outlined mr-2\">{{ getIcon() }}</span>\r\n      <span>{{ message.detail }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-messages>\r\n", styles: ["::ng-deep .p-message .p-message-wrapper{padding:.5rem 1.5rem!important}::ng-deep .p-message .p-message-wrapper p{margin:0;padding:0;font-size:.9rem}::ng-deep .p-message .p-message-wrapper ul{margin:0;padding-left:1.2rem;list-style-type:disc}::ng-deep .p-message .p-message-wrapper ul li{margin:0;padding:0;font-size:.9rem}::ng-deep .p-message{margin:0;padding:0}\n"] }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
+
 class KeevoComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvAvatarModule,
@@ -11999,7 +12080,8 @@ class KeevoComponentsModule {
             KvConfirmationModalModule,
             KvFilterCardsModule,
             SkeletonModule,
-            KvTableDraggableModule], exports: [KvAvatarModule,
+            KvTableDraggableModule,
+            KvCardMessageComponent], exports: [KvAvatarModule,
             KvButtonsModule,
             KvButtonModule,
             KvCarouselModule,
@@ -12030,7 +12112,8 @@ class KeevoComponentsModule {
             KvTagModule,
             KvConfirmationModalModule,
             KvFilterCardsModule,
-            KvTableDraggableModule] }); }
+            KvTableDraggableModule,
+            KvCardMessageComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvAvatarModule,
             KvButtonsModule,
             KvButtonModule,
@@ -12062,7 +12145,8 @@ class KeevoComponentsModule {
             KvConfirmationModalModule,
             KvFilterCardsModule,
             SkeletonModule,
-            KvTableDraggableModule, KvAvatarModule,
+            KvTableDraggableModule,
+            KvCardMessageComponent, KvAvatarModule,
             KvButtonsModule,
             KvButtonModule,
             KvCarouselModule,
@@ -12131,7 +12215,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                         KvConfirmationModalModule,
                         KvFilterCardsModule,
                         SkeletonModule,
-                        KvTableDraggableModule
+                        KvTableDraggableModule,
+                        KvCardMessageComponent
                     ],
                     exports: [
                         KvAvatarModule,
@@ -12165,7 +12250,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                         KvTagModule,
                         KvConfirmationModalModule,
                         KvFilterCardsModule,
-                        KvTableDraggableModule
+                        KvTableDraggableModule,
+                        KvCardMessageComponent
                     ],
                 }]
         }] });
@@ -14187,6 +14273,7 @@ class KvKanbanComponent {
         this.columnLists = input([]);
         this.cardTemplate = input(null);
         this.showColumnsCounter = input(true);
+        this.enableDrag = input(true);
         this.onCardMoved = output();
         this.onActionClicked = output();
         this.onLoadMoreCards = output();
@@ -14235,7 +14322,10 @@ class KvKanbanComponent {
     getActionsForCard(card) {
         return this.actions().map(action => ({
             ...action,
-            command: () => {
+            command: (event) => {
+                if (action.command) {
+                    action.command(event);
+                }
                 if (action.label) {
                     this.onActionClick(action.label, card);
                 }
@@ -14249,11 +14339,11 @@ class KvKanbanComponent {
         return `1 1 calc((100% - ${(totalColumns - 1) * 16}px) / ${totalColumns})`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvKanbanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvKanbanComponent, isStandalone: true, selector: "kv-kanban", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, columnConfigs: { classPropertyName: "columnConfigs", publicName: "columnConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnLists: { classPropertyName: "columnLists", publicName: "columnLists", isSignal: true, isRequired: false, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, showColumnsCounter: { classPropertyName: "showColumnsCounter", publicName: "showColumnsCounter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCardMoved: "onCardMoved", onActionClicked: "onActionClicked", onLoadMoreCards: "onLoadMoreCards", onSelectedCard: "onSelectedCard" }, viewQueries: [{ propertyName: "sharedMenu", first: true, predicate: ["sharedMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex w-full h-full\">\r\n  <div class=\"board-wrapper flex-column lg:flex-row\" cdkDropListGroup>\r\n    \r\n    @for(config of columnConfigs(); track $index) {\r\n\r\n      <div class=\"board-column\" [style.flex]=\"getColumnFlex()\">\r\n        \r\n        <div class=\"column-header\" [style.backgroundColor]=\"config.corTitulo\">\r\n          <span class=\"text-base font-semibold\">{{ config.nome }}</span>\r\n          @if(this.showColumnsCounter()) {\r\n            <span class=\"column-count-badge px-2 py-1\" [style.color]=\"config.corTitulo\">{{ config.contador | number:'2.0' }}</span>\r\n          }\r\n        </div>\r\n\r\n        <div \r\n          class=\"column-content\"\r\n          cdkDropList\r\n          [id]=\"config.id.toString()\"\r\n          [cdkDropListData]=\"getColumnList()(config.id)\"\r\n          (cdkDropListDropped)=\"drop($event)\"\r\n          (scroll)=\"onScroll($event, config.id)\">\r\n\r\n\r\n          @for(item of getColumnList()(config.id); track $index) {\r\n            \r\n            <div class=\"kanban-card\" cdkDrag>\r\n\r\n              @if(actions().length > 0) {\r\n                <span class=\"material-symbols-outlined card-menu-btn text-xl text-black-alpha-50 hover:surface-200 border-round-lg\" (click)=\"openCardMenu($event, item)\">\r\n                  more_vert\r\n                </span>\r\n              }\r\n              \r\n\r\n              @if (item.status) {\r\n                <div class=\"card-header mt-1\"> <span class=\"status-tag text-xs border-round-3xl py-1 px-2\" \r\n                        [style.backgroundColor]=\"item.statusColor\"\r\n                        [style.color]=\"item.statusLabelColor\">\r\n                    {{ item.status }}\r\n                  </span>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"card-body ml-1\">\r\n                <p class=\"p-0 m-0 text-sm text-black-alpha-70 font-semibold mb-2 pr-4\">\r\n                  {{ item.titulo }}\r\n                </p>\r\n                \r\n                <ng-container [ngTemplateOutlet]=\"cardTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n              </div>\r\n\r\n              <div *cdkDragPlaceholder class=\"custom-placeholder\"></div>\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        <div class=\"column-footer text-xs text-black-alpha-80\">\r\n          Ver {{ getColumnList()(config.id).length }} de {{ config.contador }}\r\n        </div>\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n</div>\r\n\r\n<p-menu #sharedMenu [model]=\"currentMenuOptions\" [popup]=\"true\" appendTo=\"body\"></p-menu>", styles: [".board-wrapper{display:flex;flex:1 1 0%;gap:16px;overflow-x:auto;padding:20px;height:100%}.board-column{display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:18px;min-width:280px;overflow:visible}.column-header{padding:10px 20px;margin:7px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;gap:8px}.column-header span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.column-header .column-count-badge{background-color:#ffffffe6;border-radius:12px;font-size:.85rem;font-weight:700;flex-shrink:0}.column-content{flex-grow:1;overflow-y:auto;overflow-x:visible;padding:12px;min-height:100px}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.kanban-card{background:#fff;border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;transition:box-shadow .2s;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 4px 8px #0000001a}.card-header{display:flex;margin-bottom:8px}.card-menu-btn{position:absolute;top:12px;right:8px;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.column-footer{padding:10px;text-align:center}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;box-shadow:0 5px 15px #0003;background:#fff}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.column-content.cdk-drop-list-dragging .kanban-card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-menu{scale:.8;z-index:1000!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { 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"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], 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: MenuModule }, { kind: "component", type: i2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvKanbanComponent, isStandalone: true, selector: "kv-kanban", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, columnConfigs: { classPropertyName: "columnConfigs", publicName: "columnConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnLists: { classPropertyName: "columnLists", publicName: "columnLists", isSignal: true, isRequired: false, transformFunction: null }, cardTemplate: { classPropertyName: "cardTemplate", publicName: "cardTemplate", isSignal: true, isRequired: false, transformFunction: null }, showColumnsCounter: { classPropertyName: "showColumnsCounter", publicName: "showColumnsCounter", isSignal: true, isRequired: false, transformFunction: null }, enableDrag: { classPropertyName: "enableDrag", publicName: "enableDrag", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCardMoved: "onCardMoved", onActionClicked: "onActionClicked", onLoadMoreCards: "onLoadMoreCards", onSelectedCard: "onSelectedCard" }, viewQueries: [{ propertyName: "sharedMenu", first: true, predicate: ["sharedMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex w-full h-full\">\r\n  <div class=\"board-wrapper flex-column lg:flex-row\" cdkDropListGroup>\r\n    \r\n    @for(config of columnConfigs(); track $index) {\r\n\r\n      <div class=\"board-column\" [style.flex]=\"getColumnFlex()\">\r\n        \r\n        <div class=\"column-header\" [style.backgroundColor]=\"config.corTitulo\">\r\n          <span class=\"text-base font-semibold\">{{ config.nome }}</span>\r\n          @if(this.showColumnsCounter()) {\r\n            <span class=\"column-count-badge px-2 py-1\" [style.color]=\"config.corTitulo\">{{ config.contador | number:'2.0' }}</span>\r\n          }\r\n        </div>\r\n\r\n        <div \r\n          class=\"column-content\"\r\n          cdkDropList\r\n          [id]=\"config.id.toString()\"\r\n          [cdkDropListData]=\"getColumnList()(config.id)\"\r\n          (cdkDropListDropped)=\"drop($event)\"\r\n          (scroll)=\"onScroll($event, config.id)\">\r\n\r\n\r\n          @for(item of getColumnList()(config.id); track $index) {\r\n            \r\n            <div class=\"kanban-card\" cdkDrag [cdkDragDisabled]=\"!enableDrag()\">\r\n\r\n              @if(actions().length > 0) {\r\n                <span class=\"material-symbols-outlined card-menu-btn text-xl text-black-alpha-50 hover:surface-200 border-round-lg\" (click)=\"openCardMenu($event, item)\">\r\n                  more_vert\r\n                </span>\r\n              }\r\n              \r\n\r\n              @if (item.status) {\r\n                <div class=\"card-header mt-1\"> <span class=\"status-tag text-xs border-round-3xl py-1 px-2\" \r\n                        [style.backgroundColor]=\"item.statusColor\"\r\n                        [style.color]=\"item.statusLabelColor\">\r\n                    {{ item.status }}\r\n                  </span>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"card-body ml-1\">\r\n                <p class=\"p-0 m-0 text-sm text-black-alpha-70 font-semibold mb-2 pr-4\">\r\n                  {{ item.titulo }}\r\n                </p>\r\n                \r\n                <ng-container [ngTemplateOutlet]=\"cardTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n              </div>\r\n\r\n              <div *cdkDragPlaceholder class=\"custom-placeholder\"></div>\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        <div class=\"column-footer text-xs text-black-alpha-80\">\r\n          Ver {{ getColumnList()(config.id).length }} de {{ config.contador }}\r\n        </div>\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n</div>\r\n\r\n<p-menu #sharedMenu [model]=\"currentMenuOptions\" [popup]=\"true\" appendTo=\"body\"></p-menu>", styles: [".board-wrapper{display:flex;flex:1 1 0%;gap:16px;overflow-x:auto;padding:20px;height:100%;min-height:0}.board-column{display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:18px;min-width:280px;overflow:visible;min-height:400px;max-height:600px}@media (min-width: 1024px){.board-column{height:100%;max-height:100%;min-height:0}}.column-header{padding:10px 20px;margin:7px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;gap:8px}.column-header span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.column-header .column-count-badge{background-color:#ffffffe6;border-radius:12px;font-size:.85rem;font-weight:700;flex-shrink:0}.column-content{flex:1 1 0;overflow-y:auto;overflow-x:visible;padding:12px;min-height:0}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.kanban-card{background:#fff;border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;transition:box-shadow .2s;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 4px 8px #0000001a}.kanban-card.cdk-drag-disabled,.kanban-card.cdk-drag-disabled:active{cursor:default}.card-header{display:flex;margin-bottom:8px}.card-menu-btn{position:absolute;top:12px;right:8px;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.column-footer{padding:10px;text-align:center}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;box-shadow:0 5px 15px #0003;background:#fff}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.column-content.cdk-drop-list-dragging .kanban-card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-menu{scale:.8;z-index:1000!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { 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"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], 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: MenuModule }, { kind: "component", type: i2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvKanbanComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'kv-kanban', imports: [CommonModule, DragDropModule, MenuModule], template: "<div class=\"flex w-full h-full\">\r\n  <div class=\"board-wrapper flex-column lg:flex-row\" cdkDropListGroup>\r\n    \r\n    @for(config of columnConfigs(); track $index) {\r\n\r\n      <div class=\"board-column\" [style.flex]=\"getColumnFlex()\">\r\n        \r\n        <div class=\"column-header\" [style.backgroundColor]=\"config.corTitulo\">\r\n          <span class=\"text-base font-semibold\">{{ config.nome }}</span>\r\n          @if(this.showColumnsCounter()) {\r\n            <span class=\"column-count-badge px-2 py-1\" [style.color]=\"config.corTitulo\">{{ config.contador | number:'2.0' }}</span>\r\n          }\r\n        </div>\r\n\r\n        <div \r\n          class=\"column-content\"\r\n          cdkDropList\r\n          [id]=\"config.id.toString()\"\r\n          [cdkDropListData]=\"getColumnList()(config.id)\"\r\n          (cdkDropListDropped)=\"drop($event)\"\r\n          (scroll)=\"onScroll($event, config.id)\">\r\n\r\n\r\n          @for(item of getColumnList()(config.id); track $index) {\r\n            \r\n            <div class=\"kanban-card\" cdkDrag>\r\n\r\n              @if(actions().length > 0) {\r\n                <span class=\"material-symbols-outlined card-menu-btn text-xl text-black-alpha-50 hover:surface-200 border-round-lg\" (click)=\"openCardMenu($event, item)\">\r\n                  more_vert\r\n                </span>\r\n              }\r\n              \r\n\r\n              @if (item.status) {\r\n                <div class=\"card-header mt-1\"> <span class=\"status-tag text-xs border-round-3xl py-1 px-2\" \r\n                        [style.backgroundColor]=\"item.statusColor\"\r\n                        [style.color]=\"item.statusLabelColor\">\r\n                    {{ item.status }}\r\n                  </span>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"card-body ml-1\">\r\n                <p class=\"p-0 m-0 text-sm text-black-alpha-70 font-semibold mb-2 pr-4\">\r\n                  {{ item.titulo }}\r\n                </p>\r\n                \r\n                <ng-container [ngTemplateOutlet]=\"cardTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n              </div>\r\n\r\n              <div *cdkDragPlaceholder class=\"custom-placeholder\"></div>\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        <div class=\"column-footer text-xs text-black-alpha-80\">\r\n          Ver {{ getColumnList()(config.id).length }} de {{ config.contador }}\r\n        </div>\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n</div>\r\n\r\n<p-menu #sharedMenu [model]=\"currentMenuOptions\" [popup]=\"true\" appendTo=\"body\"></p-menu>", styles: [".board-wrapper{display:flex;flex:1 1 0%;gap:16px;overflow-x:auto;padding:20px;height:100%}.board-column{display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:18px;min-width:280px;overflow:visible}.column-header{padding:10px 20px;margin:7px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;gap:8px}.column-header span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.column-header .column-count-badge{background-color:#ffffffe6;border-radius:12px;font-size:.85rem;font-weight:700;flex-shrink:0}.column-content{flex-grow:1;overflow-y:auto;overflow-x:visible;padding:12px;min-height:100px}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.kanban-card{background:#fff;border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;transition:box-shadow .2s;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 4px 8px #0000001a}.card-header{display:flex;margin-bottom:8px}.card-menu-btn{position:absolute;top:12px;right:8px;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.column-footer{padding:10px;text-align:center}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;box-shadow:0 5px 15px #0003;background:#fff}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.column-content.cdk-drop-list-dragging .kanban-card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-menu{scale:.8;z-index:1000!important}\n"] }]
+            args: [{ standalone: true, selector: 'kv-kanban', imports: [CommonModule, DragDropModule, MenuModule], template: "<div class=\"flex w-full h-full\">\r\n  <div class=\"board-wrapper flex-column lg:flex-row\" cdkDropListGroup>\r\n    \r\n    @for(config of columnConfigs(); track $index) {\r\n\r\n      <div class=\"board-column\" [style.flex]=\"getColumnFlex()\">\r\n        \r\n        <div class=\"column-header\" [style.backgroundColor]=\"config.corTitulo\">\r\n          <span class=\"text-base font-semibold\">{{ config.nome }}</span>\r\n          @if(this.showColumnsCounter()) {\r\n            <span class=\"column-count-badge px-2 py-1\" [style.color]=\"config.corTitulo\">{{ config.contador | number:'2.0' }}</span>\r\n          }\r\n        </div>\r\n\r\n        <div \r\n          class=\"column-content\"\r\n          cdkDropList\r\n          [id]=\"config.id.toString()\"\r\n          [cdkDropListData]=\"getColumnList()(config.id)\"\r\n          (cdkDropListDropped)=\"drop($event)\"\r\n          (scroll)=\"onScroll($event, config.id)\">\r\n\r\n\r\n          @for(item of getColumnList()(config.id); track $index) {\r\n            \r\n            <div class=\"kanban-card\" cdkDrag [cdkDragDisabled]=\"!enableDrag()\">\r\n\r\n              @if(actions().length > 0) {\r\n                <span class=\"material-symbols-outlined card-menu-btn text-xl text-black-alpha-50 hover:surface-200 border-round-lg\" (click)=\"openCardMenu($event, item)\">\r\n                  more_vert\r\n                </span>\r\n              }\r\n              \r\n\r\n              @if (item.status) {\r\n                <div class=\"card-header mt-1\"> <span class=\"status-tag text-xs border-round-3xl py-1 px-2\" \r\n                        [style.backgroundColor]=\"item.statusColor\"\r\n                        [style.color]=\"item.statusLabelColor\">\r\n                    {{ item.status }}\r\n                  </span>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"card-body ml-1\">\r\n                <p class=\"p-0 m-0 text-sm text-black-alpha-70 font-semibold mb-2 pr-4\">\r\n                  {{ item.titulo }}\r\n                </p>\r\n                \r\n                <ng-container [ngTemplateOutlet]=\"cardTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n              </div>\r\n\r\n              <div *cdkDragPlaceholder class=\"custom-placeholder\"></div>\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        <div class=\"column-footer text-xs text-black-alpha-80\">\r\n          Ver {{ getColumnList()(config.id).length }} de {{ config.contador }}\r\n        </div>\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n</div>\r\n\r\n<p-menu #sharedMenu [model]=\"currentMenuOptions\" [popup]=\"true\" appendTo=\"body\"></p-menu>", styles: [".board-wrapper{display:flex;flex:1 1 0%;gap:16px;overflow-x:auto;padding:20px;height:100%;min-height:0}.board-column{display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:18px;min-width:280px;overflow:visible;min-height:400px;max-height:600px}@media (min-width: 1024px){.board-column{height:100%;max-height:100%;min-height:0}}.column-header{padding:10px 20px;margin:7px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;gap:8px}.column-header span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.column-header .column-count-badge{background-color:#ffffffe6;border-radius:12px;font-size:.85rem;font-weight:700;flex-shrink:0}.column-content{flex:1 1 0;overflow-y:auto;overflow-x:visible;padding:12px;min-height:0}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.kanban-card{background:#fff;border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;transition:box-shadow .2s;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 4px 8px #0000001a}.kanban-card.cdk-drag-disabled,.kanban-card.cdk-drag-disabled:active{cursor:default}.card-header{display:flex;margin-bottom:8px}.card-menu-btn{position:absolute;top:12px;right:8px;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.column-footer{padding:10px;text-align:center}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;box-shadow:0 5px 15px #0003;background:#fff}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.column-content.cdk-drop-list-dragging .kanban-card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-menu{scale:.8;z-index:1000!important}\n"] }]
         }] });
 
 /*
@@ -14268,5 +14358,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropDownExternal, BaseComponentInput, BaseComponentMultiSelect, BasecomponentTable, BreadcrumbsService, CDN_URLS, CUSTOM_FONTS, CapitalizePipe, ChatService, ComponentProviders, ComponentService, CpfCnpjPipe, DEBOUNCE_TIME, DEFAULT_KV_EDITOR_CONFIG, DEFAULT_QUILL_CONFIG, DocsService, DragDirective, DynamicInputDirective, ERROR_MESSAGES, EnumUtils, FONT_SIZES, FormService, ImageCutterService, ImagensService, KeevoComponentsModule, KeevoValidators, KvAvatarComponent, KvAvatarModule, KvButtonComponent, KvButtonModule, KvButtonPersonalizeComponent, KvButtonPopupComponent, KvButtonSecondaryComponent, KvButtonSuccessComponent, KvButtonsModule, KvCardSelectionComponent, KvCardSelectionModule, KvCarouselComponent, KvCarouselModule, KvChartComponent, KvChartModule, KvCheckComponent, KvConfirmationModalComponent, KvConfirmationModalModule, KvContentViewerComponent, KvContentViewerModule, KvDetailedListComponent, KvDropdownComponent, KvEditorComponent, KvEditorMentionService, KvEditorPdfService, KvEditorQuillService, KvEditorRelatorioService, KvErrorComponent, KvFileUploadComponent, KvFileUploadModule, KvFileViewerComponent, KvFileViewerModule, KvFileViewerNovoComponent, KvFileViewerNovoModule, KvFilterCardComponent, KvFilterCardModule, KvFilterCardsComponent, KvFilterCardsModule, KvFilterFieldsetComponent, KvFilterFieldsetModule, KvGIconComponent, KvGIconModule, KvHomeCardComponent, KvHomeCardModule, KvIconComponent, KvIconModule, KvImageUploadComponent, KvImageUploadModule, KvInputCalendarComponent, KvInputMaskComponent, KvInputNumberAddonComponent, KvInputNumberComponent, KvInputPasswordComponent, KvInputTextAddonComponent, KvInputTextCheckboxComponent, KvInputTextComponent, KvInputTextareaComponent, KvInputTimeComponent, KvInputsModule, KvKanbanComponent, KvLayoutComponent, KvLayoutModule, KvLoaderComponent, KvLoaderModule, KvLoaderService, KvLoginComponent, KvLoginModule, KvModalComponent, KvModalModule, KvMultiSelectComponent, KvOrgchartComponent, KvOrgchartModule, KvPageFormComponent, KvPageFormModule, KvPageStepperComponent, KvPageStepperodule, KvPickListComponent, KvPickListModule, KvProgressBarAlternativeComponent, KvProgressBarAlternativeModule, KvProgressBarModule, KvRadioGroupComponent, KvReportComponent, KvReportModule, KvSelectButtonComponent, KvSelectButtonsComponent, KvStackedBarChartComponent, KvStepperComponent, KvStepperModule, KvStepsComponent, KvSwitchComponent, KvTableComponent, KvTableDraggableComponent, KvTableDraggableModule, KvTableEditComponent, KvTableEditModule, KvTableExpandableComponent, KvTableExpandableModule, KvTableModule, KvTableViewerComponent, KvTagComponent, KvTagModule, KvTagsComponent, KvTagsModule, KvTimelineComponent, KvTreeEnvironmentComponent, KvTreeMultiSelectComponent, KvTreeViewComponent, KvTreetableComponent, KvTreetableModule, KvWidgetCardComponent, KvWorkspaceModule, KvtreeViewModule, MaskPipe, NoArvoreComponent, NotificationService, ObjectService, OrgChartService, PDF_STYLES, PeriodosChart, PipesModule, PrimeNgModule, ProgressBarComponent, TIMEOUTS, TablePaginate, TelefonePipe, TemplateDirective, TranslatePrimeng, WorkspaceComponent, getOrExecute, kvErrorModule, loading, mapToMenuItem, mapaSeverityColors };
+export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropDownExternal, BaseComponentInput, BaseComponentMultiSelect, BasecomponentTable, BreadcrumbsService, CDN_URLS, CUSTOM_FONTS, CapitalizePipe, ChatService, ComponentProviders, ComponentService, CpfCnpjPipe, DEBOUNCE_TIME, DEFAULT_KV_EDITOR_CONFIG, DEFAULT_QUILL_CONFIG, DocsService, DragDirective, DynamicInputDirective, ERROR_MESSAGES, EnumUtils, FONT_SIZES, FormService, ImageCutterService, ImagensService, KeevoComponentsModule, KeevoValidators, KvAvatarComponent, KvAvatarModule, KvButtonComponent, KvButtonModule, KvButtonPersonalizeComponent, KvButtonPopupComponent, KvButtonSecondaryComponent, KvButtonSuccessComponent, KvButtonsModule, KvCardMessageComponent, KvCardSelectionComponent, KvCardSelectionModule, KvCarouselComponent, KvCarouselModule, KvChartComponent, KvChartModule, KvCheckComponent, KvConfirmationModalComponent, KvConfirmationModalModule, KvContentViewerComponent, KvContentViewerModule, KvDetailedListComponent, KvDropdownComponent, KvEditorComponent, KvEditorMentionService, KvEditorPdfService, KvEditorQuillService, KvEditorRelatorioService, KvErrorComponent, KvFileUploadComponent, KvFileUploadModule, KvFileViewerComponent, KvFileViewerModule, KvFileViewerNovoComponent, KvFileViewerNovoModule, KvFilterCardComponent, KvFilterCardModule, KvFilterCardsComponent, KvFilterCardsModule, KvFilterFieldsetComponent, KvFilterFieldsetModule, KvGIconComponent, KvGIconModule, KvHomeCardComponent, KvHomeCardModule, KvIconComponent, KvIconModule, KvImageUploadComponent, KvImageUploadModule, KvInputCalendarComponent, KvInputMaskComponent, KvInputNumberAddonComponent, KvInputNumberComponent, KvInputPasswordComponent, KvInputTextAddonComponent, KvInputTextCheckboxComponent, KvInputTextComponent, KvInputTextareaComponent, KvInputTimeComponent, KvInputsModule, KvKanbanComponent, KvLayoutComponent, KvLayoutModule, KvLoaderComponent, KvLoaderModule, KvLoaderService, KvLoginComponent, KvLoginModule, KvModalComponent, KvModalModule, KvMultiSelectComponent, KvOrgchartComponent, KvOrgchartModule, KvPageFormComponent, KvPageFormModule, KvPageStepperComponent, KvPageStepperodule, KvPickListComponent, KvPickListModule, KvProgressBarAlternativeComponent, KvProgressBarAlternativeModule, KvProgressBarModule, KvRadioGroupComponent, KvReportComponent, KvReportModule, KvSelectButtonComponent, KvSelectButtonsComponent, KvStackedBarChartComponent, KvStepperComponent, KvStepperModule, KvStepsComponent, KvSwitchComponent, KvTableComponent, KvTableDraggableComponent, KvTableDraggableModule, KvTableEditComponent, KvTableEditModule, KvTableExpandableComponent, KvTableExpandableModule, KvTableModule, KvTableViewerComponent, KvTagComponent, KvTagModule, KvTagsComponent, KvTagsModule, KvTimelineComponent, KvTreeEnvironmentComponent, KvTreeMultiSelectComponent, KvTreeViewComponent, KvTreetableComponent, KvTreetableModule, KvWidgetCardComponent, KvWorkspaceModule, KvtreeViewModule, MaskPipe, NoArvoreComponent, NotificationService, ObjectService, OrgChartService, PDF_STYLES, PeriodosChart, PipesModule, PrimeNgModule, ProgressBarComponent, TIMEOUTS, TablePaginate, TelefonePipe, TemplateDirective, TranslatePrimeng, WorkspaceComponent, getOrExecute, kvErrorModule, loading, mapToMenuItem, mapaSeverityColors };
 //# sourceMappingURL=keevo-components.mjs.map