@colijnit/corecomponents_v12 12.0.57 → 12.0.59

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1,4 +1,4 @@
-import { Injectable, Component, ViewEncapsulation, Input, HostBinding, NgModule, Optional, SkipSelf, InjectionToken, Directive, ElementRef, NgZone, Inject, EventEmitter, ChangeDetectionStrategy, Output, HostListener, Pipe, ChangeDetectorRef, ViewChild, ContentChildren, ComponentFactoryResolver, ViewContainerRef, forwardRef, NO_ERRORS_SCHEMA, Renderer2, ViewChildren, Injector, ApplicationRef, ContentChild } from '@angular/core';
+import { Injectable, Component, ViewEncapsulation, Input, HostBinding, NgModule, Optional, SkipSelf, InjectionToken, Directive, ElementRef, NgZone, Inject, EventEmitter, ChangeDetectionStrategy, Output, HostListener, Pipe, ChangeDetectorRef, ViewChild, ContentChildren, ComponentFactoryResolver, ViewContainerRef, forwardRef, Renderer2, ViewChildren, NO_ERRORS_SCHEMA, Injector, ApplicationRef, ContentChild } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -5592,6 +5592,119 @@ GridToolbarButtonModule.decorators = [
             },] }
 ];
 
+// Direction type for regular straight directions.
+var CoDirection;
+(function (CoDirection) {
+    CoDirection["Right"] = "right";
+    CoDirection["Left"] = "left";
+    CoDirection["Up"] = "top";
+    CoDirection["Down"] = "bottom";
+})(CoDirection || (CoDirection = {}));
+
+// Represents a bi-directional orientation.
+var CoOrientation;
+(function (CoOrientation) {
+    CoOrientation["Horizontal"] = "horizontal";
+    CoOrientation["Vertical"] = "vertical";
+})(CoOrientation || (CoOrientation = {}));
+const _orientationsOfDirections = new Map([
+    [CoDirection.Right, CoOrientation.Vertical],
+    [CoDirection.Left, CoOrientation.Vertical],
+    [CoDirection.Up, CoOrientation.Horizontal],
+    [CoDirection.Down, CoOrientation.Horizontal]
+]);
+function OrientationOfDirection(direction) {
+    return _orientationsOfDirections.get(direction);
+}
+
+// @dynamic
+class DirectionEnumUtils {
+    static OppositeOf(direction) {
+        return this._OppositeDirections.get(direction);
+    }
+}
+DirectionEnumUtils._OppositeDirections = new Map([
+    [CoDirection.Right, CoDirection.Left],
+    [CoDirection.Left, CoDirection.Right],
+    [CoDirection.Up, CoDirection.Down],
+    [CoDirection.Down, CoDirection.Up]
+]);
+
+class IconCollapseHandleComponent {
+    constructor() {
+        this.orientation = CoOrientation.Horizontal;
+        this.twoArrows = false;
+        this.iconColorClass = "action-color";
+        this.Icons = CoreComponentsIcon;
+        this._arrowDirection = CoDirection.Up;
+        this._oppositeArrowDirection = CoDirection.Down;
+    }
+    showClass() {
+        return true;
+    }
+    set arrowDirection(arrowDirection) {
+        this._arrowDirection = arrowDirection;
+        this._oppositeArrowDirection = DirectionEnumUtils.OppositeOf(this._arrowDirection);
+    }
+    get arrowDirection() {
+        return this._arrowDirection;
+    }
+    get isVertical() {
+        return this.orientation === CoOrientation.Vertical;
+    }
+    get arrowsOrientatedHorizontally() {
+        return OrientationOfDirection(this._arrowDirection) === CoOrientation.Horizontal;
+    }
+    get oppositeArrowDirection() {
+        return this._oppositeArrowDirection;
+    }
+}
+IconCollapseHandleComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-icon-collapse-handle",
+                template: `
+    <div class="wrap">
+      <co-icon [icon]="Icons.ArrowPointUp" [class]="'first ' + arrowDirection + ' ' + iconColorClass"></co-icon>
+      <co-icon *ngIf="twoArrows" [icon]="Icons.ArrowPointUp"
+            [class]="'second ' + oppositeArrowDirection + ' ' + iconColorClass"></co-icon>
+    </div>
+    <div class="absolute-fill-parent" md-ripple></div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+IconCollapseHandleComponent.ctorParameters = () => [];
+IconCollapseHandleComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-icon-collapse-handle",] }],
+    orientation: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    twoArrows: [{ type: Input }, { type: HostBinding, args: ["class.two-arrows",] }],
+    isVertical: [{ type: HostBinding, args: ["class.vertical",] }],
+    arrowsOrientatedHorizontally: [{ type: HostBinding, args: ["class.arrows-orientated-horizontally",] }],
+    hidden: [{ type: HostBinding, args: ["class.hidden",] }]
+};
+__decorate([
+    InputBoolean()
+], IconCollapseHandleComponent.prototype, "twoArrows", void 0);
+
+class IconCollapseHandleModule {
+}
+IconCollapseHandleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    RippleModule
+                ],
+                declarations: [
+                    IconCollapseHandleComponent
+                ],
+                exports: [
+                    IconCollapseHandleComponent
+                ]
+            },] }
+];
+
 class InputCheckboxComponent extends BaseInputComponent {
     constructor(formComponent, iconCacheService, changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
         super(changeDetector, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef);
@@ -5923,8 +6036,16 @@ InputDatePickerComponent.decorators = [
                     [format]="dateFormat"
                     [placeholder]="placeholder"
                     [ngModel]="model"
+                    [readonly]="readonly"
                     (ngModelChange)="modelChange.emit($event)"
     ></ejs-datepicker>
+    <co-commit-buttons *ngIf="showSaveCancel && focused && canSaveOrCancel"
+                       [committing]="committing"
+                       [commitFinished]="commitFinished"
+                       (commitClick)="commitClick($event)"
+                       (cancelClick)="cancelClick($event)"
+    >
+    </co-commit-buttons>
     <div class="required-indicator"></div>
     <ng-template #validationError></ng-template>
   `,
@@ -5957,6 +6078,112 @@ InputDatePickerComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-input-date",] }]
 };
 
+class CommitButtonsComponent {
+    constructor(_renderer) {
+        this._renderer = _renderer;
+        this.cancelClick = new EventEmitter();
+        this.commitClick = new EventEmitter();
+        this._committing = false;
+        this._commitFinished = false;
+        this._handleAnimationIteration = (event) => {
+            this._renderer.removeClass(event.currentTarget, 'animate');
+            event.currentTarget.removeEventListener('animationiteration', this._handleAnimationIteration);
+            // elem.removeEventListener('webkitAnimationIteration', () => this._handleAnimationIteration(elem));
+        };
+    }
+    set content(children) {
+        this.animateDivs = children.toArray();
+        this._checkAnimation();
+    }
+    set committing(value) {
+        this._committing = value;
+        this._checkAnimation();
+    }
+    get committing() {
+        return this._committing;
+    }
+    set commitFinished(value) {
+        this._commitFinished = value;
+        this._checkAnimationFinished();
+    }
+    get commitFinished() {
+        return this._commitFinished;
+    }
+    showClass() {
+        return true;
+    }
+    _checkAnimation() {
+        if (this.committing && this.animateDivs) {
+            this.animateDivs.forEach(a => this._renderer.addClass(a.nativeElement, 'animate'));
+        }
+    }
+    _checkAnimationFinished() {
+        if (this.commitFinished && this.animateDivs) {
+            this.animateDivs.forEach(a => {
+                a.nativeElement.addEventListener('animationiteration', this._handleAnimationIteration);
+                // a.nativeElement.addEventListener('webkitAnimationIteration', (event) => this._handleAnimationIteration(event));
+            });
+        }
+    }
+}
+CommitButtonsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-commit-buttons",
+                template: `
+    <div class="commit-buttons-wrapper" @showHideSaveCancel>
+      <div class="commit-buttons-button save" [class.finished]="commitFinished"
+           (click)="commitClick.emit($event)">
+        <div class="save-button-spinner" *ngIf="committing || commitFinished">
+          <div #animatediv></div>
+          <div #animatediv></div>
+          <div #animatediv></div>
+          <div #animatediv></div>
+        </div>
+        <div class="spinner-checkmark" *ngIf="!committing || commitFinished"></div>
+      </div>
+      <div class="commit-buttons-button cancel" (click)="cancelClick.emit($event)">
+        <div class="cancel-button"></div>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger('showHideSaveCancel', [
+                        state('*', style({ transform: 'scaleY(1)', opacity: 1 })),
+                        state('void', style({ transform: 'scaleY(0)', opacity: 0 })),
+                        transition('void <=> *', animate(200))
+                    ]),
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+CommitButtonsComponent.ctorParameters = () => [
+    { type: Renderer2 }
+];
+CommitButtonsComponent.propDecorators = {
+    content: [{ type: ViewChildren, args: ['animatediv', { read: ElementRef },] }],
+    committing: [{ type: Input }],
+    commitFinished: [{ type: Input }],
+    cancelClick: [{ type: Output }],
+    commitClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-commit-buttons",] }]
+};
+
+class CommitButtonsModule {
+}
+CommitButtonsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    CommitButtonsComponent
+                ],
+                exports: [
+                    CommitButtonsComponent
+                ]
+            },] }
+];
+
 class InputDatePickerModule {
 }
 InputDatePickerModule.decorators = [
@@ -5967,7 +6194,8 @@ InputDatePickerModule.decorators = [
                     FormsModule,
                     IconModule,
                     AppendPipeModule,
-                    DatePickerModule
+                    DatePickerModule,
+                    CommitButtonsModule
                 ],
                 schemas: [
                     NO_ERRORS_SCHEMA
@@ -6008,12 +6236,13 @@ InputDateRangePickerComponent.decorators = [
       [format]="dateFormat"
       [placeholder]="placeholder"
       [ngModel]="model"
+      [(startDate)]="startDate"
+      [(endDate)]="endDate"
+      [readonly]="readonly"
       (ngModelChange)="rangeChange()"
       (close)="close.next($event)"
       (select)="select.next($event)"
       (cleared)="cleared.next($event)"
-      [(startDate)]="startDate"
-      [(endDate)]="endDate"
     ></ejs-daterangepicker>
     <div class="required-indicator"></div>
     <ng-template #validationError></ng-template>
@@ -6841,112 +7070,6 @@ ValidationErrorModule.decorators = [
             },] }
 ];
 
-class CommitButtonsComponent {
-    constructor(_renderer) {
-        this._renderer = _renderer;
-        this.cancelClick = new EventEmitter();
-        this.commitClick = new EventEmitter();
-        this._committing = false;
-        this._commitFinished = false;
-        this._handleAnimationIteration = (event) => {
-            this._renderer.removeClass(event.currentTarget, 'animate');
-            event.currentTarget.removeEventListener('animationiteration', this._handleAnimationIteration);
-            // elem.removeEventListener('webkitAnimationIteration', () => this._handleAnimationIteration(elem));
-        };
-    }
-    set content(children) {
-        this.animateDivs = children.toArray();
-        this._checkAnimation();
-    }
-    set committing(value) {
-        this._committing = value;
-        this._checkAnimation();
-    }
-    get committing() {
-        return this._committing;
-    }
-    set commitFinished(value) {
-        this._commitFinished = value;
-        this._checkAnimationFinished();
-    }
-    get commitFinished() {
-        return this._commitFinished;
-    }
-    showClass() {
-        return true;
-    }
-    _checkAnimation() {
-        if (this.committing && this.animateDivs) {
-            this.animateDivs.forEach(a => this._renderer.addClass(a.nativeElement, 'animate'));
-        }
-    }
-    _checkAnimationFinished() {
-        if (this.commitFinished && this.animateDivs) {
-            this.animateDivs.forEach(a => {
-                a.nativeElement.addEventListener('animationiteration', this._handleAnimationIteration);
-                // a.nativeElement.addEventListener('webkitAnimationIteration', (event) => this._handleAnimationIteration(event));
-            });
-        }
-    }
-}
-CommitButtonsComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-commit-buttons",
-                template: `
-    <div class="commit-buttons-wrapper" @showHideSaveCancel>
-      <div class="commit-buttons-button save" [class.finished]="commitFinished"
-           (click)="commitClick.emit($event)">
-        <div class="save-button-spinner" *ngIf="committing || commitFinished">
-          <div #animatediv></div>
-          <div #animatediv></div>
-          <div #animatediv></div>
-          <div #animatediv></div>
-        </div>
-        <div class="spinner-checkmark" *ngIf="!committing || commitFinished"></div>
-      </div>
-      <div class="commit-buttons-button cancel" (click)="cancelClick.emit($event)">
-        <div class="cancel-button"></div>
-      </div>
-    </div>
-  `,
-                animations: [
-                    trigger('showHideSaveCancel', [
-                        state('*', style({ transform: 'scaleY(1)', opacity: 1 })),
-                        state('void', style({ transform: 'scaleY(0)', opacity: 0 })),
-                        transition('void <=> *', animate(200))
-                    ]),
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-CommitButtonsComponent.ctorParameters = () => [
-    { type: Renderer2 }
-];
-CommitButtonsComponent.propDecorators = {
-    content: [{ type: ViewChildren, args: ['animatediv', { read: ElementRef },] }],
-    committing: [{ type: Input }],
-    commitFinished: [{ type: Input }],
-    cancelClick: [{ type: Output }],
-    commitClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-commit-buttons",] }]
-};
-
-class CommitButtonsModule {
-}
-CommitButtonsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    CommitButtonsComponent
-                ],
-                exports: [
-                    CommitButtonsComponent
-                ]
-            },] }
-];
-
 class InputTextModule {
 }
 InputTextModule.decorators = [
@@ -10545,5 +10668,5 @@ ClickoutsideModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FilterItemComponent, FilterItemModule, FormComponent, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, ObserveVisibilityModule, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, PrependPipeModule as ɵbd, PrependPipe as ɵbe, ClickOutsideDirective as ɵbf, ClickOutsideMasterService as ɵbg, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, ValidationErrorModule as ɵt, ValidationErrorComponent as ɵu, CommitButtonsModule as ɵv, CommitButtonsComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
+export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoOrientation, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FilterItemComponent, FilterItemModule, FormComponent, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, ObserveVisibilityModule, OrientationOfDirection, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, PrependPipeModule as ɵbd, PrependPipe as ɵbe, ClickOutsideDirective as ɵbf, ClickOutsideMasterService as ɵbg, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, CommitButtonsModule as ɵt, CommitButtonsComponent as ɵu, ValidationErrorModule as ɵv, ValidationErrorComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map