@colijnit/corecomponents_v12 260.1.3 → 260.1.5

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -5969,6 +5969,7 @@
             _this.ngZoneWrapper = ngZoneWrapper;
             _this.elementRef = elementRef;
             _this.firstDayOfWeek = '';
+            _this.showClearButton = true;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
@@ -6048,7 +6049,7 @@
     InputDatePickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-date',
-                    template: "\n      <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n                     [hidden]=\"hidden\"\n                     [readonly]=\"readonly\"\n                     [(model)]=\"modelAsString\"\n                     [rightIcon]=\"rightIcon\"\n                     [leftIcon]=\"leftIcon\"\n                     [leftIconData]=\"leftIconData\"\n                     [pattern]=\"'yyyy-MM-dd'\"\n                     [type]=\"'date'\"\n                     [placeholder]=\"placeholder\"\n                     (leftIconClick)=\"leftIconClick.emit($event)\"\n                     (rightIconClick)=\"toggleCalendar(true)\"\n                     (modelChange)=\"modelAsString = $event\"\n                     (clearIconClick)=\"handleClearIconClicked()\"\n                     [emptyPlace]=\"true\"\n                     [firstDayOfWeek]=\"firstDayOfWeek\"\n                     (keydown.enter)=\"finalizeDate()\"\n                     (keydown.tab)=\"finalizeDate()\"\n                     (blur)=\"finalizeDate()\"\n      ></co-input-text>\n    ",
+                    template: "\n      <co-input-text (clickOutside)=\"toggleCalendar(false)\" overlayParent #parentForOverlay=\"overlayParent\"\n                     [hidden]=\"hidden\"\n                     [readonly]=\"readonly\"\n                     [(model)]=\"modelAsString\"\n                     [rightIcon]=\"rightIcon\"\n                     [leftIcon]=\"leftIcon\"\n                     [leftIconData]=\"leftIconData\"\n                     [pattern]=\"'yyyy-MM-dd'\"\n                     [type]=\"'date'\"\n                     [placeholder]=\"placeholder\"\n                     [showClearButton]=\"showClearButton\"\n                     (leftIconClick)=\"leftIconClick.emit($event)\"\n                     (rightIconClick)=\"toggleCalendar(true)\"\n                     (modelChange)=\"modelAsString = $event\"\n                     (clearIconClick)=\"handleClearIconClicked()\"\n                     [emptyPlace]=\"true\"\n                     [firstDayOfWeek]=\"firstDayOfWeek\"\n                     (keydown.enter)=\"finalizeDate()\"\n                     (keydown.tab)=\"finalizeDate()\"\n                     (blur)=\"finalizeDate()\"\n      ></co-input-text>\n    ",
                     providers: [
                         OverlayService, {
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputDatePickerComponent; })
@@ -6071,6 +6072,7 @@
     ]; };
     InputDatePickerComponent.propDecorators = {
         firstDayOfWeek: [{ type: i0.Input }],
+        showClearButton: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-input-date',] }]
     };
 
@@ -11697,6 +11699,7 @@
             this.iconCacheService = iconCacheService;
             this._elementRef = _elementRef;
             this.multiselect = false;
+            this.showToggleAll = false;
             this.displayField = 'description';
             this.searchDisabled = false;
             this.modelChange = new i0.EventEmitter();
@@ -11704,6 +11707,7 @@
             this.keyDown = new i0.EventEmitter();
             this.viewModels = [];
             this.viewModelsMain = [];
+            this.allSelected = false;
             this._collection = [];
             this._searchTerm = '';
             this._lovItems = [];
@@ -11875,6 +11879,27 @@
                 this._scrollIntoView();
             }
         };
