@colijnit/corecomponents_v12 12.2.16 → 12.2.18

package/fesm2015/colijnit-corecomponents_v12.js

@@ -4904,7 +4904,7 @@ class FormComponent {
 }
 FormComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-form-test",
+                selector: "co-form",
                 template: `
     <ng-content></ng-content>
   `,
@@ -5324,6 +5324,7 @@ class BaseInputDatePickerDirective extends BaseInputComponent {
         super(...arguments);
         this.rightIcon = CoreComponentsIcon.CalendarDayRegular;
         this.locale = 'en-EN';
+        this.leftIconClick = new EventEmitter();
         this.closeAfterDateSelection = true;
     }
 }
@@ -5336,6 +5337,7 @@ BaseInputDatePickerDirective.propDecorators = {
     placeholder: [{ type: Input }],
     leftIcon: [{ type: Input }],
     leftIconData: [{ type: Input }],
+    leftIconClick: [{ type: Output }],
     closeAfterDateSelection: [{ type: Input }]
 };
 
@@ -5448,6 +5450,7 @@ InputDatePickerComponent.decorators = [
                      [pattern]="'yyyy-MM-dd'"
                      [type]="'date'"
                      [placeholder]="placeholder"
+                     (leftIconClick)="leftIconClick.emit($event)"
                      (rightIconClick)="toggleCalendar(true)"
                      (blur)="handleDateChange(modelAsString)"
                      (clearIconClick)="handleClearIconClicked()"
@@ -5597,7 +5600,13 @@ class OverlayDirective {
             this._elementRef.nativeElement.style.width = parentRect.width + "px";
         }
         if (this.rightAlign) {
-            this._elementRef.nativeElement.style.left = (parentRect.right - elementRect.width) + "px";
+            let left = (parentRect.right - elementRect.width);
+            if (this.keepInView) {
+                const viewToKeepIn = this.view ? this.view : window;
+                const viewLeft = viewToKeepIn.offsetLeft || 0;
+                left = Math.max(left, viewLeft);
+            }
+            this._elementRef.nativeElement.style.left = left + "px";
         }
         else if (this.fullSize) {
             this._elementRef.nativeElement.style.left = "0px";
@@ -7524,7 +7533,7 @@ class InputRadioButtonComponent extends BaseInputComponent {
         event.preventDefault();
         event.stopPropagation();
         if (!this.readonly) {
-            this.model = !this.model;
+            this.model = true;
             this.modelChange.next(this.model);
             if (this.control) {
                 this.control.markAsDirty({ onlySelf: true });
@@ -9065,6 +9074,7 @@ class BaseSimpleGridComponent {
         this.columns = [];
         this.headerColumns = [];
         this._data = [];
+        this.disabledRows = [];
         this._prepared = false;
     }
     set content(columnComponents) {
@@ -9124,6 +9134,8 @@ class BaseSimpleGridComponent {
     singleColumnIndex(row) {
         return row.singleColumnIndex;
     }
+    prepareDataRow(row, index) {
+    }
     _setColumns(columns) {
         this.columns.push(...columns);
         this.columns.sort((a, b) => a.order < b.order ? -1 : 1);
@@ -9132,6 +9144,7 @@ class BaseSimpleGridComponent {
         if (this._prepared) {
             return;
         }
+        this.disabledRows.length = 0;
         if (this.columns && this.columns.length > 0) {
             this.headerColumns = this.columns.filter(c => !c.singleColumn);
             let singleColumnIndex = -1;
@@ -9149,6 +9162,7 @@ class BaseSimpleGridComponent {
                         // bit nasty to add prop, but cool for now
                         this.data[i].singleColumnIndex = singleColumnIndex;
                     }
+                    this.prepareDataRow(this.data[i], i);
                 }
             }
             this._prepared = true;
@@ -9249,13 +9263,30 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     handleClickOutsideRow() {
         this.validateAndSave();
     }
-    isRowDisabled(row) {
-        if (this.rowDisabledFn && (typeof this.rowDisabledFn === 'function')) {
-            return this.rowDisabledFn.call(this, row);
-        }
-        else {
-            return false;
-        }
+    getIsRowDisabled(idx) {
+        return this.disabledRows.indexOf(idx) > -1;
+    }
+    isRowDisabled(row, index) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.rowDisabledFn && (typeof this.rowDisabledFn === 'function')) {
+                const disabled = yield this.rowDisabledFn.call(this, row);
+                const idxRow = this.disabledRows.indexOf(index);
+                if (disabled) {
+                    if (idxRow < 0) {
+                        this.disabledRows.push(index);
+                    }
+                }
+                else {
+                    if (idxRow > -1) {
+                        this.disabledRows.splice(idxRow, 1);
+                    }
+                }
+                return disabled;
+            }
+            else {
+                return false;
+            }
+        });
     }
     isSingleColumn(column) {
         return column.singleColumn;
@@ -9314,10 +9345,6 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.deleteRow.next(this.data[this.selectedRowIndex]);
     }
     handleClickRow(event, index, row) {
-        if (this.isRowDisabled(row)) {
-            this.selectedRowIndex = -1;
-            return;
-        }
         setTimeout(() => {
             if (this._doubleClicked) {
                 return;
@@ -9336,13 +9363,13 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     }
     handleDblClickRow(event, index, row) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.isRowDisabled(row)) {
+            if (yield this.isRowDisabled(row, index)) {
                 this.selectedRowIndex = -1;
                 return;
             }
             let canEdit = true;
             if (this.canRowBeEdittedFn && typeof this.canRowBeEdittedFn === 'function') {
-                canEdit = yield this.canRowBeEdittedFn.call(this);
+                canEdit = yield this.canRowBeEdittedFn.call(this, row);
             }
             if (canEdit) {
                 this._doubleClicked = true;
@@ -9367,23 +9394,28 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._detectChanges();
     }
     handleCellClick(event, row, rowIndex, cellIndex) {
-        if (this.editOnCellClick) {
-            if (this.isRowDisabled(row)) {
-                this.selectedRowIndex = -1;
-                return;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.editOnCellClick) {
+                if (yield this.isRowDisabled(row, rowIndex)) {
+                    this.selectedRowIndex = -1;
+                    return;
+                }
+                this.selectTheRow(rowIndex, false);
+                if (this.inlineEdit) {
+                    this.editRowIndex = rowIndex;
+                    this.editCellIndex = cellIndex;
+                    this.editing = true;
+                    this.editRow(event, false);
+                }
             }
-            this.selectTheRow(rowIndex, false);
-            if (this.inlineEdit) {
-                this.editRowIndex = rowIndex;
+            else {
                 this.editCellIndex = cellIndex;
-                this.editing = true;
-                this.editRow(event, false);
             }
-        }
-        else {
-            this.editCellIndex = cellIndex;
-        }
-        this._detectChanges();
+            this._detectChanges();
+        });
+    }
+    prepareDataRow(row, index) {
+        this.isRowDisabled(row, index);
     }
     _resetDblClick() {
         setTimeout(() => {
@@ -9572,10 +9604,10 @@ SimpleGridComponent.decorators = [
              [cdkDropListEnterPredicate]="handleCanDragDrop"
              (cdkDropListDropped)="handleDrop($event)">
         <tr class="simple-grid-row" [class.selected]="rowIndex === selectedRowIndex && !editing" observeVisibility
-            [class.disabled]="isRowDisabled(row)"
+            [class.disabled]="getIsRowDisabled(rowIndex)"
           [class.editing]="rowIndex === editRowIndex" *ngFor="let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index" cdkDrag
           (click)="handleClickRow($event, rowIndex, row)" (dblclick)="handleDblClickRow($event, rowIndex, row)" (visibilityChange)="rowVisible.next(row)">
-          <co-form-test class="simple-grid-row-form">
+          <co-form class="simple-grid-row-form">
             <ng-container *ngIf="isSingleColumnRow(row)">
               <td class="simple-grid-single-column-cell" [attr.colspan]="headerColumns.length">
                 <co-simple-grid-cell
@@ -9599,7 +9631,7 @@ SimpleGridComponent.decorators = [
                 </td>
               </ng-container>
             </ng-container>
-          </co-form-test>
+          </co-form>
         </tr>
       </tbody>
     </table>
@@ -10840,6 +10872,7 @@ class ListOfValuesComponent extends BaseInputComponent {
         }
         this.model = option;
         this.modelChange.emit(this.model);
+        this.detectChanges();
     }
     closePopup() {
         this.keepFocussed = false;
@@ -12428,8 +12461,8 @@ LoaderComponent.decorators = [
             <ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.0887 100.8995)" class="circle" cx="101.25" cy="101.25" rx="77.58"
                      ry="77.58"/>
         </g>
-        <g>
-            <circle id="ring" class="ring-color" cx="100" cy="100" r="90" fill="transparent" />
+        <g id="ring" fill="none">
+            <circle id="ring-loader" class="ring-color" cx="100" cy="100" r="90" fill="none" />
         </g>
         <g id="js">
           <path class="main-color" d="M87.93,149.17c-0.12-0.17-0.08-0.4,0.09-0.52l0.61-0.45c2.92-2.14,4.34-4.61,4.34-7.56l0-20.64h2.47
@@ -12503,6 +12536,58 @@ LoaderModule.decorators = [
             },] }
 ];
 
+class TileSelectComponent {
+    constructor() {
+        this.selected = false;
+        this.readonly = false;
+        this.showRadioButton = true;
+        this.selectedChange = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+}
+TileSelectComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-tile-select',
+                template: `
+      <div class="co-tile-wrapper" (click)="selectedChange.emit(selected)">
+          <div class="co-tile-select-wrapper" *ngIf="showRadioButton">
+              <co-input-radio-button [model]="selected" [readonly]="selected || readonly" (modelChange)="selectedChange.emit($event)"></co-input-radio-button>
+          </div>
+          <div class="co-tile-content-wrapper">
+              <ng-content></ng-content>
+          </div>
+      </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TileSelectComponent.propDecorators = {
+    selected: [{ type: HostBinding, args: ['class.selected',] }, { type: Input }],
+    readonly: [{ type: Input }],
+    showRadioButton: [{ type: Input }],
+    selectedChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-tile-select',] }]
+};
+
+class TileSelectModule {
+}
+TileSelectModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputRadioButtonModule
+                ],
+                declarations: [
+                    TileSelectComponent
+                ],
+                exports: [
+                    TileSelectComponent
+                ]
+            },] }
+];
+
 class FilterPipe {
     transform(items, field, value) {
         if (!items || !field) {
@@ -13194,5 +13279,5 @@ ColorSequenceService.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, ConfirmationDialogComponent as ɵbe, DialogBaseComponent as ɵbf, CoreDynamicComponentService as ɵbg, PrependPipeModule as ɵbh, PrependPipe as ɵbi, CheckmarkOverlayComponent as ɵbj, ScannerService as ɵbk, TooltipModule as ɵbl, TooltipComponent as ɵbm, TooltipDirective as ɵbn, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
+export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, ConfirmationDialogComponent as ɵbe, DialogBaseComponent as ɵbf, CoreDynamicComponentService as ɵbg, PrependPipeModule as ɵbh, PrependPipe as ɵbi, CheckmarkOverlayComponent as ɵbj, ScannerService as ɵbk, TooltipModule as ɵbl, TooltipComponent as ɵbm, TooltipDirective as ɵbn, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map