@seniorsistemas/angular-components 17.2.20 → 17.3.1

package/fesm2015/seniorsistemas-angular-components.js

@@ -56,6 +56,7 @@ import { styleTags, tags, HighlightStyle } from '@codemirror/highlight';
 import { autocompletion, pickedCompletion, startCompletion } from '@codemirror/autocomplete';
 import { showTooltip } from '@codemirror/tooltip';
 import { lineNumbers } from '@codemirror/gutter';
+import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
 
 let AccordionPanelComponent = class AccordionPanelComponent {
     constructor() {
@@ -11010,6 +11011,7 @@ let SlidePanelComponent = SlidePanelComponent_1 = class SlidePanelComponent {
         this.openIcon = "fas fa-chevron-right";
         this.closeIcon = "fas fa-chevron-left";
         this.cache = false;
+        this.createOpen = false;
         this.panelOpened = new EventEmitter();
         this.panelClosed = new EventEmitter();
         this.isOpen = false;
@@ -11037,6 +11039,9 @@ let SlidePanelComponent = SlidePanelComponent_1 = class SlidePanelComponent {
             this._calculateSlideHeight();
             this._calculateSideContentWidth();
             this.isContentAnimationDisabled = false;
+            if (this.createOpen) {
+                this.isOpen = true;
+            }
         });
     }
     ngOnDestroy() {
@@ -11090,6 +11095,9 @@ __decorate([
 __decorate([
     Input()
 ], SlidePanelComponent.prototype, "cache", void 0);
+__decorate([
+    Input()
+], SlidePanelComponent.prototype, "createOpen", void 0);
 __decorate([
     Output()
 ], SlidePanelComponent.prototype, "panelOpened", void 0);
@@ -14491,7 +14499,7 @@ ProgressBarDeterminateComponent = __decorate([
     Component({
         selector: "s-progressbar-determinate",
         template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n       <div\n          class=\"progressbar-active\"\n          [ngClass]=\"{\n             'progressbar-active--blue' : activeColor === 'blue',\n             'progressbar-active--green': activeColor === 'green',\n             'progressbar-active--red': activeColor === 'red',\n             'progressbar-active--yellow': activeColor === 'yellow'\n          }\"\n          [ngStyle]=\"{ 'width': value + '%' }\">\n          {{ showValue && value ? value + '%' : '' }}\n       </div>\n    </div>\n    <div\n       *ngIf=\"targetValue\"\n       class=\"target\"\n       [ngStyle]=\"{\n          'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n          'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n          'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n       }\">\n       <span class=\"target-line\"></span>\n       <span class=\"target-label\">\n           {{ targetLabel || value + '%' }}\n       </span>\n    </div>\n </div>\n ",
-        styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+        styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
     })
 ], ProgressBarDeterminateComponent);
 
@@ -14729,6 +14737,8 @@ PanelModule = __decorate([
 ], PanelModule);
 
 const fallback = {
+    "platform.angular_components.count_items_in_target": "{{ count }} itens em {{ target }}",
+    "platform.angular_components.count_items_selected": "{{ count }} itens selecionados",
     "platform.angular_components.january": "Janeiro",
     "platform.angular_components.february": "Fevereiro",
     "platform.angular_components.march": "Março",
@@ -15025,9 +15035,419 @@ const fallback = {
     "platform.angular_components.date_modified_custom_blob": "Enviado às {{hour}}:{{minutes}} de {{day}}/{{month}}/{{fullYear}}"
 };
 
+var KanbanTemplateTypes;
+(function (KanbanTemplateTypes) {
+    KanbanTemplateTypes["ColumnHeader"] = "column-header";
+    KanbanTemplateTypes["ColumnEmptyMessage"] = "column-empty-message";
+    KanbanTemplateTypes["ItemHeader"] = "item-header";
+    KanbanTemplateTypes["ItemBody"] = "item-body";
+    KanbanTemplateTypes["ItemFooter"] = "item-footer";
+})(KanbanTemplateTypes || (KanbanTemplateTypes = {}));
+
+let TemplateDirective = class TemplateDirective {
+    constructor(template) {
+        this.template = template;
+    }
+};
+TemplateDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+__decorate([
+    Input("sTemplate")
+], TemplateDirective.prototype, "type", void 0);
+TemplateDirective = __decorate([
+    Directive({
+        selector: "[sTemplate]",
+    })
+], TemplateDirective);
+
+let KanbanEventService = class KanbanEventService {
+    constructor() {
+        this.selectAllColumnItemsEvent = new EventEmitter();
+        this.unselectAllColumnItemsEvent = new EventEmitter();
+        this.selectItemEvent = new EventEmitter();
+        this.unselectItemEvent = new EventEmitter();
+    }
+    emitSelectAllColumnItemsEvent(column) {
+        this.selectAllColumnItemsEvent.emit(column);
+    }
+    emitUnselectAllColumnItemsEvent(column) {
+        this.unselectAllColumnItemsEvent.emit(column);
+    }
+    emitSelectItemEvent(item) {
+        this.selectItemEvent.emit(item);
+    }
+    emitUnselectItemEvent(item) {
+        this.unselectItemEvent.emit(item);
+    }
+};
+KanbanEventService = __decorate([
+    Injectable()
+], KanbanEventService);
+
+let KanbanComponent = class KanbanComponent {
+    constructor(kanbanEventService) {
+        this.kanbanEventService = kanbanEventService;
+        this.itemsMoved = new EventEmitter();
+        this.dataUpdated = new EventEmitter();
+        this.itemsSelected = new EventEmitter();
+        this.selectedItems = new Set();
+        this.draggingItems = new Set();
+        this._unsubscribe$ = new Subject();
+    }
+    ngOnInit() {
+        this._subscribeEvents();
+        this._normalizeData();
+        this._validateInputs();
+    }
+    ngAfterContentInit() {
+        this._getTemplates();
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    drop(event) {
+        var _a;
+        const previousColumn = this.data.columns.find((column) => column.id === event.previousContainer.id);
+        const targetColumn = this.data.columns.find((column) => column.id === event.container.id);
+        if (!previousColumn || !targetColumn) {
+            throw new Error("Unable to obtain information about columns when performing drag and drop");
+        }
+        if (event.previousContainer === event.container) {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this.selectedItems.forEach((item) => {
+            const previousIndex = event.previousContainer.data.indexOf(item);
+            if (previousIndex !== -1 && item !== event.item.data) {
+                if (event.previousContainer === event.container) {
+                    moveItemInArray(event.container.data, previousIndex, event.currentIndex);
+                }
+                else {
+                    transferArrayItem(event.previousContainer.data, event.container.data, previousIndex, event.currentIndex);
+                }
+            }
+        });
+        this.selectedItems.add(event.item.data);
+        this.itemsMoved.emit({
+            items: [...this.selectedItems],
+            previousColumn,
+            targetColumn,
+        });
+        if ((_a = this.dataUpdated.observers) === null || _a === void 0 ? void 0 : _a.length) {
+            this.dataUpdated.emit(Object.assign({}, this.data));
+        }
+        this.data.columns.forEach((column) => {
+            this.kanbanEventService.emitUnselectAllColumnItemsEvent(column);
+        });
+        this.selectedItems.clear();
+    }
+    selectItem(event, item, column) {
+        if (event.ctrlKey) {
+            if (this.selectedItems.delete(item)) {
+                this.kanbanEventService.emitUnselectItemEvent(item);
+            }
+            else {
+                if (this.selectedColumn && !this.selectedColumn.items.includes(item)) {
+                    this.selectedItems.clear();
+                }
+                this.selectedItems.add(item);
+                this.selectedColumn = column;
+                this.kanbanEventService.emitSelectItemEvent(item);
+            }
+        }
+        else {
+            this.selectedItems.clear();
+            this.selectedItems.add(item);
+            this.selectedColumn = column;
+            this.kanbanEventService.emitSelectItemEvent(item);
+        }
+    }
+    dragStarted() {
+        this.selectedItems.forEach((item) => {
+            this.draggingItems.add(item);
+        });
+    }
+    dragReleased() {
+        this.draggingItems.clear();
+    }
+    getLinkedColumns(currentColumn) {
+        return this.data.columns
+            .filter((column) => column != currentColumn)
+            .map((column) => column.id);
+    }
+    getColumnHeaderTemplate() {
+        return this._getCustomTemplate(KanbanTemplateTypes.ColumnHeader);
+    }
+    getColumnEmptyMessageTemplate() {
+        return this._getCustomTemplate(KanbanTemplateTypes.ColumnEmptyMessage);
+    }
+    getItemHeaderTemplate() {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemHeader);
+    }
+    getItemBodyTemplate() {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemBody);
+    }
+    getItemFooterTemplate() {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemFooter);
+    }
+    _getCustomTemplate(type) {
+        var _a;
+        return (_a = this.templates.find((template) => template.type === type)) === null || _a === void 0 ? void 0 : _a.template;
+    }
+    _subscribeEvents() {
+        this.kanbanEventService.selectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((column) => {
+            column.items
+                .filter((item) => !item.disabled)
+                .forEach((item) => {
+                this.selectedItems.add(item);
+            });
+            this.selectedColumn = column;
+            this.itemsSelected.emit([...this.selectedItems]);
+        });
+        this.kanbanEventService.unselectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((_) => {
+            this.selectedItems.clear();
+        });
+        this.kanbanEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (this.selectedColumn && !this.selectedColumn.items.includes(item)) {
+                this.selectedItems.clear();
+            }
+            this.selectedItems.add(item);
+            this.itemsSelected.emit([...this.selectedItems]);
+            // Finding the item column and setting selectedColumn.
+            this.data.columns.forEach((column) => {
+                column.items.forEach((currentItem) => {
+                    if (currentItem === item) {
+                        this.selectedColumn = column;
+                        return;
+                    }
+                });
+            });
+        });
+        this.kanbanEventService.unselectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            this.selectedItems.delete(item);
+        });
+    }
+    _normalizeData() {
+        this.data.columns.forEach((column) => {
+            column.id = column.id || `id-${Math.random().toString(36).substring(2, 9)}-${Date.now().toString(36)}`;
+        });
+    }
+    _validateInputs() {
+        const columns = this.data.columns;
+        const columnIds = this.data.columns.map((column) => column.id);
+        if (new Set(columnIds).size !== columns.length) {
+            throw new Error("Repeated IDs are not accepted.");
+        }
+    }
+    _getTemplates() {
+        this.columnHeaderTemplate = this.getColumnHeaderTemplate();
+        this.columnEmptyMessageTemplate = this.getColumnEmptyMessageTemplate();
+        this.itemHeaderTemplate = this.getItemHeaderTemplate();
+        this.itemBodyTemplate = this.getItemBodyTemplate();
+        this.itemFooterTemplate = this.getItemFooterTemplate();
+    }
+};
+KanbanComponent.ctorParameters = () => [
+    { type: KanbanEventService }
+];
+__decorate([
+    Input()
+], KanbanComponent.prototype, "data", void 0);
+__decorate([
+    Output()
+], KanbanComponent.prototype, "itemsMoved", void 0);
+__decorate([
+    Output()
+], KanbanComponent.prototype, "dataUpdated", void 0);
+__decorate([
+    Output()
+], KanbanComponent.prototype, "itemsSelected", void 0);
+__decorate([
+    ContentChildren(TemplateDirective)
+], KanbanComponent.prototype, "templates", void 0);
+KanbanComponent = __decorate([
+    Component({
+        selector: 's-kanban',
+        template: "<div class=\"kanban\">\n  <s-kanban-column\n    *ngFor=\"let column of data.columns\"\n    [data]=\"column\"\n    [headerTemplate]=\"columnHeaderTemplate\">\n    <div\n      [id]=\"column.id\"\n      style=\"height: 100%; width: 100%;\"\n      cdkDropList\n      #dynamicList=\"cdkDropList\"\n      [cdkDropListData]=\"column.items\"\n      [cdkDropListConnectedTo]=\"getLinkedColumns(column)\"\n      (cdkDropListDropped)=\"drop($event)\">\n\n      <ng-container *ngIf=\"!columnEmptyMessageTemplate; then defaultEmptyMessageTemplate else customEmptyMessageTemplate\"></ng-container>\n\n      <ng-template #defaultEmptyMessageTemplate>\n        <div *ngIf=\"!column.items.length\" class=\"empty-message\">\n          <p class=\"text\">\n            <span class=\"fas fa-clock\"></span>&nbsp;\n            <span>{{ \"platform.angular_components.count_items_in_target\" | translate:{ count: column.items.length, target: column.title } }}</span>\n          </p>\n        </div>\n      </ng-template>\n\n      <ng-template #customEmptyMessageTemplate>\n        <ng-container *ngTemplateOutlet=\"columnEmptyMessageTemplate; context: { $implicit: column }\"></ng-container>\n      </ng-template>\n\n      <div\n        *ngFor=\"let item of column.items\"\n        cdkDrag\n        [cdkDragData]=\"item\"\n        [cdkDragDisabled]=\"item.disabled\"\n        (cdkDragStarted)=\"dragStarted()\"\n        (cdkDragReleased)=\"dragReleased()\"\n        (click)=\"selectItem($event, item, column)\">\n        \n        <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n\n        <ng-container *cdkDragPreview>\n          <ng-container *ngIf=\"selectedItems.size > 1; then itemDraggingTemplate else itemTemplate\"></ng-container>\n        </ng-container>\n\n        <ng-template #itemTemplate>\n          <s-kanban-item\n              [item]=\"item\"\n              [selected]=\"selectedItems.has(item)\"\n              [headerTemplate]=\"itemHeaderTemplate\"\n              [bodyTemplate]=\"itemBodyTemplate\"\n              [footerTemplate]=\"itemFooterTemplate\">\n            </s-kanban-item>\n        </ng-template>\n\n        <ng-template #itemDraggingTemplate>\n          <s-kanban-item-dragging [quantityItems]=\"selectedItems.size\"></s-kanban-item-dragging>\n        </ng-template>\n\n        <div *cdkDragPlaceholder>\n          <div class=\"placeholder\">\n            <div class=\"placeholder-line\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </s-kanban-column>\n</div>\n\n",
+        styles: [".kanban{display:-ms-flexbox;display:flex;gap:16px;width:100%}.kanban .empty-message{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:16px}.kanban .empty-message .text{overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%;white-space:nowrap}@media screen and (max-width:600px){.kanban{-ms-flex-direction:column;flex-direction:column}}s-kanban-column{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;min-width:292px}.placeholder{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.placeholder .placeholder-line{background-color:#a5a5b2;height:1px;margin:6px 0;width:50%}"]
+    })
+], KanbanComponent);
+
+let KanbanItemComponent = class KanbanItemComponent {
+    constructor(_kanbanEventService) {
+        this._kanbanEventService = _kanbanEventService;
+        this.selected = false;
+    }
+    onSelectedChange(value) {
+        if (value) {
+            this._kanbanEventService.emitSelectItemEvent(this.item);
+        }
+        else {
+            this._kanbanEventService.emitUnselectItemEvent(this.item);
+        }
+    }
+};
+KanbanItemComponent.ctorParameters = () => [
+    { type: KanbanEventService }
+];
+__decorate([
+    Input()
+], KanbanItemComponent.prototype, "item", void 0);
+__decorate([
+    Input()
+], KanbanItemComponent.prototype, "selected", void 0);
+__decorate([
+    Input()
+], KanbanItemComponent.prototype, "headerTemplate", void 0);
+__decorate([
+    Input()
+], KanbanItemComponent.prototype, "bodyTemplate", void 0);
+__decorate([
+    Input()
+], KanbanItemComponent.prototype, "footerTemplate", void 0);
+KanbanItemComponent = __decorate([
+    Component({
+        selector: 's-kanban-item',
+        template: "<p-tieredMenu\n    #optionsMenu\n    [popup]=\"true\"\n    appendTo=\"body\"\n    [baseZIndex]=\"9999\"\n    [model]=\"item.options\">\n</p-tieredMenu>\n\n<div\n    class=\"kanban-item\"\n    [ngClass]=\"{\n        'kanban-item--selected': selected && !item.disabled,\n        'kanban-item--disabled': item.disabled\n    }\">\n    <div class=\"kanban-item__header\">\n        <div class=\"content\">\n            <form>\n                <input\n                    *ngIf=\"!item.disabled\"\n                    type=\"checkbox\"\n                    name=\"checkbox\"\n                    [(ngModel)]=\"selected\"\n                    (ngModelChange)=\"onSelectedChange($event)\"\n                    (click)=\"$event.stopPropagation()\">\n            </form>\n            <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: item }\"></ng-container>\n        </div>\n        <button\n            *ngIf=\"item.options && !item.disabled\"\n            class=\"options-button\"\n            (click)=\"optionsMenu.toggle($event); $event.stopPropagation();\">\n            <i class=\"fas fa-ellipsis-v\"></i>\n        </button>\n    </div>\n    <div class=\"kanban-item__body\">\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { $implicit: item }\"></ng-container>\n    </div>\n    <div *ngIf=\"footerTemplate\" class=\"kanban-item__footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: item }\"></ng-container>     \n    </div>\n</div>",
+        styles: [".kanban-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,0,0,.25);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:16px;min-width:260px;padding:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.kanban-item .kanban-item__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__header .content{display:-ms-flexbox;display:flex;gap:16px}.kanban-item .kanban-item__header .options-button{background-color:transparent;border:none;cursor:pointer;margin-right:-8px;padding:0 8px}.kanban-item .kanban-item__body{margin:16px 0}.kanban-item .kanban-item__footer{border-top:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.kanban-item .kanban-item__footer .date-info{-ms-flex-align:center;align-items:center;color:#6e7280;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:12px;gap:4px;line-height:150%}.kanban-item--selected{border:1px solid #428bca}.kanban-item--disabled{opacity:50%}"]
+    })
+], KanbanItemComponent);
+
+let KanbanColumnComponent = class KanbanColumnComponent {
+    constructor(kanbanEventService) {
+        this.kanbanEventService = kanbanEventService;
+        this.selectionControl = new FormControl(false);
+        this._unsubscribe$ = new Subject();
+    }
+    ngOnInit() {
+        this._validateInputs();
+        this._subscriveEvents();
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    _subscriveEvents() {
+        this.selectionControl.valueChanges
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((value) => {
+            if (value) {
+                this.kanbanEventService.emitSelectAllColumnItemsEvent(this.data);
+            }
+            else {
+                this.kanbanEventService.emitUnselectAllColumnItemsEvent(this.data);
+            }
+        });
+        this.kanbanEventService.unselectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((_) => {
+            this.selectionControl.setValue(false, { emitEvent: false });
+        });
+        this.kanbanEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((item) => {
+            if (!this.data.items.includes(item)) {
+                this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+        this.kanbanEventService.selectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((column) => {
+            if (this.data !== column) {
+                this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+        this.kanbanEventService.unselectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe((column) => {
+            if (this.data !== column) {
+                this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+    }
+    _validateInputs() {
+        if (!this.data) {
+            throw new Error("data parameter is required");
+        }
+    }
+};
+KanbanColumnComponent.ctorParameters = () => [
+    { type: KanbanEventService }
+];
+__decorate([
+    Input()
+], KanbanColumnComponent.prototype, "data", void 0);
+__decorate([
+    Input()
+], KanbanColumnComponent.prototype, "headerTemplate", void 0);
+KanbanColumnComponent = __decorate([
+    Component({
+        selector: "s-kanban-column",
+        template: "<div class=\"kanban-column\">\n    <div class=\"kanban-column__header\">\n        <div class=\"content\">\n            <form>\n                <input\n                    type=\"checkbox\"\n                    name=\"checkbox\"\n                    [formControl]=\"selectionControl\">\n            </form>\n\n            <ng-container *ngIf=\"!headerTemplate; then defaultHeaderTemplate else customHeaderTemplate\"></ng-container>\n            \n            <ng-template #defaultHeaderTemplate>\n                <div class=\"header\">\n                    <span class=\"title\">{{ data.title }} ({{ data.items.length }})</span>\n                </div>\n            </ng-template>\n            \n            <ng-template #customHeaderTemplate>\n                <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: data }\"></ng-container>\n            </ng-template>\n        </div>\n        <s-button\n            *ngIf=\"data.options\"\n            priority=\"default\"\n            [disabled]=\"false\"\n            [auxiliary]=\"true\"\n            size=\"small\"\n            [model]=\"data.options\">\n        </s-button>\n    </div>\n    <div class=\"kanban-column__body\">\n        <ng-content></ng-content>\n    </div>\n</div>",
+        styles: [".kanban-column{-ms-flex-align:center;align-items:center;background-color:#fbfafc;border:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:120px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.kanban-column .kanban-column__header{-ms-flex-align:center;align-items:center;border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px 16px 8px;width:100%}.kanban-column .kanban-column__header .content{display:-ms-flexbox;display:flex;gap:16px}.kanban-column .kanban-column__header .content .teste{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Open Sans\" sans-serif}.kanban-column .kanban-column__header .content .teste .title{font-size:14px;font-weight:800}.kanban-column .kanban-column__header .content .teste .description{font-size:12px}.kanban-column .kanban-column__body{display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:center;justify-content:center;width:100%}"]
+    })
+], KanbanColumnComponent);
+
+let KanbanItemDraggingComponent = class KanbanItemDraggingComponent {
+    constructor() {
+        this.quantityItems = 0;
+    }
+};
+__decorate([
+    Input()
+], KanbanItemDraggingComponent.prototype, "quantityItems", void 0);
+KanbanItemDraggingComponent = __decorate([
+    Component({
+        selector: "s-kanban-item-dragging",
+        template: "<div\n    *ngIf=\"quantityItems\"\n    class=\"kanban-item-dragging\">\n</div>\n\n<div\n    class=\"kanban-item-dragging\"\n    [ngClass]=\"{ 'kanban-item-dragging--over': quantityItems }\">\n    <div class=\"content\">\n        <input type=\"checkbox\" checked />\n        <s-badge\n            [text]=\"'platform.angular_components.count_items_selected' | translate:{ count: quantityItems }\"\n            color=\"blue\">\n        </s-badge>\n    </div>\n</div>",
+        styles: [".kanban-item-dragging{background-color:#fff;border:1px solid #428bca;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,0,0,.25);height:52px;padding:16px;width:260px}.kanban-item-dragging .content{display:-ms-flexbox;display:flex;gap:16px}.kanban-item-dragging--over{left:12px;position:relative;top:-64px}"]
+    })
+], KanbanItemDraggingComponent);
+
+let KanbanModule = class KanbanModule {
+};
+KanbanModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            DragDropModule,
+            BadgeModule,
+            ButtonModule,
+            TieredMenuModule$1,
+        ],
+        declarations: [
+            KanbanComponent,
+            KanbanItemComponent,
+            KanbanColumnComponent,
+            KanbanItemDraggingComponent,
+            TemplateDirective,
+        ],
+        exports: [
+            KanbanComponent,
+            TemplateDirective,
+        ],
+        providers: [KanbanEventService],
+    })
+], KanbanModule);
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, RadioButtonComponent as ɵba, RowComponent as ɵbb, SectionComponent as ɵbc, SelectFieldComponent as ɵbd, SliderFieldComponent as ɵbe, TextAreaFieldComponent as ɵbf, TextAreaIAFieldComponent as ɵbg, IAssistService as ɵbh, TextFieldComponent as ɵbi, DecimalField as ɵbk, SideTableComponent as ɵbl, StructureModule as ɵbm, HeaderComponent as ɵbn, FooterComponent as ɵbo, NumberLocaleOptions as ɵbp, ThumbnailService as ɵbq, BorderButtonModule as ɵbr, BorderButtonComponent as ɵbs, SlidePanelService as ɵbt, TimelineItemModule as ɵbu, TimelineIconItemComponent as ɵbv, HorizontalTimelineModule as ɵbw, HorizontalTimelineComponent as ɵbx, VerticalTimelineModule as ɵby, VerticalTimelineComponent as ɵbz, CountryPhonePickerService as ɵc, RangeLineComponent as ɵca, CollapseOptionComponent as ɵcb, CollapsedItemsComponent as ɵcc, VerticalItemsComponent as ɵcd, InfiniteScrollModule as ɵce, InfiniteScrollDirective as ɵcf, CustomTranslationsModule as ɵcg, CodeEditorComponent as ɵch, CoreFacade as ɵci, CodeMirror6Core as ɵcj, TieredMenuEventService as ɵck, TieredMenuService as ɵcl, TieredMenuComponent as ɵcm, TieredMenuNestedComponent as ɵcn, TieredMenuItemComponent as ɵco, TieredMenuDividerComponent as ɵcp, ProgressBarDeterminateComponent as ɵcq, ProgressBarIndeterminateComponent as ɵcr, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BignumberFieldComponent as ɵm, BooleanFieldComponent as ɵn, BooleanSwitchFieldComponent as ɵo, CalendarFieldComponent as ɵp, ChipsFieldComponent as ɵq, CountryPhonePickerFieldComponent as ɵr, CurrencyFieldComponent as ɵs, DynamicFieldComponent as ɵt, DynamicFormDirective as ɵu, FieldsetComponent as ɵv, FileUploadComponent$1 as ɵw, LookupFieldComponent as ɵx, NumberFieldComponent as ɵy, PasswordFieldComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, RadioButtonComponent as ɵba, RowComponent as ɵbb, SectionComponent as ɵbc, SelectFieldComponent as ɵbd, SliderFieldComponent as ɵbe, TextAreaFieldComponent as ɵbf, TextAreaIAFieldComponent as ɵbg, IAssistService as ɵbh, TextFieldComponent as ɵbi, DecimalField as ɵbk, SideTableComponent as ɵbl, StructureModule as ɵbm, HeaderComponent as ɵbn, FooterComponent as ɵbo, NumberLocaleOptions as ɵbp, ThumbnailService as ɵbq, BorderButtonModule as ɵbr, BorderButtonComponent as ɵbs, SlidePanelService as ɵbt, TimelineItemModule as ɵbu, TimelineIconItemComponent as ɵbv, HorizontalTimelineModule as ɵbw, HorizontalTimelineComponent as ɵbx, VerticalTimelineModule as ɵby, VerticalTimelineComponent as ɵbz, CountryPhonePickerService as ɵc, RangeLineComponent as ɵca, CollapseOptionComponent as ɵcb, CollapsedItemsComponent as ɵcc, VerticalItemsComponent as ɵcd, InfiniteScrollModule as ɵce, InfiniteScrollDirective as ɵcf, CustomTranslationsModule as ɵcg, CodeEditorComponent as ɵch, CoreFacade as ɵci, CodeMirror6Core as ɵcj, TieredMenuEventService as ɵck, TieredMenuService as ɵcl, TieredMenuComponent as ɵcm, TieredMenuNestedComponent as ɵcn, TieredMenuItemComponent as ɵco, TieredMenuDividerComponent as ɵcp, ProgressBarDeterminateComponent as ɵcq, ProgressBarIndeterminateComponent as ɵcr, KanbanEventService as ɵcs, KanbanItemComponent as ɵct, KanbanColumnComponent as ɵcu, KanbanItemDraggingComponent as ɵcv, LocalizedCurrencyImpurePipe as ɵd, LocalizedBignumberPipe as ɵe, LocalizedBignumberImpurePipe as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BignumberFieldComponent as ɵm, BooleanFieldComponent as ɵn, BooleanSwitchFieldComponent as ɵo, CalendarFieldComponent as ɵp, ChipsFieldComponent as ɵq, CountryPhonePickerFieldComponent as ɵr, CurrencyFieldComponent as ɵs, DynamicFieldComponent as ɵt, DynamicFormDirective as ɵu, FieldsetComponent as ɵv, FileUploadComponent$1 as ɵw, LookupFieldComponent as ɵx, NumberFieldComponent as ɵy, PasswordFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map