@seniorsistemas/angular-components 17.2.20 → 17.3.1

package/fesm5/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';
 
 var AccordionPanelComponent = /** @class */ (function () {
     function AccordionPanelComponent() {
@@ -11850,6 +11851,7 @@ var SlidePanelComponent = /** @class */ (function () {
         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;
@@ -11880,6 +11882,9 @@ var SlidePanelComponent = /** @class */ (function () {
             _this._calculateSlideHeight();
             _this._calculateSideContentWidth();
             _this.isContentAnimationDisabled = false;
+            if (_this.createOpen) {
+                _this.isOpen = true;
+            }
         });
     };
     SlidePanelComponent.prototype.ngOnDestroy = function () {
@@ -11933,6 +11938,9 @@ var SlidePanelComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], SlidePanelComponent.prototype, "cache", void 0);
+    __decorate([
+        Input()
+    ], SlidePanelComponent.prototype, "createOpen", void 0);
     __decorate([
         Output()
     ], SlidePanelComponent.prototype, "panelOpened", void 0);
@@ -15492,7 +15500,7 @@ var ProgressBarDeterminateComponent = /** @class */ (function () {
         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);
     return ProgressBarDeterminateComponent;
@@ -15751,6 +15759,8 @@ var PanelModule = /** @class */ (function () {
 }());
 
 var 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",
@@ -16047,9 +16057,432 @@ var 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 = {}));
+
+var TemplateDirective = /** @class */ (function () {
+    function TemplateDirective(template) {
+        this.template = template;
+    }
+    TemplateDirective.ctorParameters = function () { return [
+        { type: TemplateRef }
+    ]; };
+    __decorate([
+        Input("sTemplate")
+    ], TemplateDirective.prototype, "type", void 0);
+    TemplateDirective = __decorate([
+        Directive({
+            selector: "[sTemplate]",
+        })
+    ], TemplateDirective);
+    return TemplateDirective;
+}());
+
+var KanbanEventService = /** @class */ (function () {
+    function KanbanEventService() {
+        this.selectAllColumnItemsEvent = new EventEmitter();
+        this.unselectAllColumnItemsEvent = new EventEmitter();
+        this.selectItemEvent = new EventEmitter();
+        this.unselectItemEvent = new EventEmitter();
+    }
+    KanbanEventService.prototype.emitSelectAllColumnItemsEvent = function (column) {
+        this.selectAllColumnItemsEvent.emit(column);
+    };
+    KanbanEventService.prototype.emitUnselectAllColumnItemsEvent = function (column) {
+        this.unselectAllColumnItemsEvent.emit(column);
+    };
+    KanbanEventService.prototype.emitSelectItemEvent = function (item) {
+        this.selectItemEvent.emit(item);
+    };
+    KanbanEventService.prototype.emitUnselectItemEvent = function (item) {
+        this.unselectItemEvent.emit(item);
+    };
+    KanbanEventService = __decorate([
+        Injectable()
+    ], KanbanEventService);
+    return KanbanEventService;
+}());
+
+var KanbanComponent = /** @class */ (function () {
+    function KanbanComponent(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();
+    }
+    KanbanComponent.prototype.ngOnInit = function () {
+        this._subscribeEvents();
+        this._normalizeData();
+        this._validateInputs();
+    };
+    KanbanComponent.prototype.ngAfterContentInit = function () {
+        this._getTemplates();
+    };
+    KanbanComponent.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    };
+    KanbanComponent.prototype.drop = function (event) {
+        var _this = this;
+        var _a;
+        var previousColumn = this.data.columns.find(function (column) { return column.id === event.previousContainer.id; });
+        var targetColumn = this.data.columns.find(function (column) { return 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(function (item) {
+            var 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: __spread(this.selectedItems),
+            previousColumn: previousColumn,
+            targetColumn: targetColumn,
+        });
+        if ((_a = this.dataUpdated.observers) === null || _a === void 0 ? void 0 : _a.length) {
+            this.dataUpdated.emit(__assign({}, this.data));
+        }
+        this.data.columns.forEach(function (column) {
+            _this.kanbanEventService.emitUnselectAllColumnItemsEvent(column);
+        });
+        this.selectedItems.clear();
+    };
+    KanbanComponent.prototype.selectItem = function (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);
+        }
+    };
+    KanbanComponent.prototype.dragStarted = function () {
+        var _this = this;
+        this.selectedItems.forEach(function (item) {
+            _this.draggingItems.add(item);
+        });
+    };
+    KanbanComponent.prototype.dragReleased = function () {
+        this.draggingItems.clear();
+    };
+    KanbanComponent.prototype.getLinkedColumns = function (currentColumn) {
+        return this.data.columns
+            .filter(function (column) { return column != currentColumn; })
+            .map(function (column) { return column.id; });
+    };
+    KanbanComponent.prototype.getColumnHeaderTemplate = function () {
+        return this._getCustomTemplate(KanbanTemplateTypes.ColumnHeader);
+    };
+    KanbanComponent.prototype.getColumnEmptyMessageTemplate = function () {
+        return this._getCustomTemplate(KanbanTemplateTypes.ColumnEmptyMessage);
+    };
+    KanbanComponent.prototype.getItemHeaderTemplate = function () {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemHeader);
+    };
+    KanbanComponent.prototype.getItemBodyTemplate = function () {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemBody);
+    };
+    KanbanComponent.prototype.getItemFooterTemplate = function () {
+        return this._getCustomTemplate(KanbanTemplateTypes.ItemFooter);
+    };
+    KanbanComponent.prototype._getCustomTemplate = function (type) {
+        var _a;
+        return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
+    };
+    KanbanComponent.prototype._subscribeEvents = function () {
+        var _this = this;
+        this.kanbanEventService.selectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (column) {
+            column.items
+                .filter(function (item) { return !item.disabled; })
+                .forEach(function (item) {
+                _this.selectedItems.add(item);
+            });
+            _this.selectedColumn = column;
+            _this.itemsSelected.emit(__spread(_this.selectedItems));
+        });
+        this.kanbanEventService.unselectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (_) {
+            _this.selectedItems.clear();
+        });
+        this.kanbanEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (item) {
+            if (_this.selectedColumn && !_this.selectedColumn.items.includes(item)) {
+                _this.selectedItems.clear();
+            }
+            _this.selectedItems.add(item);
+            _this.itemsSelected.emit(__spread(_this.selectedItems));
+            // Finding the item column and setting selectedColumn.
+            _this.data.columns.forEach(function (column) {
+                column.items.forEach(function (currentItem) {
+                    if (currentItem === item) {
+                        _this.selectedColumn = column;
+                        return;
+                    }
+                });
+            });
+        });
+        this.kanbanEventService.unselectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (item) {
+            _this.selectedItems.delete(item);
+        });
+    };
+    KanbanComponent.prototype._normalizeData = function () {
+        this.data.columns.forEach(function (column) {
+            column.id = column.id || "id-" + Math.random().toString(36).substring(2, 9) + "-" + Date.now().toString(36);
+        });
+    };
+    KanbanComponent.prototype._validateInputs = function () {
+        var columns = this.data.columns;
+        var columnIds = this.data.columns.map(function (column) { return column.id; });
+        if (new Set(columnIds).size !== columns.length) {
+            throw new Error("Repeated IDs are not accepted.");
+        }
+    };
+    KanbanComponent.prototype._getTemplates = function () {
+        this.columnHeaderTemplate = this.getColumnHeaderTemplate();
+        this.columnEmptyMessageTemplate = this.getColumnEmptyMessageTemplate();
+        this.itemHeaderTemplate = this.getItemHeaderTemplate();
+        this.itemBodyTemplate = this.getItemBodyTemplate();
+        this.itemFooterTemplate = this.getItemFooterTemplate();
+    };
+    KanbanComponent.ctorParameters = function () { return [
+        { 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);
+    return KanbanComponent;
+}());
+
+var KanbanItemComponent = /** @class */ (function () {
+    function KanbanItemComponent(_kanbanEventService) {
+        this._kanbanEventService = _kanbanEventService;
+        this.selected = false;
+    }
+    KanbanItemComponent.prototype.onSelectedChange = function (value) {
+        if (value) {
+            this._kanbanEventService.emitSelectItemEvent(this.item);
+        }
+        else {
+            this._kanbanEventService.emitUnselectItemEvent(this.item);
+        }
+    };
+    KanbanItemComponent.ctorParameters = function () { return [
+        { 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);
+    return KanbanItemComponent;
+}());
+
+var KanbanColumnComponent = /** @class */ (function () {
+    function KanbanColumnComponent(kanbanEventService) {
+        this.kanbanEventService = kanbanEventService;
+        this.selectionControl = new FormControl(false);
+        this._unsubscribe$ = new Subject();
+    }
+    KanbanColumnComponent.prototype.ngOnInit = function () {
+        this._validateInputs();
+        this._subscriveEvents();
+    };
+    KanbanColumnComponent.prototype.ngOnDestroy = function () {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    };
+    KanbanColumnComponent.prototype._subscriveEvents = function () {
+        var _this = this;
+        this.selectionControl.valueChanges
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (value) {
+            if (value) {
+                _this.kanbanEventService.emitSelectAllColumnItemsEvent(_this.data);
+            }
+            else {
+                _this.kanbanEventService.emitUnselectAllColumnItemsEvent(_this.data);
+            }
+        });
+        this.kanbanEventService.unselectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (_) {
+            _this.selectionControl.setValue(false, { emitEvent: false });
+        });
+        this.kanbanEventService.selectItemEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (item) {
+            if (!_this.data.items.includes(item)) {
+                _this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+        this.kanbanEventService.selectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (column) {
+            if (_this.data !== column) {
+                _this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+        this.kanbanEventService.unselectAllColumnItemsEvent
+            .pipe(takeUntil(this._unsubscribe$))
+            .subscribe(function (column) {
+            if (_this.data !== column) {
+                _this.selectionControl.setValue(false, { emitEvent: false });
+            }
+        });
+    };
+    KanbanColumnComponent.prototype._validateInputs = function () {
+        if (!this.data) {
+            throw new Error("data parameter is required");
+        }
+    };
+    KanbanColumnComponent.ctorParameters = function () { return [
+        { 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);
+    return KanbanColumnComponent;
+}());
+
+var KanbanItemDraggingComponent = /** @class */ (function () {
+    function KanbanItemDraggingComponent() {
+        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);
+    return KanbanItemDraggingComponent;
+}());
+
+var KanbanModule = /** @class */ (function () {
+    function 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);
+    return 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