+        ListOfValuesPopupComponent.prototype.selectAll = function () {
+            if (this.viewModels.length > 0) {
+                this.viewModels.forEach(function (vm) { return vm.checked = true; });
+                this.selectOptions();
+            }
+        };
+        ListOfValuesPopupComponent.prototype.toggleAll = function () {
+            if (!this.allSelected) {
+                if (this.viewModels.length > 0) {
+                    this.viewModels.forEach(function (vm) { return vm.checked = true; });
+                    this.selectOptions();
+                }
+            }
+            else {
+                if (this.viewModels.length > 0) {
+                    this.viewModels.forEach(function (vm) { return vm.checked = false; });
+                    this.selectOptions();
+                }
+            }
+            this.allSelected = !this.allSelected;
+        };
         ListOfValuesPopupComponent.prototype._prepareViewModelsMain = function () {
             var _this = this;
             this.viewModelsMain.length = 0;
@@ -11918,7 +11943,7 @@
     ListOfValuesPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-values-popup',
-                    template: "\n    <div class=\"lov-options\" [overlay]=\"parentForOverlay\" [inheritWidth]=\"true\" [ngClass]=\"customCssClass\"\n         id=\"lov-popup\"\n         role=\"listbox\" [tabindex]=\"-1\"\n         (clickOutside)=\"closePopup.emit($event)\">\n      <co-input-search *ngIf=\"multiselect\"\n                       tabindex=\"-1\"\n                       [(model)]=\"searchTerm\"\n                       [placeholder]=\"searchPlaceholder\"\n                       (keydown)=\"handleInputKeyDown($event)\"\n                       (modelChange)=\"filterViewModels()\"></co-input-search>\n      <ul class=\"dropdown-list\" #dropDownList>\n        <li\n          #lovItem\n          *ngFor=\"let viewModel of viewModels; let index = index\"\n          [class.selected]=\"viewModel === highLightModel || viewModels.length === 1\"\n          (click)=\"selectViewModel(viewModel, !multiselect)\"\n          role=\"option\">\n          <ng-container *ngIf=\"!multiselect\">\n              <co-icon *ngIf=\"viewModel.model[optionIcon]\" class=\"input-text-left-icon\" [iconData]=\"iconCacheService.getIcon(viewModel.model[optionIcon])\">\n              </co-icon>\n            <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n          </ng-container>\n          <ng-container *ngIf=\"multiselect\">\n            <co-input-checkbox [model]=\"viewModel.checked\"\n                               (modelChange)=\"selectViewModel(viewModel, false)\"></co-input-checkbox>\n            <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n          </ng-container>\n        </li>\n      </ul>\n    </div>\n  ",
+                    template: "\n      <div class=\"lov-options\" [overlay]=\"parentForOverlay\" [inheritWidth]=\"true\" [ngClass]=\"customCssClass\"\n           id=\"lov-popup\"\n           role=\"listbox\" [tabindex]=\"-1\"\n           (clickOutside)=\"closePopup.emit($event)\">\n          <co-input-search *ngIf=\"multiselect\"\n                           tabindex=\"-1\"\n                           [(model)]=\"searchTerm\"\n                           [placeholder]=\"searchPlaceholder\"\n                           (keydown)=\"handleInputKeyDown($event)\"\n                           (modelChange)=\"filterViewModels()\"></co-input-search>\n          <div class=\"row gap\" *ngIf=\"showToggleAll && multiselect\">\n              <co-input-checkbox [model]=\"allSelected\" (modelChange)=\"toggleAll()\"></co-input-checkbox>\n              <span [textContent]=\"'DESELECT_ALL' | coreLocalize\" (click)=\"toggleAll()\"></span>\n          </div>\n          <ul class=\"dropdown-list\" #dropDownList>\n              <li\n                      #lovItem\n                      *ngFor=\"let viewModel of viewModels; let index = index\"\n                      [class.selected]=\"viewModel === highLightModel || viewModels.length === 1\"\n                      (click)=\"selectViewModel(viewModel, !multiselect)\"\n                      role=\"option\">\n                  <ng-container *ngIf=\"!multiselect\">\n                      <co-icon *ngIf=\"viewModel.model[optionIcon]\" class=\"input-text-left-icon\" [iconData]=\"iconCacheService.getIcon(viewModel.model[optionIcon])\">\n                      </co-icon>\n                      <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n                  </ng-container>\n                  <ng-container *ngIf=\"multiselect\">\n                      <co-input-checkbox [model]=\"viewModel.checked\"\n                                         (modelChange)=\"selectViewModel(viewModel, false)\"></co-input-checkbox>\n                      <span class=\"lov-options-text\" [textContent]=\"viewModel.model[displayField]\"></span>\n                  </ng-container>\n              </li>\n          </ul>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11932,6 +11957,7 @@
         inputSearch: [{ type: i0.ViewChild, args: [InputSearchComponent,] }],
         model: [{ type: i0.Input }],
         multiselect: [{ type: i0.Input }],
+        showToggleAll: [{ type: i0.Input }],
         displayField: [{ type: i0.Input }],
         searchPlaceholder: [{ type: i0.Input }],
         customCssClass: [{ type: i0.Input }],
@@ -11959,6 +11985,7 @@
             _this.elementRef = elementRef;
             _this.icons = exports.CoreComponentsIcon;
             _this.multiselect = false;
+            _this.showToggleAll = false;
             _this.largeCollection = false;
             _this.displayField = 'description';
             _this.searchDisabled = false;
@@ -12112,6 +12139,7 @@
                 searchPlaceholder: this.searchPlaceholder,
                 displayField: this.displayField,
                 multiselect: this.multiselect,
+                showToggleAll: this.showToggleAll,
                 model: this.model,
                 collection: this.collection,
                 optionIcon: this.optionIcon,
@@ -12221,6 +12249,7 @@
         model: [{ type: i0.Input }],
         parentForOverlay: [{ type: i0.ViewChild, args: ['parentForOverlay', { read: i0.ElementRef },] }],
         multiselect: [{ type: i0.HostBinding, args: ['class.custom-height',] }, { type: i0.HostBinding, args: ['class.multi-select',] }, { type: i0.Input }],
+        showToggleAll: [{ type: i0.Input }],
         largeCollection: [{ type: i0.Input }],
         displayField: [{ type: i0.Input }],
         optionIcon: [{ type: i0.Input }],
@@ -12348,7 +12377,8 @@
                         OverlayModule,
                         ClickoutsideModule,
                         IconModule,
-                        InputSearchModule
+                        InputSearchModule,
+                        CoreComponentsTranslationModule
                     ],
                     declarations: [
                         ListOfValuesComponent,
@@ -15363,6 +15393,11 @@
         };
         HourSchedulingExpandableComponent.prototype.handleDrop = function (dragEvent, hour) {
             var _this = this;
+            dragEvent.preventDefault();
+            dragEvent.stopPropagation();
+            if (!this.schedule[this.objectsProp] || !this.schedule[this.objectsProp].find(function (object) { return object[_this.idProp] === _this.currentDraggingObject.id; }) && this.currentDraggingObject) {
+                this.currentDraggingObject = undefined;
+            }
             if (this.currentDraggingObject) {
                 //The order was scheduled and needs to be moved
                 var start = this.currentDraggingObject.start;
@@ -15380,17 +15415,17 @@
                     scheduledObject.top = this.timeDifference(this.schedule[this.childProp][this.startTimeProp], scheduledObject.start);
                     scheduledObject.height = this.timeDifference(scheduledObject.start, scheduledObject.end);
                     this.timeChangeEvent.emit(originalObject);
-                    this.currentDraggingObject = undefined;
                 }
+                this.currentDraggingObject = undefined;
             }
             else {
                 var parsed = this.tryParseJSONObject(dragEvent.dataTransfer.getData("text"));
                 if (!parsed) {
                     this.newObjectPlanEvent.emit({ currentHour: hour, data: parsed.toString() });
-                    return;
                 }
-                //Move between calendars is still too buggy
-                this.moveBetweenCalendarsEvent.emit({ hour: hour, data: parsed });
+                else {
+                    this.moveBetweenCalendarsEvent.emit({ hour: hour, data: parsed });
+                }
             }
         };
         HourSchedulingExpandableComponent.prototype.allowDrop = function (event, hour) {
@@ -15577,8 +15612,10 @@
             return true;
         };
         HourSchedulingExpandableTemplateComponent.prototype.onExpandableDragStart = function (event, obj, onDragStartCustom) {
-            onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
-            event.dataTransfer.setData("text", JSON.stringify({ obj: obj }));
+            event.dataTransfer.setData('text', JSON.stringify({ obj: obj }));
+            if (onDragStartCustom) {
+                onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
+            }
         };
         HourSchedulingExpandableTemplateComponent.prototype.calculateLeftAndWidthOfObjects = function () {
             var layoutData = new Array(this._objects.length);
@@ -15590,8 +15627,9 @@
             var overlapGroups = [];
             var processed = new Set();
             for (var i = 0; i < this._objects.length; i++) {
-                if (processed.has(i))
+                if (processed.has(i)) {
                     continue;
+                }
                 var group = [i];
                 var objA = this._objects[i];
                 var startA = new Date(objA.start);
@@ -15625,8 +15663,8 @@
     }());
     HourSchedulingExpandableTemplateComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "co-hour-scheduling-expandable-template",
-                    template: "\n       \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]=\"layouts[objects.indexOf(obj)].leftPercent + '%'\"\n                    [style.--width]=\"layouts[objects.indexOf(obj)].widthPercent + '%'\"\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    ",
+                    selector: 'co-hour-scheduling-expandable-template',
+                    template: "\n\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]=\"layouts[objects.indexOf(obj)].leftPercent + '%'\"\n              [style.--width]=\"layouts[objects.indexOf(obj)].widthPercent + '%'\"\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  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15638,7 +15676,7 @@
         onSelectBlock: [{ type: i0.Input }],
         startTimeProp: [{ type: i0.Input }],
         endTimeProp: [{ type: i0.Input }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-hour-scheduling-expandable-template",] }]
+        showClass: [{ type: i0.HostBinding, args: ['class.co-hour-scheduling-expandable-template',] }]
     };
 
     var HourSchedulingExpandableTemplateModule = /** @class */ (function () {