@colijnit/corecomponents_v12 258.1.1 → 258.1.3

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -12839,7 +12839,12 @@
             var filterRange = [];
             this.collection.forEach(function (viewModel) {
                 if (viewModel.checked) {
-                    filterRange.push(viewModel.code.toString());
+                    if (typeof viewModel.code === 'string') {
+                        filterRange.push(viewModel.code.toString());
+                    }
+                    else if (typeof viewModel.code === 'number') {
+                        filterRange.push(viewModel.code);
+                    }
                 }
             });
             if (filterRange.length > 0) {
@@ -12985,11 +12990,11 @@
             this._model = collectionModel;
             if (collectionModel !== null && collectionModel !== undefined && this.collection !== null && this.collection !== undefined) {
                 this.collection.forEach(function (viewModel) {
-                    if (collectionModel.indexOf(viewModel.code.toString()) > -1) {
-                        viewModel.checked = true;
+                    if (typeof collectionModel.indexOf(viewModel.code) === 'string') {
+                        viewModel.checked = collectionModel.indexOf(viewModel.code.toString()) > -1;
                     }
-                    else {
-                        viewModel.checked = false;
+                    else if (typeof collectionModel.indexOf(viewModel.code) === 'number') {
+                        viewModel.checked = collectionModel.indexOf(viewModel.code) > -1;
                     }
                 });
             }
@@ -14986,12 +14991,28 @@
             onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
             event.dataTransfer.setData("text", JSON.stringify({ obj: obj }));
         };
+        HourSchedulingExpandableTemplateComponent.prototype.leftForObject = function (index, objects) {
+            if (index === 0) {
+                return 0;
+            }
+            else {
+                return index * this.widthForObject(index, objects);
+            }
+        };
+        HourSchedulingExpandableTemplateComponent.prototype.widthForObject = function (index, objects) {
+            if (objects.length > 1) {
+                return 100 / objects.length;
+            }
+            if (objects.length === 1) {
+                return 100;
+            }
+        };
         return HourSchedulingExpandableTemplateComponent;
     }());
     HourSchedulingExpandableTemplateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-hour-scheduling-expandable-template",
-                    template: "\n      <div\n        *ngFor=\"let obj of objects\"\n        [class]=\"'custom-scheduled-object'\"\n        [class.selected]=\"obj['selected']\"\n        [draggable]=\"!obj['selected']\"\n        [style.--height]=\"obj['height'] + 'px'\"\n        [style.--top]=\"obj['top'] + 'px'\"\n        (click)=\"onSelectBlock(obj)\"\n        (dragstart)=\"onExpandableDragStart($event, obj, onDragStartCustom(obj) )\">\n\n        <div\n          *ngIf=\"obj['selected']\"\n          class=\"top-resizer\"\n          (mousedown)=\"onResizeStart($event, obj, 'top')\"></div>\n        <ng-template\n          [ngTemplateOutlet]=\"objectTemplate\"\n          [ngTemplateOutletContext]=\"{\n              object: obj\n            }\"\n        >\n        </ng-template>\n        <div *ngIf=\"obj['selected']\"\n             class=\"bottom-resizer\"\n             (mousedown)=\"onResizeStart($event, obj, 'bottom')\"></div>\n      </div>\n    ",
+                    template: "\n        <div class=\"row\">\n            <div\n                    *ngFor=\"let obj of objects\"\n                    [class]=\"'custom-scheduled-object'\"\n                    [class.selected]=\"obj['selected']\"\n                    [draggable]=\"!obj['selected']\"\n                    [style.--height]=\"obj['height'] + 'px'\"\n                    [style.--top]=\"obj['top'] + 'px'\"\n                    [style.--left]=\"leftForObject(objects.indexOf(obj), objects) + '%'\"\n                    [style.--width]=\"widthForObject(objects.indexOf(obj), objects) + '%'\"\n                    (click)=\"onSelectBlock(obj)\"\n                    (dragstart)=\"onExpandableDragStart($event, obj, onDragStartCustom(obj) )\">\n\n                <div\n                        *ngIf=\"obj['selected']\"\n                        class=\"top-resizer\"\n                        (mousedown)=\"onResizeStart($event, obj, 'top')\"></div>\n                <ng-template\n                        [ngTemplateOutlet]=\"objectTemplate\"\n                        [ngTemplateOutletContext]=\"{\n              object: obj\n            }\"\n                >\n                </ng-template>\n                <div *ngIf=\"obj['selected']\"\n                     class=\"bottom-resizer\"\n                     (mousedown)=\"onResizeStart($event, obj, 'bottom')\"></div>\n            </div>\n        </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];