@colijnit/corecomponents_v12 12.0.39 → 12.0.42

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -6389,6 +6389,8 @@
             _this.startDateChange = new core.EventEmitter();
             _this.endDateChange = new core.EventEmitter();
             _this.dateRangeChange = new core.EventEmitter();
+            _this.close = new core.EventEmitter();
+            _this.select = new core.EventEmitter();
             return _this;
         }
         InputDateRangePickerComponent.prototype.showClass = function () {
@@ -6406,7 +6408,7 @@
     InputDateRangePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-input-date-range",
-                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -6418,6 +6420,8 @@
         startDateChange: [{ type: core.Output }],
         endDateChange: [{ type: core.Output }],
         dateRangeChange: [{ type: core.Output }],
+        close: [{ type: core.Output }],
+        select: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-input-date-range-picker",] }]
     };
 
@@ -10175,6 +10179,236 @@
                 },] }
     ];
 
+    // Human-readable JS keyboard codes, as in KeyboardEvent.key string values.
+    var KeyboardKey;
+    (function (KeyboardKey) {
+        KeyboardKey["Down"] = "ArrowDown";
+        KeyboardKey["Up"] = "ArrowUp";
+        KeyboardKey["Left"] = "ArrowLeft";
+        KeyboardKey["Right"] = "ArrowRight";
+        KeyboardKey["Tab"] = "Tab";
+        KeyboardKey["Escape"] = "Escape";
+        KeyboardKey["Enter"] = "Enter";
+        KeyboardKey["Home"] = "Home";
+        KeyboardKey["End"] = "End";
+        KeyboardKey["Delete"] = "Delete";
+        KeyboardKey["Insert"] = "Insert";
+        KeyboardKey["ShiftLeft"] = "ShiftLeft";
+        KeyboardKey["ShiftRight"] = "ShiftRight";
+        KeyboardKey["Backspace"] = "Backspace";
+        KeyboardKey["SpaceBar"] = "Space";
+        KeyboardKey["Period"] = "Period";
+        KeyboardKey["DecimalPoint"] = "NumpadDecimal";
+        KeyboardKey["SemiColon"] = "Semicolon";
+        KeyboardKey["ControlRight"] = "ControlRight";
+        KeyboardKey["ControlLeft"] = "ControlLeft";
+        KeyboardKey["Comma"] = "Comma";
+        ////Minus,
+        ////MinusFireFox,
+        ////Substract,
+        KeyboardKey["Zero"] = "Digit0";
+        KeyboardKey["One"] = "Digit1";
+        KeyboardKey["Two"] = "Digit2";
+        KeyboardKey["Three"] = "Digit3";
+        KeyboardKey["Four"] = "Digit4";
+        KeyboardKey["Five"] = "Digit5";
+        KeyboardKey["Six"] = "Digit6";
+        KeyboardKey["Seven"] = "Digit7";
+        KeyboardKey["Eight"] = "Digit8";
+        KeyboardKey["Nine"] = "Digit9";
+        KeyboardKey["NumpadZero"] = "Numpad0";
+        KeyboardKey["NumpadOne"] = "Numpad1";
+        KeyboardKey["NumpadTwo"] = "Numpad2";
+        KeyboardKey["NumpadThree"] = "Numpad3";
+        KeyboardKey["NumpadFour"] = "Numpad4";
+        KeyboardKey["NumpadFive"] = "Numpad5";
+        KeyboardKey["NumpadSix"] = "Numpad6";
+        KeyboardKey["NumpadSeven"] = "Numpad7";
+        KeyboardKey["NumpadEight"] = "Numpad8";
+        KeyboardKey["NumpadNine"] = "Numpad9";
+        KeyboardKey["A"] = "KeyA";
+        KeyboardKey["B"] = "KeyB";
+        KeyboardKey["C"] = "KeyC";
+        KeyboardKey["D"] = "KeyD";
+        KeyboardKey["E"] = "KeyE";
+        KeyboardKey["F"] = "KeyF";
+        KeyboardKey["G"] = "KeyG";
+        KeyboardKey["H"] = "KeyH";
+        KeyboardKey["I"] = "KeyI";
+        KeyboardKey["J"] = "KeyJ";
+        KeyboardKey["K"] = "KeyK";
+        KeyboardKey["L"] = "KeyL";
+        KeyboardKey["M"] = "KeyM";
+        KeyboardKey["N"] = "KeyN";
+        KeyboardKey["O"] = "KeyO";
+        KeyboardKey["P"] = "KeyP";
+        KeyboardKey["Q"] = "KeyQ";
+        KeyboardKey["R"] = "KeyR";
+        KeyboardKey["S"] = "KeyS";
+        KeyboardKey["T"] = "KeyT";
+        KeyboardKey["U"] = "KeyU";
+        KeyboardKey["V"] = "KeyV";
+        KeyboardKey["W"] = "KeyW";
+        KeyboardKey["X"] = "KeyX";
+        KeyboardKey["Y"] = "KeyY";
+        KeyboardKey["Z"] = "KeyZ";
+    })(KeyboardKey || (KeyboardKey = {}));
+
+    var ClickOutsideMasterService = /** @class */ (function () {
+        function ClickOutsideMasterService(_ngZone) {
+            var _this = this;
+            this._ngZone = _ngZone;
+            this._clickOutsideRefs = [];
+            this.onClick = function (event) {
+                _this._currentClick = event;
+                var first = _this._clickOutsideRefs[0];
+                var targets = _this._clickOutsideRefs.filter(function (co) { return co.alwaysTrigger; });
+                if (first) {
+                    targets.push(first);
+                }
+                setTimeout(function () {
+                    targets.forEach(function (clickOutside) { return _this.checkEmit(clickOutside, event); });
+                });
+            };
+            this.onKeyDown = function (event) {
+                if (event.key === KeyboardKey.Escape) {
+                    var first = _this._clickOutsideRefs[0];
+                    if (first) {
+                        _this.checkEmit(first, event, true);
+                    }
+                }
+            };
+            document.addEventListener('click', this.onClick, true);
+            window.addEventListener('keydown', this.onKeyDown, EventUtils.passiveBubble);
+        }
+        Object.defineProperty(ClickOutsideMasterService.prototype, "currentClick", {
+            get: function () {
+                return this._currentClick;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ClickOutsideMasterService.prototype.ngOnDestroy = function () {
+            document.removeEventListener('click', this.onClick, true);
+            window.removeEventListener('keydown', this.onKeyDown, EventUtils.passiveBubble);
+        };
+        ClickOutsideMasterService.prototype.checkEmit = function (clickOutside, event, force) {
+            if (clickOutside && (clickOutside.currentClick !== this.currentClick || force) && this._clickOutsideRefs.indexOf(clickOutside) !== -1) {
+                this._ngZone.run(function () { return clickOutside.clickOutside.emit(event); });
+            }
+        };
+        ClickOutsideMasterService.prototype.addClickOutside = function (clickOutside) {
+            this.removeClickOutside(clickOutside);
+            this._clickOutsideRefs.unshift(clickOutside);
+        };
+        ClickOutsideMasterService.prototype.removeClickOutside = function (clickOutside) {
+            ArrayUtils.RemoveElement(clickOutside, this._clickOutsideRefs);
+        };
+        return ClickOutsideMasterService;
+    }());
+    ClickOutsideMasterService.decorators = [
+        { type: core.Injectable }
+    ];
+    ClickOutsideMasterService.ctorParameters = function () { return [
+        { type: core.NgZone }
+    ]; };
+
+    var ClickOutsideDirective = /** @class */ (function () {
+        function ClickOutsideDirective(elementRef, _ngZone, _master) {
+            var _this = this;
+            this.elementRef = elementRef;
+            this._ngZone = _ngZone;
+            this._master = _master;
+            this.clickOutside = new core.EventEmitter();
+            this._enabled = true;
+            this._initialized = false;
+            this.onClick = function (event) {
+                if (_this._enabled) {
+                    _this._currentClick = event;
+                }
+            };
+        }
+        Object.defineProperty(ClickOutsideDirective.prototype, "currentClick", {
+            get: function () {
+                return this._currentClick;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ClickOutsideDirective.prototype, "enabled", {
+            set: function (enabled) {
+                enabled = enabled === undefined || enabled;
+                // noinspection SuspiciousTypeOfGuard
+                if (typeof enabled === 'boolean' && this._enabled !== enabled) {
+                    this._enabled = enabled;
+                    if (this._initialized) {
+                        this._enabled ? this._master.addClickOutside(this) : this._master.removeClickOutside(this);
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ClickOutsideDirective.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this._ngZone.runOutsideAngular(function () {
+                    if (_this.elementRef && _this.elementRef.nativeElement) {
+                        _this.elementRef.nativeElement.addEventListener('click', _this.onClick, EventUtils.passiveCapture);
+                        if (_this._enabled) {
+                            _this._master.addClickOutside(_this);
+                        }
+                        _this._initialized = true;
+                    }
+                });
+            });
+        };
+        ClickOutsideDirective.prototype.ngOnDestroy = function () {
+            this._master.removeClickOutside(this);
+            this.elementRef.nativeElement.removeEventListener('click', this.onClick, EventUtils.passiveCapture);
+            this.elementRef = undefined;
+        };
+        return ClickOutsideDirective;
+    }());
+    ClickOutsideDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: "[clickOutside]",
+                    exportAs: 'clickOutside'
+                },] }
+    ];
+    ClickOutsideDirective.ctorParameters = function () { return [
+        { type: core.ElementRef },
+        { type: core.NgZone },
+        { type: ClickOutsideMasterService }
+    ]; };
+    ClickOutsideDirective.propDecorators = {
+        enabled: [{ type: core.Input, args: ["clickOutside",] }],
+        alwaysTrigger: [{ type: core.Input }],
+        clickOutside: [{ type: core.Output }]
+    };
+    __decorate([
+        InputBoolean()
+    ], ClickOutsideDirective.prototype, "alwaysTrigger", void 0);
+
+    var ClickoutsideModule = /** @class */ (function () {
+        function ClickoutsideModule() {
+        }
+        return ClickoutsideModule;
+    }());
+    ClickoutsideModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [
+                        ClickOutsideDirective
+                    ],
+                    providers: [
+                        ClickOutsideMasterService
+                    ],
+                    exports: [
+                        ClickOutsideDirective
+                    ]
+                },] }
+    ];
+
     /*
      * Public API Surface of corecomponents
      */
@@ -10194,6 +10428,7 @@
     exports.CardModule = CardModule;
     exports.Carousel3dComponent = Carousel3dComponent;
     exports.Carousel3dModule = Carousel3dModule;
+    exports.ClickoutsideModule = ClickoutsideModule;
     exports.CoDialogComponent = CoDialogComponent;
     exports.CoDialogModule = CoDialogModule;
     exports.CoDialogPromptComponent = CoDialogPromptComponent;
@@ -10258,6 +10493,7 @@
     exports.LevelIndicatorModule = LevelIndicatorModule;
     exports.MultiSelectListComponent = MultiSelectListComponent;
     exports.MultiSelectListModule = MultiSelectListModule;
+    exports.ObserveVisibilityModule = ObserveVisibilityModule;
     exports.PopupButtonsComponent = PopupButtonsComponent;
     exports.PopupMessageDisplayComponent = PopupMessageDisplayComponent;
     exports.PopupModule = PopupModule;
@@ -10273,10 +10509,11 @@
     exports.TileModule = TileModule;
     exports["ɵa"] = RippleModule;
     exports["ɵb"] = MD_RIPPLE_GLOBAL_OPTIONS;
-    exports["ɵba"] = ObserveVisibilityDirective;
-    exports["ɵbb"] = SimpleGridCellComponent;
-    exports["ɵbc"] = PrependPipeModule;
-    exports["ɵbd"] = PrependPipe;
+    exports["ɵba"] = SimpleGridCellComponent;
+    exports["ɵbb"] = PrependPipeModule;
+    exports["ɵbc"] = PrependPipe;
+    exports["ɵbd"] = ClickOutsideDirective;
+    exports["ɵbe"] = ClickOutsideMasterService;
     exports["ɵc"] = CoRippleDirective;
     exports["ɵd"] = CoViewportRulerService;
     exports["ɵe"] = CoScrollDispatcherService;
@@ -10300,7 +10537,7 @@
     exports["ɵw"] = CommitButtonsComponent;
     exports["ɵx"] = PopupShowerService;
     exports["ɵy"] = BaseSimpleGridComponent;
-    exports["ɵz"] = ObserveVisibilityModule;
+    exports["ɵz"] = ObserveVisibilityDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });