@colijnit/corecomponents_v12 12.0.40 → 12.0.43

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",] }]
     };
 
@@ -10014,12 +10018,12 @@
             this.customContent = false;
             // Set to true to show all results. Set to false to get 'show more' and 'show less' buttons to expand and contract.
             this.showAllResults = false;
-            this.searchPlaceholder = "Search...";
+            this.singleSelect = false;
+            this.searchPlaceholder = 'Search...';
             this.showMoreLabel = 'Show more';
             this.showLessLabel = 'Show less';
             this.noResultsLabel = "No results";
             this.collectionChange = new core.EventEmitter();
-            this.filterTextChange = new core.EventEmitter();
             this.filteredCollection = [];
             this.limitTo = 10;
             this.filterText = "";
@@ -10063,26 +10067,59 @@
             }
             return ((_a = this.filteredCollection) === null || _a === void 0 ? void 0 : _a.length) <= this.limitTo && ((_b = this.filteredCollection) === null || _b === void 0 ? void 0 : _b.length) > this.initialLimit;
         };
+        FilterItemComponent.prototype.handleModelChange = function (model) {
+            if (this.singleSelect) {
+                this.collection.forEach(function (m) {
+                    if (m.code !== model.code && m.description !== model.description) {
+                        m.checked = false;
+                    }
+                });
+            }
+            model.checked = !model.checked;
+            this.collectionChange.emit(this.collection);
+        };
         // Applies filter to the collection.
         FilterItemComponent.prototype.applyFilter = function (text) {
             var _a, _b;
-            this.filterTextChange.emit(text);
-            if (!this.collection) {
-                return [];
-            }
-            var filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-            var filteredItemCount = 0;
-            this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
-                var _a;
-                var labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-                var isHiddenByFilter = ((labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) === -1);
-                if (isHiddenByFilter) {
-                    return false;
-                }
-                else {
-                    filteredItemCount++;
-                    return true;
-                }
+            return __awaiter(this, void 0, void 0, function () {
+                var _c, filterText, filteredItemCount;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!(!isNaN(this.minSearchCharsToLoadCollection) && this.collectionLoadFn)) return [3 /*break*/, 3];
+                            if (!(text.length === this.minSearchCharsToLoadCollection && text.length > this.filterText.length)) return [3 /*break*/, 2];
+                            _c = this;
+                            return [4 /*yield*/, this.collectionLoadFn(text)];
+                        case 1:
+                            _c.collection = _d.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            if (text.length < this.minSearchCharsToLoadCollection) {
+                                this.collection = undefined;
+                            }
+                            _d.label = 3;
+                        case 3:
+                            this.filterText = text;
+                            if (!this.collection) {
+                                return [2 /*return*/, []];
+                            }
+                            filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+                            filteredItemCount = 0;
+                            this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
+                                var _a;
+                                var labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+                                var isHiddenByFilter = ((labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) === -1);
+                                if (isHiddenByFilter) {
+                                    return false;
+                                }
+                                else {
+                                    filteredItemCount++;
+                                    return true;
+                                }
+                            });
+                            return [2 /*return*/];
+                    }
+                });
             });
         };
         return FilterItemComponent;
@@ -10090,7 +10127,7 @@
     FilterItemComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-filter-item",
-                    template: "\n    <div class=\"co-filter-item-header\">\n      <co-collapsible\n        [headerTitle]=\"placeholder\"\n        [expandButtonLast]=\"true\"\n        [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"co-filter-item-collapsable-content\">\n          <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n            <ng-content></ng-content>\n          </div>\n          <ng-template #collectionContent>\n            <div class=\"co-filter-item-collection-content\">\n              <co-input-text\n                *ngIf=\"collection?.length > 10\"\n                [placeholder]=\"searchPlaceholder\"\n                [(model)]=\"filterText\"\n                (modelChange)=\"applyFilter(filterText)\"\n              >\n              </co-input-text>\n              <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n                <span [textContent]=\"noResultsLabel\"></span>\n              </div>\n              <div class=\"co-filter-item-collection-results\">\n                <div class=\"co-filter-item-collection-result-items\"\n                     *ngFor=\"let option of filteredCollection; let index = index\">\n                  <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n                    <co-input-checkbox [label]=\"option.description\"\n                                       [(model)]=\"option.checked\"\n                                       (modelChange)=\"collectionChange.emit(collection)\"\n                    ></co-input-checkbox>\n                    <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n                         [textContent]=\"option.count.toString() | append: ')' | prepend: '      ('\"\n                    ></div>\n                  </div>\n\n                </div>\n              </div>\n              <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n                <div class=\"co-filter-show-more clickable\"\n                     *ngIf=\"moreToShow()\">\n                  <a (click)=\"increaseLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n                    <span [textContent]=\"showMoreLabel\"></span>\n                  </a>\n                </div>\n                <div class=\"co-filter-show-less clickable\"\n                     *ngIf=\"lessToShow()\">\n                  <a (click)=\"setToInitialLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n                    <span [textContent]=\"showLessLabel\"></span>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </co-collapsible>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"co-filter-item-header\">\n      <co-collapsible\n        [headerTitle]=\"placeholder\"\n        [expandButtonLast]=\"true\"\n        [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"co-filter-item-collapsable-content\">\n          <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n            <ng-content></ng-content>\n          </div>\n          <ng-template #collectionContent>\n            <div class=\"co-filter-item-collection-content\">\n              <co-input-text\n                *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n                [placeholder]=\"searchPlaceholder\"\n                [model]=\"filterText\"\n                (modelChange)=\"applyFilter($event)\"\n              >\n              </co-input-text>\n              <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n                <span [textContent]=\"noResultsLabel\"></span>\n              </div>\n              <div class=\"co-filter-item-collection-results\">\n                <ng-container\n                  *ngFor=\"let option of filteredCollection; let index = index\">\n                  <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n                    <co-input-checkbox *ngIf=\"!singleSelect\"\n                                       [label]=\"option.description\"\n                                       [model]=\"option.checked\"\n                                       (modelChange)=\"handleModelChange(option)\"\n                    ></co-input-checkbox>\n                    <co-input-radio-button *ngIf=\"singleSelect\"\n                                           [name]=\"'radiogroup'\"\n                                           [label]=\"option.description\"\n                                           [model]=\"option.checked\"\n                                           (modelChange)=\"handleModelChange(option)\"\n                    ></co-input-radio-button>\n                    <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n                         [textContent]=\"option.count.toString() | append: ')' | prepend: '      ('\"\n                    ></div>\n                  </div>\n\n                </ng-container>\n              </div>\n              <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n                <div class=\"co-filter-show-more clickable\"\n                     *ngIf=\"moreToShow()\">\n                  <a (click)=\"increaseLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n                    <span [textContent]=\"showMoreLabel\"></span>\n                  </a>\n                </div>\n                <div class=\"co-filter-show-less clickable\"\n                     *ngIf=\"lessToShow()\">\n                  <a (click)=\"setToInitialLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n                    <span [textContent]=\"showLessLabel\"></span>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </co-collapsible>\n    </div>\n\n  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -10102,14 +10139,16 @@
         placeholder: [{ type: core.Input }],
         initialLimit: [{ type: core.Input }],
         expanded: [{ type: core.Input }],
+        minSearchCharsToLoadCollection: [{ type: core.Input }],
+        collectionLoadFn: [{ type: core.Input }],
         customContent: [{ type: core.Input }],
         showAllResults: [{ type: core.Input }],
+        singleSelect: [{ type: core.Input }],
         searchPlaceholder: [{ type: core.Input }],
         showMoreLabel: [{ type: core.Input }],
         showLessLabel: [{ type: core.Input }],
         noResultsLabel: [{ type: core.Input }],
         collectionChange: [{ type: core.Output }],
-        filterTextChange: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-filter-item",] }]
     };
 
@@ -10164,7 +10203,9 @@
                         IconModule,
                         scrolling.ScrollingModule,
                         AppendPipeModule,
-                        PrependPipeModule
+                        PrependPipeModule,
+                        InputTextModule,
+                        InputRadioButtonModule
                     ],
                     declarations: [
                         FilterItemComponent
@@ -10175,6 +10216,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 +10465,7 @@
     exports.CardModule = CardModule;
     exports.Carousel3dComponent = Carousel3dComponent;
     exports.Carousel3dModule = Carousel3dModule;
+    exports.ClickoutsideModule = ClickoutsideModule;
     exports.CoDialogComponent = CoDialogComponent;
     exports.CoDialogModule = CoDialogModule;
     exports.CoDialogPromptComponent = CoDialogPromptComponent;
@@ -10258,6 +10530,7 @@
     exports.LevelIndicatorModule = LevelIndicatorModule;
     exports.MultiSelectListComponent = MultiSelectListComponent;
     exports.MultiSelectListModule = MultiSelectListModule;
+    exports.ObserveVisibilityModule = ObserveVisibilityModule;
     exports.PopupButtonsComponent = PopupButtonsComponent;
     exports.PopupMessageDisplayComponent = PopupMessageDisplayComponent;
     exports.PopupModule = PopupModule;
@@ -10273,10 +10546,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 +10574,7 @@
     exports["ɵw"] = CommitButtonsComponent;
     exports["ɵx"] = PopupShowerService;
     exports["ɵy"] = BaseSimpleGridComponent;
-    exports["ɵz"] = ObserveVisibilityModule;
+    exports["ɵz"] = ObserveVisibilityDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });