mis-crystal-design-system 3.0.4 → 3.0.6

package/esm2015/virtual-scroll/virtual-scroll.component.js

@@ -36,6 +36,7 @@ export class VirtualScrollComponent {
         this.switchOnInfiniteScroll = () => {
             this.error = false;
             this.loading = true;
+            this.endOfInfiniteData = false;
             this.offset.next(0);
             this.setupInfiniteScroll();
         };
@@ -69,8 +70,6 @@ export class VirtualScrollComponent {
         }
         const end = this.viewPort.getRenderedRange().end;
         const total = this.viewPort.getDataLength();
-        // console.log(`${end}, '>=', ${total}`);
-        // console.log("Offset->", offset)
         offset = Math.ceil(offset / this.config.pageSize);
         if (end === total && !this.rowsLoading) {
             this.offset.next(offset);
@@ -109,4 +108,4 @@ VirtualScrollComponent.propDecorators = {
     customItem: [{ type: ContentChild, args: ["virtualScrollItem", { static: false },] }],
     intialized: [{ type: Output }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdmlydHVhbC1zY3JvbGwvdmlydHVhbC1zY3JvbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsZUFBZSxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUS9FLE1BQU0sT0FBTyxzQkFBc0I7SUE0Qi9CLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBMUJ4RCxvQ0FBb0M7UUFDcEMsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUNuQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU3QixnQ0FBZ0M7UUFDaEMsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVksS0FBSyxDQUFBO1FBSUwsV0FBTSxHQUF5QjtZQUM1QyxXQUFXLEVBQUUsSUFBSTtZQUNqQixXQUFXLEVBQUUsSUFBSTtZQUNqQixTQUFTLEVBQUUsR0FBRztZQUNkLFFBQVEsRUFBRSxDQUFDO1lBQ1gsMEJBQTBCLEVBQUUsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUMsQ0FBQyxF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QUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUNsQixPQUFPLEVBQUUsQ0FBQztRQUNkLENBQUMsQ0FBQyxDQUNMLENBQUM7SUFDVixDQUFDOzs7WUFuSEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLGs5QkFBOEM7O2FBRS9DOzs7WUFYTSxpQkFBaUI7OztxQkF5QnJCLEtBQUssU0FBQyxRQUFRO3VCQU9kLFNBQVMsU0FBQyx3QkFBd0I7eUJBQ2xDLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7eUJBRW5ELE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydCB9IGZyb20gXCJAYW5ndWxhci9jZGsvc2Nyb2xsaW5nXCI7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgY2F0Y2hFcnJvciwgbWVyZ2VNYXAsIHNjYW4sIHRhcCwgdGhyb3R0bGVUaW1lIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQgeyBJVmlydHVhbFNjcm9sbENvbmZpZyB9IGZyb20gXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbnN0YW50c1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJtaXMtdmlydHVhbC1zY3JvbGxcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5zY3NzXCJdLFxuICB9KVxuZXhwb3J0IGNsYXNzIFZpcnR1YWxTY3JvbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLy8gSW5maW5pdGUgc2Nyb2xsIHJlbGF0ZWQgdmFyaWFibGVzXG4gICAgb2Zmc2V0ID0gbmV3IEJlaGF2aW9yU3ViamVjdChudWxsKTtcbiAgICBlbmRPZkluZmluaXRlRGF0YTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHJvd3NMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gICAgXG4gICAgLy8gTWFpbiBzdGF0ZSBtYW5hZ2luZyB2YXJpYWJsZXNcbiAgICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2VcbiAgICBlcnJvcjogYm9vbGVhbiA9IGZhbHNlXG4gICAgXG4gICAgLy8gU2Nyb2xsIGRhdGEgcmVsYXRlZCB2YXJpYWJsZXNcbiAgICBkYXRhJDogT2JzZXJ2YWJsZTxhbnk+XG4gICAgQElucHV0KFwiY29uZmlnXCIpIGNvbmZpZzogSVZpcnR1YWxTY3JvbGxDb25maWcgPSB7XG4gICAgICAgIG1pbkJ1ZmZlclB4OiAyNDAwLFxuICAgICAgICBtYXhCdWZmZXJQeDogMjQwMCxcbiAgICAgICAgcm93SGVpZ2h0OiAxMjgsXG4gICAgICAgIHBhZ2VTaXplOiA1LFxuICAgICAgICBpbmZpbml0ZVNjcm9sbERhdGFGdW5jdGlvbjogKG9mZnNldCwgcGFnZVNpemUpID0+IG9mKFsxLDIsMyw0LDVdKVxuICAgIH07XG4gICAgQFZpZXdDaGlsZChDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQpIHZpZXdQb3J0OiBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQ7XG4gICAgQENvbnRlbnRDaGlsZChcInZpcnR1YWxTY3JvbGxJdGVtXCIsIHsgc3RhdGljOiBmYWxzZSB9KVxuICAgIGN1c3RvbUl0ZW06IFRlbXBsYXRlUmVmPEVsZW1lbnQ+O1xuICAgIEBPdXRwdXQoKSBpbnRpYWxpemVkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICB2aXJ0dWFsU2Nyb2xsQXBpOiBhbnlcblxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpe31cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zd2l0Y2hPbkluZmluaXRlU2Nyb2xsKClcbiAgICAgICAgdGhpcy52aXJ0dWFsU2Nyb2xsQXBpID0ge1xuICAgICAgICAgICAgdG9nZ2xlTG9hZGVyOiAoKSA9PiB0aGlzLmxvYWRpbmcgPSAhdGhpcy5sb2FkaW5nLFxuICAgICAgICAgICAgdG9nZ2xlRXJyb3I6ICgpID0+IHRoaXMuZXJyb3IgPSAhdGhpcy5lcnJvcixcbiAgICAgICAgICAgIHN3aXRjaE9uSW5maW5pdGVTY3JvbGw6IHRoaXMuc3dpdGNoT25JbmZpbml0ZVNjcm9sbCxcbiAgICAgICAgICAgIHN3aXRjaE9mZkluZmluaXRlU2Nyb2xsOiB0aGlzLnN3aXRjaE9mZkluZmluaXRlU2Nyb2xsXG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIHRoaXMuaW50aWFsaXplZC5lbWl0KHRoaXMudmlydHVhbFNjcm9sbEFwaSlcbiAgICB9XG4gICAgc3dpdGNoT2ZmSW5maW5pdGVTY3JvbGwgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIHRoaXMuZXJyb3IgPSBmYWxzZVxuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlXG4gICAgICAgIHRoaXMuZGF0YSQgPSB0aGlzLmNvbmZpZy5kYXRhJC5waXBlKFxuICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZVxuICAgICAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKFwiRXJyb3I6IFVua25vd24gZXJyb3Igb2NjdXJyZWQgd2hpbGUgZmV0Y2hpbmcgY2FsZW5kYXIgZGF0YVwiLCBlcnIpO1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICB9XG4gICAgc3dpdGNoT25JbmZpbml0ZVNjcm9sbCA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgdGhpcy5lcnJvciA9IGZhbHNlXG4gICAgICAgIHRoaXMubG9hZGluZyA9IHRydWVcbiAgICAgICAgdGhpcy5vZmZzZXQubmV4dCgwKVxuICAgICAgICB0aGlzLnNldHVwSW5maW5pdGVTY3JvbGwoKVxuICAgIH1cbiAgICBzZXR1cEluZmluaXRlU2Nyb2xsKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBiYXRjaE1hcCA9IHRoaXMub2Zmc2V0LnBpcGUoXG4gICAgICAgICAgdGhyb3R0bGVUaW1lKDUwMCksXG4gICAgICAgICAgbWVyZ2VNYXAob2Zmc2V0ID0+IHRoaXMuZ2V0QmF0Y2gob2Zmc2V0KSksXG4gICAgICAgICAgc2NhbigoYWNjOiBBcnJheTxhbnk+LCBiYXRjaDogQXJyYXk8YW55PikgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIFsuLi5hY2MsIC4uLmJhdGNoXTtcbiAgICAgICAgICB9LCBbXSlcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5kYXRhJCA9IGJhdGNoTWFwLnBpcGUoXG4gICAgICAgICAgICB0YXAoZGF0YSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgICAgICAgICB9LCA1MClcbiAgICAgICAgICAgIH0pXG4gICAgICAgICk7XG4gICAgfVxuICAgIG5leHRCYXRjaChvZmZzZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZW5kT2ZJbmZpbml0ZURhdGEpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLnZpZXdQb3J0LmdldFJlbmRlcmVkUmFuZ2UoKS5lbmQ7XG4gICAgICAgIGNvbnN0IHRvdGFsID0gdGhpcy52aWV3UG9ydC5nZXREYXRhTGVuZ3RoKCk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKGAke2VuZH0sICc+PScsICR7dG90YWx9YCk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKFwiT2Zmc2V0LT5cIiwgb2Zmc2V0KVxuICAgICAgICBvZmZzZXQgPSBNYXRoLmNlaWwob2Zmc2V0IC8gdGhpcy5jb25maWcucGFnZVNpemUpXG4gICAgICAgIGlmIChlbmQgPT09IHRvdGFsICYmICF0aGlzLnJvd3NMb2FkaW5nKSB7XG4gICAgICAgICAgICB0aGlzLm9mZnNldC5uZXh0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0QmF0Y2gob2Zmc2V0KTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IHRydWU7XG4gICAgICAgIGlmIChvZmZzZXQgPT0gbnVsbCkgb2Zmc2V0ID0gMDtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29uZmlnXG4gICAgICAgICAgICAuaW5maW5pdGVTY3JvbGxEYXRhRnVuY3Rpb24ob2Zmc2V0LCB0aGlzLmNvbmZpZy5wYWdlU2l6ZSlcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoYXJyOiBBcnJheTxhbnk+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGFyci5sZW5ndGggPCB0aGlzLmNvbmZpZy5wYWdlU2l6ZSA/ICh0aGlzLmVuZE9mSW5maW5pdGVEYXRhID0gdHJ1ZSkgOiBudWxsO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5lcnJvcihcIkVycm9yOiBVbmtub3duIGVycm9yIG9jY3VycmVkIHdoaWxlIGZldGNoaW5nIGNhbGVuZGFyIGRhdGFcIiwgZXJyKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKTtcbiAgICB9XG4gICAgXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdmlydHVhbC1zY3JvbGwvdmlydHVhbC1zY3JvbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsZUFBZSxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUS9FLE1BQU0sT0FBTyxzQkFBc0I7SUE0Qi9CLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBMUJ4RCxvQ0FBb0M7UUFDcEMsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUNuQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU3QixnQ0FBZ0M7UUFDaEMsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVksS0FBSyxDQUFBO1FBSUwsV0FBTSxHQUF5QjtZQUM1QyxXQUFXLEVBQUUsSUFBSTtZQUNqQixXQUFXLEVBQUUsSUFBSTtZQUNqQixTQUFTLEVBQUUsR0FBRztZQUNkLFFBQVEsRUFBRSxDQUFDO1lBQ1gsMEJBQTBCLEVBQUUsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUMsQ0FBQyxF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Q0FBQztZQUN6QixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUNsQixPQUFPLEVBQUUsQ0FBQztRQUNkLENBQUMsQ0FBQyxDQUNMLENBQUM7SUFDVixDQUFDOzs7WUFsSEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLGs5QkFBOEM7O2FBRS9DOzs7WUFYTSxpQkFBaUI7OztxQkF5QnJCLEtBQUssU0FBQyxRQUFRO3VCQU9kLFNBQVMsU0FBQyx3QkFBd0I7eUJBQ2xDLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7eUJBRW5ELE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydCB9IGZyb20gXCJAYW5ndWxhci9jZGsvc2Nyb2xsaW5nXCI7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHsgY2F0Y2hFcnJvciwgbWVyZ2VNYXAsIHNjYW4sIHRhcCwgdGhyb3R0bGVUaW1lIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQgeyBJVmlydHVhbFNjcm9sbENvbmZpZyB9IGZyb20gXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbnN0YW50c1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJtaXMtdmlydHVhbC1zY3JvbGxcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3ZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5zY3NzXCJdLFxuICB9KVxuZXhwb3J0IGNsYXNzIFZpcnR1YWxTY3JvbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLy8gSW5maW5pdGUgc2Nyb2xsIHJlbGF0ZWQgdmFyaWFibGVzXG4gICAgb2Zmc2V0ID0gbmV3IEJlaGF2aW9yU3ViamVjdChudWxsKTtcbiAgICBlbmRPZkluZmluaXRlRGF0YTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHJvd3NMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG4gICAgXG4gICAgLy8gTWFpbiBzdGF0ZSBtYW5hZ2luZyB2YXJpYWJsZXNcbiAgICBsb2FkaW5nOiBib29sZWFuID0gZmFsc2VcbiAgICBlcnJvcjogYm9vbGVhbiA9IGZhbHNlXG4gICAgXG4gICAgLy8gU2Nyb2xsIGRhdGEgcmVsYXRlZCB2YXJpYWJsZXNcbiAgICBkYXRhJDogT2JzZXJ2YWJsZTxhbnk+XG4gICAgQElucHV0KFwiY29uZmlnXCIpIGNvbmZpZzogSVZpcnR1YWxTY3JvbGxDb25maWcgPSB7XG4gICAgICAgIG1pbkJ1ZmZlclB4OiAyNDAwLFxuICAgICAgICBtYXhCdWZmZXJQeDogMjQwMCxcbiAgICAgICAgcm93SGVpZ2h0OiAxMjgsXG4gICAgICAgIHBhZ2VTaXplOiA1LFxuICAgICAgICBpbmZpbml0ZVNjcm9sbERhdGFGdW5jdGlvbjogKG9mZnNldCwgcGFnZVNpemUpID0+IG9mKFsxLDIsMyw0LDVdKVxuICAgIH07XG4gICAgQFZpZXdDaGlsZChDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQpIHZpZXdQb3J0OiBDZGtWaXJ0dWFsU2Nyb2xsVmlld3BvcnQ7XG4gICAgQENvbnRlbnRDaGlsZChcInZpcnR1YWxTY3JvbGxJdGVtXCIsIHsgc3RhdGljOiBmYWxzZSB9KVxuICAgIGN1c3RvbUl0ZW06IFRlbXBsYXRlUmVmPEVsZW1lbnQ+O1xuICAgIEBPdXRwdXQoKSBpbnRpYWxpemVkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICB2aXJ0dWFsU2Nyb2xsQXBpOiBhbnlcblxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpe31cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zd2l0Y2hPbkluZmluaXRlU2Nyb2xsKClcbiAgICAgICAgdGhpcy52aXJ0dWFsU2Nyb2xsQXBpID0ge1xuICAgICAgICAgICAgdG9nZ2xlTG9hZGVyOiAoKSA9PiB0aGlzLmxvYWRpbmcgPSAhdGhpcy5sb2FkaW5nLFxuICAgICAgICAgICAgdG9nZ2xlRXJyb3I6ICgpID0+IHRoaXMuZXJyb3IgPSAhdGhpcy5lcnJvcixcbiAgICAgICAgICAgIHN3aXRjaE9uSW5maW5pdGVTY3JvbGw6IHRoaXMuc3dpdGNoT25JbmZpbml0ZVNjcm9sbCxcbiAgICAgICAgICAgIHN3aXRjaE9mZkluZmluaXRlU2Nyb2xsOiB0aGlzLnN3aXRjaE9mZkluZmluaXRlU2Nyb2xsXG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIHRoaXMuaW50aWFsaXplZC5lbWl0KHRoaXMudmlydHVhbFNjcm9sbEFwaSlcbiAgICB9XG4gICAgc3dpdGNoT2ZmSW5maW5pdGVTY3JvbGwgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIHRoaXMuZXJyb3IgPSBmYWxzZVxuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlXG4gICAgICAgIHRoaXMuZGF0YSQgPSB0aGlzLmNvbmZpZy5kYXRhJC5waXBlKFxuICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZVxuICAgICAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKFwiRXJyb3I6IFVua25vd24gZXJyb3Igb2NjdXJyZWQgd2hpbGUgZmV0Y2hpbmcgY2FsZW5kYXIgZGF0YVwiLCBlcnIpO1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICB9XG4gICAgc3dpdGNoT25JbmZpbml0ZVNjcm9sbCA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgdGhpcy5lcnJvciA9IGZhbHNlXG4gICAgICAgIHRoaXMubG9hZGluZyA9IHRydWVcbiAgICAgICAgdGhpcy5lbmRPZkluZmluaXRlRGF0YSA9IGZhbHNlO1xuICAgICAgICB0aGlzLm9mZnNldC5uZXh0KDApXG4gICAgICAgIHRoaXMuc2V0dXBJbmZpbml0ZVNjcm9sbCgpXG4gICAgfVxuICAgIHNldHVwSW5maW5pdGVTY3JvbGwoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJhdGNoTWFwID0gdGhpcy5vZmZzZXQucGlwZShcbiAgICAgICAgICB0aHJvdHRsZVRpbWUoNTAwKSxcbiAgICAgICAgICBtZXJnZU1hcChvZmZzZXQgPT4gdGhpcy5nZXRCYXRjaChvZmZzZXQpKSxcbiAgICAgICAgICBzY2FuKChhY2M6IEFycmF5PGFueT4sIGJhdGNoOiBBcnJheTxhbnk+KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gWy4uLmFjYywgLi4uYmF0Y2hdO1xuICAgICAgICAgIH0sIFtdKVxuICAgICAgICApO1xuICAgICAgICB0aGlzLmRhdGEkID0gYmF0Y2hNYXAucGlwZShcbiAgICAgICAgICAgIHRhcChkYXRhID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnJvd3NMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICAgICAgICAgIH0sIDUwKVxuICAgICAgICAgICAgfSlcbiAgICAgICAgKTtcbiAgICB9XG4gICAgbmV4dEJhdGNoKG9mZnNldCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5lbmRPZkluZmluaXRlRGF0YSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGVuZCA9IHRoaXMudmlld1BvcnQuZ2V0UmVuZGVyZWRSYW5nZSgpLmVuZDtcbiAgICAgICAgY29uc3QgdG90YWwgPSB0aGlzLnZpZXdQb3J0LmdldERhdGFMZW5ndGgoKTtcbiAgICAgICAgb2Zmc2V0ID0gTWF0aC5jZWlsKG9mZnNldCAvIHRoaXMuY29uZmlnLnBhZ2VTaXplKVxuICAgICAgICBpZiAoZW5kID09PSB0b3RhbCAmJiAhdGhpcy5yb3dzTG9hZGluZykge1xuICAgICAgICAgICAgdGhpcy5vZmZzZXQubmV4dChvZmZzZXQpO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldEJhdGNoKG9mZnNldCk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgICAgIHRoaXMucm93c0xvYWRpbmcgPSB0cnVlO1xuICAgICAgICBpZiAob2Zmc2V0ID09IG51bGwpIG9mZnNldCA9IDA7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbmZpZ1xuICAgICAgICAgICAgLmluZmluaXRlU2Nyb2xsRGF0YUZ1bmN0aW9uKG9mZnNldCwgdGhpcy5jb25maWcucGFnZVNpemUpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKGFycjogQXJyYXk8YW55PikgPT4ge1xuICAgICAgICAgICAgICAgICAgICBhcnIubGVuZ3RoIDwgdGhpcy5jb25maWcucGFnZVNpemUgPyAodGhpcy5lbmRPZkluZmluaXRlRGF0YSA9IHRydWUpIDogbnVsbDtcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICBjYXRjaEVycm9yKGVyciA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoXCJFcnJvcjogVW5rbm93biBlcnJvciBvY2N1cnJlZCB3aGlsZSBmZXRjaGluZyBjYWxlbmRhciBkYXRhXCIsIGVycik7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucm93c0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gW107XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICk7XG4gICAgfVxuICAgIFxufSJdfQ==

package/fesm2015/mis-crystal-design-system-timepicker.js

@@ -73,6 +73,7 @@ class TimePickerComponent {
         this.timeIntervals = [];
         this.shouldScroll = false;
         this.userInputFlag = false;
+        this.givenTimeFlag = true;
         this.clockFormat = 12;
         this.timezone = "Asia/Kolkata";
         this.height = "max-content";
@@ -81,6 +82,7 @@ class TimePickerComponent {
         this.dateAsEpoch = moment().valueOf();
         this.rangeValidity = true;
         this.showTooltip = true;
+        this.triggerChange = true;
         this.timeEmitter = new EventEmitter();
     }
     // gets all the li elements from the dropdown and scrolls to the highlighted element
@@ -92,24 +94,22 @@ class TimePickerComponent {
             }
         });
     }
-    ngOnInit() {
-        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
-        this.populateDropdown();
-        this.chosenTime = this.givenTime ? moment(this.givenTime).format(this.timeFormat) : this.timeIntervals[0];
-        this.calculateClosestInterval(this.chosenTime);
-    }
+    ngOnInit() { }
     ngOnChanges() {
+        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
         tz.setDefault(this.timezone);
-        this.currTime = moment().format();
         if (this.timeFormat) {
+            let chosenTimeMoment = this.getMoment(this.chosenTime);
             // if the first interval is >= the chosen time
             // then only update the value of chosen time
             // else it remains the same
-            this.chosenTime = this.givenTime ? moment(this.givenTime).format(this.timeFormat) : this.timeIntervals[0];
-            const chosenTimeMoment = this.getMoment(this.chosenTime);
             if (this.firstInterval >= chosenTimeMoment.valueOf() && this.rangeValidity && !this.userInputFlag) {
                 this.chosenTime = moment(this.firstInterval).format(this.timeFormat);
+                chosenTimeMoment = this.getMoment(this.chosenTime);
             }
+            if (this.givenTimeFlag && this.givenTime)
+                this.chosenTime = moment(this.givenTime).format(this.timeFormat);
+            chosenTimeMoment = this.getMoment(this.chosenTime);
             if (!this.userInputFlag)
                 this.populateDropdown();
             this.userInputFlag = false;
@@ -131,6 +131,7 @@ class TimePickerComponent {
     }
     // gets a boolean from overlay event to close the dropdown
     closeDropdown(val) {
+        this.userInputFlag = false;
         this.openStatus = val;
     }
     // toggle timepicker dropdown
@@ -145,8 +146,9 @@ class TimePickerComponent {
         let flag = false;
         // if the first interval is set to the start of the day
         // then we don't check its validity against the current time
-        if (this.firstInterval &&
-            moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf("d").format(this.timeFormat).valueOf()) {
+        if (this.givenTime ||
+            (this.firstInterval &&
+                moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf("d").format(this.timeFormat).valueOf())) {
             flag = time.match(RE) ? true : false;
         }
         else {
@@ -195,13 +197,18 @@ class TimePickerComponent {
         const offset = currEpoch % intervalMS;
         const roundedEpoch = offset >= intervalMS / 2 ? currEpoch + (intervalMS - offset) : currEpoch - offset;
         // finding the index of element that needs to be highlighted
-        this.timeIntervals.forEach((interval, index, array) => {
-            const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);
-            if (intervalObj.valueOf() === roundedEpoch)
-                this.isHighlighted = index;
-            if (array.length === 1)
-                this.isHighlighted = 0;
-        });
+        if (moment(currEpoch).format(this.timeFormat) === moment(this.dateAsEpoch).endOf('d').format(this.timeFormat)) {
+            this.isHighlighted = this.timeIntervals.lastIndexOf(this.timeIntervals.slice(-1)[0]);
+        }
+        else {
+            this.timeIntervals.forEach((interval, index, array) => {
+                const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);
+                if (intervalObj.valueOf() === roundedEpoch)
+                    this.isHighlighted = index;
+                if (array.length === 1)
+                    this.isHighlighted = 0;
+            });
+        }
     }
     // populates the dropdown according to the first interval received
     populateDropdown() {
@@ -219,6 +226,10 @@ class TimePickerComponent {
                 this.firstInterval = moment().startOf("d").valueOf();
             }
         }
+        if (this.givenTime && this.givenTimeFlag) {
+            this.firstInterval = moment(this.givenTime).startOf('d').valueOf();
+            this.givenTimeFlag = false;
+        }
         const dateAsString = moment(this.dateAsEpoch).format('DD-MM-YYYY');
         const intervalAsString = moment(this.firstInterval).format(this.timeFormat);
         const start = moment(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`);
@@ -256,6 +267,7 @@ TimePickerComponent.propDecorators = {
     rangeValidity: [{ type: Input }],
     showTooltip: [{ type: Input }],
     givenTime: [{ type: Input }],
+    triggerChange: [{ type: Input }],
     timeEmitter: [{ type: Output }],
     input: [{ type: ViewChild, args: ["input", { static: true },] }],
     timepickerDirective: [{ type: ViewChild, args: [TimepickerDirective,] }],

package/fesm2015/mis-crystal-design-system-timepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-timepicker.js","sources":["../../../projects/mis-components/timepicker/timepicker.directive.ts","../../../projects/mis-components/timepicker/timepicker.component.ts","../../../projects/mis-components/timepicker/timepicker.module.ts","../../../projects/mis-components/timepicker/mis-crystal-design-system-timepicker.ts"],"sourcesContent":["import { Directive, Output, TemplateRef } from '@angular/core';\nimport { EventEmitter, Input, ViewContainerRef } from \"@angular/core\";\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\n\n@Directive({\n  selector: '[libTimepicker]'\n})\nexport class TimepickerDirective {\n  private openStatus: boolean = false;\n  @Input('originEl') originEl : any;\n  @Output() statusEmitter = new EventEmitter<boolean>(); \n\n  @Input('openStatus')  set createOverlayOnInput(openStatus){\n    this.openStatus = openStatus;\n    if(this.originEl && this.openStatus) this.createOverlay(this.originEl);\n  }; \n  private overlayRef!: OverlayRef;\n  constructor(private templateRef: TemplateRef<Element>, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  createOverlay(origin: any): void {\n    const positions = [\n      new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n      new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n    ];\n\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      positionStrategy: this.overlay\n        .position()\n        //connecting the dropdown overlay to the input element\n        .flexibleConnectedTo(origin)\n        .withPositions([...positions])\n        .withPush(true)\n    });\n\n    this.overlayRef = this.overlay.create(overlayConfig);\n    const dropdownPortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    this.overlayRef.attach(dropdownPortal);\n    this.overlayRef.backdropClick().subscribe(resp => {\n      this.openStatus = false;\n      this.statusEmitter.emit(false);\n      this.overlayRef.detach();\n    });\n  }\n\n  destroyOverlay(){\n    this.overlayRef.detach();\n  }\n  \n}\n","import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewChildren } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITime } from \"./time.namespace\";\nimport { TimepickerDirective } from \"./timepicker.directive\";\n\n@Component({\n  selector: \"mis-timepicker\",\n  templateUrl: \"./timepicker.component.html\",\n  styleUrls: [\"./timepicker.component.scss\"]\n})\nexport class TimePickerComponent {\n  currTime!: string;\n  chosenTime: string;\n  openStatus: boolean = false;\n  isHighlighted: number = 0;\n  isInvalid: boolean = false;\n  timeIntervals: string[] = [];\n  shouldScroll: boolean = false;\n  userInputFlag: boolean = false;\n\n  @Input() clockFormat: number = 12;\n  timeFormat!: string;\n\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() height: string = \"max-content\";\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() interval: number = 15;\n  @Input() dateAsEpoch: number = moment().valueOf();\n  @Input() firstInterval!: number;\n  @Input() rangeValidity: boolean = true;\n  @Input() showTooltip: boolean = true;\n  @Input() givenTime: number;\n\n  @Output() timeEmitter = new EventEmitter<ITime>();\n  @ViewChild(\"input\", { static: true }) input: ElementRef;\n  @ViewChild(TimepickerDirective) timepickerDirective: TimepickerDirective;\n\n  // gets all the li elements from the dropdown and scrolls to the highlighted element\n  @ViewChildren(\"timeInterval\") set timeIntervalRefs(intervals) {\n    intervals.forEach(interval => {\n      if (interval.nativeElement.classList[0] === \"highlight\") {\n        const highlighted = interval.nativeElement;\n        setTimeout(() => highlighted.scrollIntoView({ block: \"center\" }));\n      }\n    });\n  }\n\n  constructor(){}\n  ngOnInit(): void {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    this.populateDropdown();\n    this.chosenTime = this.givenTime ? moment(this.givenTime).format(this.timeFormat) : this.timeIntervals[0];  \n    this.calculateClosestInterval(this.chosenTime);\n  }\n\n  ngOnChanges(): void {\n    moment.tz.setDefault(this.timezone);\n    this.currTime = moment().format();\n\n    if (this.timeFormat) {\n      // if the first interval is >= the chosen time\n      // then only update the value of chosen time\n      // else it remains the same\n\n      this.chosenTime = this.givenTime ? moment(this.givenTime).format(this.timeFormat) : this.timeIntervals[0];\n      const chosenTimeMoment = this.getMoment(this.chosenTime);\n\n      if (this.firstInterval >= chosenTimeMoment.valueOf() && this.rangeValidity && !this.userInputFlag) {\n        this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n      }\n      if (!this.userInputFlag) this.populateDropdown();\n      this.userInputFlag = false;\n      this.isInvalid = !this.checkTimeValidity(this.chosenTime.trim());\n      this.emitTime({\n        valid: !this.isInvalid,\n        time: this.chosenTime,\n        epoch: chosenTimeMoment.valueOf()\n      });\n      this.calculateClosestInterval(this.chosenTime);\n    }\n  }\n\n  emitTime(data: ITime): void {\n    this.timeEmitter.emit(data);\n  }\n\n  // function to get moment object when time is given in string\n  getMoment(time: string){\n    return moment(`${moment(this.dateAsEpoch).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n  }\n\n  // gets a boolean from overlay event to close the dropdown\n  closeDropdown(val: boolean) {\n    this.openStatus = val;\n  }\n\n  // toggle timepicker dropdown\n  openDropdown(): void {\n    this.openStatus = true;\n  }\n\n  checkTimeValidity(time: string): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = this.getMoment(time);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if (\n      this.firstInterval &&\n      moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf(\"d\").format(this.timeFormat).valueOf()\n    ) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.isAfter(moment()) ? true: false;\n    }\n\n    return flag;\n  }\n\n  // update chosen time as soon as the user clicks on an interval\n  onTimeSelect(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n    if (!this.isInvalid) {\n      this.chosenTime = time;\n      this.calculateClosestInterval(this.chosenTime);\n    }\n\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // checks validity of time on input change and calculates the closest interval\n  onTimeChange(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n    if (!this.isInvalid) {\n      this.userInputFlag = true;\n      this.calculateClosestInterval(time);\n    }\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n  }\n\n  calculateClosestInterval(time: string): void {\n    const intervalMS = this.interval * 60 * 1000;\n    const chosenDate = moment(this.dateAsEpoch).format(\"DD-MM-YYYY\");\n\n    // converting time passed as parameter to moment object and adding date\n    const parsedTimeWithDate = moment(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`);\n\n    // converting moment object to epoch so that calculations for rounding off are easier to do\n    const currEpoch = parsedTimeWithDate.valueOf();\n\n    const offset = currEpoch % intervalMS;\n    const roundedEpoch = offset >= intervalMS / 2 ? currEpoch + (intervalMS - offset) : currEpoch - offset;\n\n    // finding the index of element that needs to be highlighted\n    this.timeIntervals.forEach((interval, index, array) => {\n      const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);\n      if (intervalObj.valueOf() === roundedEpoch) this.isHighlighted = index;\n      if (array.length === 1) this.isHighlighted = 0;\n    });\n  }\n\n  // populates the dropdown according to the first interval received\n  populateDropdown(): void {\n    this.timeIntervals = [];\n\n    // if picker is used as an individual component\n    if (!this.firstInterval) {\n      // firstInterval is initialised according to the current time\n      // if the date is same as the current date\n      if (moment(this.dateAsEpoch).format(\"DD-MM-YYYY\") === moment().format(\"DD-MM-YYYY\")) {\n        const offset = this.interval - (moment().minutes() % this.interval);\n        this.firstInterval = moment().add(offset, \"m\").valueOf();\n      }\n\n      // else the firstInterval is initialised as start of day\n      else {\n        this.firstInterval = moment().startOf(\"d\").valueOf();\n      }\n    }\n\n    const dateAsString = moment(this.dateAsEpoch).format('DD-MM-YYYY');\n    const intervalAsString = moment(this.firstInterval).format(this.timeFormat);\n    const start = moment(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`);\n    const end = moment(`${dateAsString}`, 'DD-MM-YYYY').endOf('d');\n\n    while (start.valueOf() < end.valueOf()) {\n      this.timeIntervals.push(start.format(this.timeFormat));\n      start.add(this.interval, \"m\");\n    }\n\n    // if the start time is equal to the interval just before midnight\n    // and the start date = end date\n    // push 11:59pm only\n    if (this.timeIntervals.length === 0) {\n      this.chosenTime = moment().endOf(\"d\").format(this.timeFormat);\n      this.timeIntervals.push(moment().endOf(\"d\").format(this.timeFormat));\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimePickerComponent } from \"./timepicker.component\";\nimport { ToolTipModule } from \"mis-crystal-design-system/tooltip\";\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { TimepickerDirective } from './timepicker.directive';\n\n@NgModule({\n  declarations: [TimePickerComponent, TimepickerDirective],\n  imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule],\n  exports: [TimePickerComponent]\n})\nexport class TimePickerModule {\n  static forRoot(): ModuleWithProviders<TimePickerModule> {\n    return { ngModule: TimePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TimepickerDirective as ɵa} from './timepicker.directive';"],"names":["moment.tz"],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-timepicker.js","sources":["../../../projects/mis-components/timepicker/timepicker.directive.ts","../../../projects/mis-components/timepicker/timepicker.component.ts","../../../projects/mis-components/timepicker/timepicker.module.ts","../../../projects/mis-components/timepicker/mis-crystal-design-system-timepicker.ts"],"sourcesContent":["import { Directive, Output, TemplateRef } from '@angular/core';\nimport { EventEmitter, Input, ViewContainerRef } from \"@angular/core\";\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\n\n@Directive({\n  selector: '[libTimepicker]'\n})\nexport class TimepickerDirective {\n  private openStatus: boolean = false;\n  @Input('originEl') originEl : any;\n  @Output() statusEmitter = new EventEmitter<boolean>(); \n\n  @Input('openStatus')  set createOverlayOnInput(openStatus){\n    this.openStatus = openStatus;\n    if(this.originEl && this.openStatus) this.createOverlay(this.originEl);\n  }; \n  private overlayRef!: OverlayRef;\n  constructor(private templateRef: TemplateRef<Element>, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  createOverlay(origin: any): void {\n    const positions = [\n      new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, 0, 4),\n      new ConnectionPositionPair({ originX: \"end\", originY: \"bottom\" }, { overlayX: \"end\", overlayY: \"top\" }, 0, 4)\n    ];\n\n    const overlayConfig = new OverlayConfig({\n      hasBackdrop: true,\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\n      positionStrategy: this.overlay\n        .position()\n        //connecting the dropdown overlay to the input element\n        .flexibleConnectedTo(origin)\n        .withPositions([...positions])\n        .withPush(true)\n    });\n\n    this.overlayRef = this.overlay.create(overlayConfig);\n    const dropdownPortal = new TemplatePortal(this.templateRef, this.viewContainerRef);\n    this.overlayRef.attach(dropdownPortal);\n    this.overlayRef.backdropClick().subscribe(resp => {\n      this.openStatus = false;\n      this.statusEmitter.emit(false);\n      this.overlayRef.detach();\n    });\n  }\n\n  destroyOverlay(){\n    this.overlayRef.detach();\n  }\n  \n}\n","import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewChildren } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITime } from \"./time.namespace\";\nimport { TimepickerDirective } from \"./timepicker.directive\";\n\n@Component({\n  selector: \"mis-timepicker\",\n  templateUrl: \"./timepicker.component.html\",\n  styleUrls: [\"./timepicker.component.scss\"]\n})\nexport class TimePickerComponent {\n  currTime!: string;\n  chosenTime: string;\n  openStatus: boolean = false;\n  isHighlighted: number = 0;\n  isInvalid: boolean = false;\n  timeIntervals: string[] = [];\n  shouldScroll: boolean = false;\n  userInputFlag: boolean = false;\n  givenTimeFlag: boolean = true;\n\n  @Input() clockFormat: number = 12;\n  timeFormat!: string;\n\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() height: string = \"max-content\";\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() interval: number = 15;\n  @Input() dateAsEpoch: number = moment().valueOf();\n  @Input() firstInterval!: number;\n  @Input() rangeValidity: boolean = true;\n  @Input() showTooltip: boolean = true;\n  @Input() givenTime: number;\n  @Input() triggerChange: boolean = true;\n\n  @Output() timeEmitter = new EventEmitter<ITime>();\n  @ViewChild(\"input\", { static: true }) input: ElementRef;\n  @ViewChild(TimepickerDirective) timepickerDirective: TimepickerDirective;\n\n  // gets all the li elements from the dropdown and scrolls to the highlighted element\n  @ViewChildren(\"timeInterval\") set timeIntervalRefs(intervals) {\n    intervals.forEach(interval => {\n      if (interval.nativeElement.classList[0] === \"highlight\") {\n        const highlighted = interval.nativeElement;\n        setTimeout(() => highlighted.scrollIntoView({ block: \"center\" }));\n      }\n    });\n  }\n\n  constructor(){}\n  ngOnInit(): void {}\n\n  ngOnChanges(): void {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n\n    if (this.timeFormat) {\n      let chosenTimeMoment = this.getMoment(this.chosenTime);\n    \n      // if the first interval is >= the chosen time\n      // then only update the value of chosen time\n      // else it remains the same\n      if (this.firstInterval >= chosenTimeMoment.valueOf() && this.rangeValidity && !this.userInputFlag) {\n        this.chosenTime = moment(this.firstInterval).format(this.timeFormat);\n        chosenTimeMoment = this.getMoment(this.chosenTime)\n      }\n\n      if(this.givenTimeFlag && this.givenTime) this.chosenTime = moment(this.givenTime).format(this.timeFormat);\n      chosenTimeMoment = this.getMoment(this.chosenTime)\n\n      if (!this.userInputFlag) this.populateDropdown();\n      this.userInputFlag = false;\n      this.isInvalid = !this.checkTimeValidity(this.chosenTime.trim());\n      this.emitTime({\n        valid: !this.isInvalid,\n        time: this.chosenTime,\n        epoch: chosenTimeMoment.valueOf()\n      });\n      this.calculateClosestInterval(this.chosenTime);\n    }\n  }\n\n  emitTime(data: ITime): void {\n    this.timeEmitter.emit(data);\n  }\n\n  // function to get moment object when time is given in string\n  getMoment(time: string){\n    return moment(`${moment(this.dateAsEpoch).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n  }\n\n  // gets a boolean from overlay event to close the dropdown\n  closeDropdown(val: boolean) {\n    this.userInputFlag = false;\n    this.openStatus = val;\n  }\n\n  // toggle timepicker dropdown\n  openDropdown(): void {\n    this.openStatus = true;\n  }\n\n  checkTimeValidity(time: string): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = this.getMoment(time);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if (\n      this.givenTime ||\n      (this.firstInterval &&\n      moment(this.firstInterval).format(this.timeFormat).valueOf() === moment().startOf(\"d\").format(this.timeFormat).valueOf())\n    ) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.isAfter(moment()) ? true: false;\n    }\n\n    return flag;\n  }\n\n  // update chosen time as soon as the user clicks on an interval\n  onTimeSelect(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n    if (!this.isInvalid) {\n      this.chosenTime = time;\n      this.calculateClosestInterval(this.chosenTime);\n    }\n\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n    this.openStatus = false;\n    if (this.timepickerDirective) this.timepickerDirective.destroyOverlay();\n  }\n\n  // checks validity of time on input change and calculates the closest interval\n  onTimeChange(time: string): void {\n    this.isInvalid = !this.checkTimeValidity(time.trim());\n\n    if (!this.isInvalid) {\n      this.userInputFlag = true;\n      this.calculateClosestInterval(time);\n    }\n    const timeMoment = this.getMoment(time);\n    this.emitTime({\n      valid: !this.isInvalid,\n      time: time,\n      epoch: timeMoment.valueOf() \n    });\n  }\n\n  calculateClosestInterval(time: string): void {\n    const intervalMS = this.interval * 60 * 1000;\n    const chosenDate = moment(this.dateAsEpoch).format(\"DD-MM-YYYY\");\n\n    // converting time passed as parameter to moment object and adding date\n    const parsedTimeWithDate = moment(`${chosenDate} ${time}`, `DD-MM-YYYY ${this.timeFormat}`);\n\n    // converting moment object to epoch so that calculations for rounding off are easier to do\n    const currEpoch = parsedTimeWithDate.valueOf();\n\n    const offset = currEpoch % intervalMS;\n    const roundedEpoch = offset >= intervalMS / 2 ? currEpoch + (intervalMS - offset) : currEpoch - offset;\n\n    // finding the index of element that needs to be highlighted\n    if(moment(currEpoch).format(this.timeFormat) === moment(this.dateAsEpoch).endOf('d').format(this.timeFormat)){\n      this.isHighlighted = this.timeIntervals.lastIndexOf(this.timeIntervals.slice(-1)[0]);\n    } else{\n      this.timeIntervals.forEach((interval, index, array) => {\n        const intervalObj = moment(`${chosenDate} ${interval}`, `DD-MM-YYYY ${this.timeFormat}`);\n        if (intervalObj.valueOf() === roundedEpoch) this.isHighlighted = index;\n        if (array.length === 1) this.isHighlighted = 0;\n      });\n    }\n  }\n\n  // populates the dropdown according to the first interval received\n  populateDropdown(): void {\n    this.timeIntervals = [];\n\n    // if picker is used as an individual component\n    if (!this.firstInterval) {\n      // firstInterval is initialised according to the current time\n      // if the date is same as the current date\n      if (moment(this.dateAsEpoch).format(\"DD-MM-YYYY\") === moment().format(\"DD-MM-YYYY\")) {\n        const offset = this.interval - (moment().minutes() % this.interval);\n        this.firstInterval = moment().add(offset, \"m\").valueOf();\n      }\n\n      // else the firstInterval is initialised as start of day\n      else {\n        this.firstInterval = moment().startOf(\"d\").valueOf();\n      }\n    }\n\n    if(this.givenTime && this.givenTimeFlag){\n      this.firstInterval = moment(this.givenTime).startOf('d').valueOf();\n      this.givenTimeFlag = false;\n    }\n\n    const dateAsString = moment(this.dateAsEpoch).format('DD-MM-YYYY');\n    const intervalAsString = moment(this.firstInterval).format(this.timeFormat);\n    const start = moment(`${dateAsString} ${intervalAsString}`, `DD-MM-YYYY ${this.timeFormat}`);\n    const end = moment(`${dateAsString}`, 'DD-MM-YYYY').endOf('d');\n\n    \n    while (start.valueOf() < end.valueOf()) {\n      this.timeIntervals.push(start.format(this.timeFormat));\n      start.add(this.interval, \"m\");\n    }\n\n    // if the start time is equal to the interval just before midnight\n    // and the start date = end date\n    // push 11:59pm only\n    if (this.timeIntervals.length === 0) {\n      this.chosenTime = moment().endOf(\"d\").format(this.timeFormat);\n      this.timeIntervals.push(moment().endOf(\"d\").format(this.timeFormat));\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimePickerComponent } from \"./timepicker.component\";\nimport { ToolTipModule } from \"mis-crystal-design-system/tooltip\";\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { TimepickerDirective } from './timepicker.directive';\n\n@NgModule({\n  declarations: [TimePickerComponent, TimepickerDirective],\n  imports: [CommonModule, FormsModule, ToolTipModule, OverlayModule],\n  exports: [TimePickerComponent]\n})\nexport class TimePickerModule {\n  static forRoot(): ModuleWithProviders<TimePickerModule> {\n    return { ngModule: TimePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {TimepickerDirective as ɵa} from './timepicker.directive';"],"names":["moment.tz"],"mappings":"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"}

package/fesm2015/mis-crystal-design-system-timerangepicker.js

@@ -16,15 +16,17 @@ class TimeRangePickerComponent {
         this.clockFormat = 12;
         this.interval = 15;
         this.showTooltip = true;
+        this.direction = 'row';
+        this.gap = '1rem';
         this.timeRangeEmitter = new EventEmitter();
         this.firstIntervalForStartPicker = moment().valueOf();
         this.firstIntervalForEndPicker = moment().valueOf();
         this.rangeValidity = true;
+        this.triggerChange = true;
     }
-    ngOnInit() {
-        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
-    }
+    ngOnInit() { }
     ngOnChanges() {
+        this.timeFormat = this.clockFormat === 12 ? "hh:mm a" : "HH:mm";
         tz.setDefault(this.timezone);
         this.startDate = moment(this.startDateEpoch).format("DD-MM-YYYY");
         this.endDate = moment(this.endDateEpoch).format("DD-MM-YYYY");
@@ -74,6 +76,7 @@ class TimeRangePickerComponent {
     //handlers catch the emitted values and run validation
     startPickerHandler(time) {
         this.startTime = time;
+        this.rangeValidity = true;
         // if the start time changes and the start date is the same as the end date
         // and the start time >=  end time
         // update the first interval of end picker according to the time set in start picker
@@ -83,24 +86,31 @@ class TimeRangePickerComponent {
             this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)
                 .add(offset, "m")
                 .valueOf();
+            // if the first interval == 12:00am, set it as 11:59pm
             const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);
             const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf("d").add(1, "m")).format(this.timeFormat);
             if (intervalAsString === endOfDayAsString) {
                 this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf("d").valueOf();
             }
         }
-        const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
-        this.emitTimeRange({
-            valid: validity && this.rangeValidity,
-            startTime: this.startTime.time,
-            endTime: this.endTime.time,
-            startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),
-            endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()
-        });
+        else {
+            const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&
+                this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
+            this.rangeValidation(validity);
+            this.emitTimeRange({
+                valid: validity && this.rangeValidity,
+                startTime: this.startTime.time,
+                endTime: this.endTime.time,
+                startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),
+                endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()
+            });
+        }
+        this.triggerChange = !this.triggerChange;
     }
     endPickerHandler(time) {
         this.endTime = time;
         const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
+        this.rangeValidation(validity);
         this.emitTimeRange({
             valid: validity && this.rangeValidity,
             startTime: this.startTime.time,
@@ -108,19 +118,16 @@ class TimeRangePickerComponent {
             startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),
             endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()
         });
-        this.rangeValidation();
     }
     checkTimeValidity(time, date) {
         const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;
         const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;
         const RE = this.clockFormat === 12 ? RE12 : RE24;
         const timeMoment = moment(`${moment(date).format("DD-MM-YYYY")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);
-        const startDate = moment(this.startDateEpoch).format("DD-MM-YYYY");
-        const endDate = moment(this.endDateEpoch).format("DD-MM-YYYY");
         let flag = false;
         // if the first interval is set to the start of the day
         // then we don't check its validity against the current time
-        if (startDate !== endDate) {
+        if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {
             flag = time.match(RE) ? true : false;
         }
         else {
@@ -129,8 +136,7 @@ class TimeRangePickerComponent {
         return flag;
     }
     // validates end picker's input according to the start picker's input
-    rangeValidation() {
-        const validity = this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);
+    rangeValidation(validity) {
         if (validity && this.startDate === this.endDate) {
             const startMoment = moment(this.startTime.time, this.timeFormat);
             const endMoment = moment(this.endTime.time, this.timeFormat);
@@ -142,8 +148,8 @@ class TimeRangePickerComponent {
 TimeRangePickerComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-timerangepicker",
-                template: "<div class=\"rangepicker-container\">\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"startDateEpoch\"\n    [firstInterval]=\"firstIntervalForStartPicker\"\n    (timeEmitter)=\"startPickerHandler($event)\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenStartTime\"\n  ></mis-timepicker>\n  <p>-</p>\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"endDateEpoch\"\n    [firstInterval]=\"firstIntervalForEndPicker\"\n    (timeEmitter)=\"endPickerHandler($event)\"\n    [rangeValidity]=\"rangeValidity\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenEndTime\"\n  ></mis-timepicker>\n</div>\n",
-                styles: [".rangepicker-container{display:flex;gap:1rem;align-items:center}"]
+                template: "<div class=\"rangepicker-container\" [ngStyle]=\"{'flexDirection': direction, 'gap': gap}\">\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"startDateEpoch\"\n    [firstInterval]=\"firstIntervalForStartPicker\"\n    (timeEmitter)=\"startPickerHandler($event)\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenStartTime\"\n  ></mis-timepicker>\n  <p *ngIf=\"direction === 'row'\">-</p>\n  <mis-timepicker\n    [clockFormat]=\"clockFormat\"\n    [interval]=\"interval\"\n    [dateAsEpoch]=\"endDateEpoch\"\n    [firstInterval]=\"firstIntervalForEndPicker\"\n    (timeEmitter)=\"endPickerHandler($event)\"\n    [rangeValidity]=\"rangeValidity\"\n    [timezone]=\"timezone\"\n    [height]=\"height\"\n    [inputWidth]=\"inputWidth\"\n    [dropdownWidth]=\"dropdownWidth\"\n    [showTooltip]=\"showTooltip\"\n    [givenTime]=\"givenEndTime\"\n  ></mis-timepicker>\n</div>\n",
+                styles: [".rangepicker-container{display:flex;gap:1rem;align-items:center}p{margin:0;display:inline-flex;align-items:center}"]
             },] }
 ];
 TimeRangePickerComponent.ctorParameters = () => [
@@ -161,6 +167,8 @@ TimeRangePickerComponent.propDecorators = {
     clockFormat: [{ type: Input }],
     interval: [{ type: Input }],
     showTooltip: [{ type: Input }],
+    direction: [{ type: Input }],
+    gap: [{ type: Input }],
     timeRangeEmitter: [{ type: Output }]
 };
 

package/fesm2015/mis-crystal-design-system-timerangepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-timerangepicker.js","sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts","../../../projects/mis-components/timerangepicker/mis-crystal-design-system-timerangepicker.ts"],"sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n  }\n\n  ngOnChanges() {\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // first interval for the start picker will be the one closest to the current time\n    // if the start date is equal to the curr date\n    if (this.startDate === this.currDate) {\n      this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n      this.startTime = {\n        valid: true,\n        time: moment().add(offset, \"m\").format(this.timeFormat),\n        epoch: moment().add(offset, \"m\").valueOf()\n      };\n    } else {\n      this.firstIntervalForStartPicker = moment().startOf(\"d\").valueOf();\n      this.startTime = {\n        valid: true,\n        time: moment().startOf(\"d\").format(this.timeFormat),\n        epoch: moment().startOf(\"d\").valueOf()\n      };\n    }\n\n    // for the end picker if the startDate and the endDate is same\n    // the first interval is set one interval ahead of the first interval for start picker\n    // else if the dates are different we set it to the start of the day\n    if (this.startDate === this.endDate) {\n      this.firstIntervalForEndPicker = moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n    } else {\n      this.firstIntervalForEndPicker = moment().startOf(\"d\").valueOf();\n    }\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: this.firstIntervalForEndPicker\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n    }\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n      \n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n\n    this.rangeValidation();\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    const startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    const endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if (startDate !== endDate) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.isAfter(moment()) ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation() {\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["moment.tz"],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-timerangepicker.js","sources":["../../../projects/mis-components/timerangepicker/timerangepicker.component.ts","../../../projects/mis-components/timerangepicker/timerangepicker.module.ts","../../../projects/mis-components/timerangepicker/mis-crystal-design-system-timerangepicker.ts"],"sourcesContent":["import { Component, Input, ChangeDetectorRef, Output, EventEmitter } from \"@angular/core\";\nimport * as moment from \"moment-timezone\";\nimport { ITimeRange, ITime, TDirection } from \"./timerange.namespace\";\n\n@Component({\n  selector: \"mis-timerangepicker\",\n  templateUrl: \"./timerangepicker.component.html\",\n  styleUrls: [\"./timerangepicker.component.scss\"]\n})\nexport class TimeRangePickerComponent {\n  @Input() inputWidth: string = \"100px\";\n  @Input() dropdownWidth?: string;\n  @Input() height: string = \"46px\";\n  @Input() timezone: string = \"Asia/Kolkata\";\n  @Input() startDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() endDateEpoch: number = moment().tz(this.timezone).valueOf();\n  @Input() givenStartTime: number;\n  @Input() givenEndTime: number;\n  @Input() clockFormat: number = 12;\n  @Input() interval: number = 15;\n  @Input() showTooltip: boolean = true;\n  @Input() direction: TDirection = 'row';\n  @Input() gap: string = '1rem';\n  @Output() timeRangeEmitter = new EventEmitter<ITimeRange>();\n\n  startDate!: string;\n  endDate!: string;\n  currDate!: string;\n  timeFormat!: string;\n  firstIntervalForStartPicker: number = moment().valueOf();\n  firstIntervalForEndPicker: number = moment().valueOf();\n  startTime!: ITime;\n  endTime!: ITime;\n  rangeValidity: boolean = true;\n  triggerChange: boolean = true;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit() {}\n\n  ngOnChanges() {\n    this.timeFormat = this.clockFormat === 12 ? \"hh:mm a\" : \"HH:mm\";\n    moment.tz.setDefault(this.timezone);\n    this.startDate = moment(this.startDateEpoch).format(\"DD-MM-YYYY\");\n    this.endDate = moment(this.endDateEpoch).format(\"DD-MM-YYYY\");\n    this.currDate = moment().format(\"DD-MM-YYYY\");\n    this.setFirstIntervals();\n  }\n\n  // calculate the first interval of the picker\n  setFirstIntervals(): void {\n    const minutes = moment().minutes();\n    const offset = this.interval - (minutes % this.interval);\n\n    // first interval for the start picker will be the one closest to the current time\n    // if the start date is equal to the curr date\n    if (this.startDate === this.currDate) {\n      this.firstIntervalForStartPicker = moment().add(offset, \"m\").valueOf();\n      this.startTime = {\n        valid: true,\n        time: moment().add(offset, \"m\").format(this.timeFormat),\n        epoch: moment().add(offset, \"m\").valueOf()\n      };\n    } else {\n      this.firstIntervalForStartPicker = moment().startOf(\"d\").valueOf();\n      this.startTime = {\n        valid: true,\n        time: moment().startOf(\"d\").format(this.timeFormat),\n        epoch: moment().startOf(\"d\").valueOf()\n      };\n    }\n\n    // for the end picker if the startDate and the endDate is same\n    // the first interval is set one interval ahead of the first interval for start picker\n    // else if the dates are different we set it to the start of the day\n    if (this.startDate === this.endDate) {\n      this.firstIntervalForEndPicker = moment().add(offset, \"m\").add(this.interval, \"m\").valueOf();\n    } else {\n      this.firstIntervalForEndPicker = moment().startOf(\"d\").valueOf();\n    }\n\n    this.endTime = {\n      valid: true,\n      time: moment(this.firstIntervalForEndPicker).format(this.timeFormat),\n      epoch: this.firstIntervalForEndPicker\n    };\n  }\n\n  emitTimeRange(data: ITimeRange): void {\n    this.timeRangeEmitter.emit(data);\n  }\n\n  //handlers catch the emitted values and run validation\n  startPickerHandler(time: ITime): void {\n    this.startTime = time;\n    this.rangeValidity = true;\n    // if the start time changes and the start date is the same as the end date\n    // and the start time >=  end time\n    // update the first interval of end picker according to the time set in start picker\n    if (this.startDate === this.endDate) {\n      let minutes = moment(this.startTime.time, this.timeFormat).minutes();\n      let offset = this.interval - (minutes % this.interval);\n      this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`)\n        .add(offset, \"m\")\n        .valueOf();\n\n      // if the first interval == 12:00am, set it as 11:59pm\n      const intervalAsString = moment(this.firstIntervalForEndPicker).format(this.timeFormat);\n      const endOfDayAsString = moment(moment(`${this.startDate}`, `DD-MM-YYYY ${this.timeFormat}`).endOf(\"d\").add(1, \"m\")).format(this.timeFormat);\n      if (intervalAsString === endOfDayAsString) {\n        this.firstIntervalForEndPicker = moment(`${this.startDate} ${this.startTime.time}`, `'DD-MM-YYYY' ${this.timeFormat}`).endOf(\"d\").valueOf();\n      }\n\n    } else {\n        const validity =\n        this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) &&\n        this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n        this.rangeValidation(validity);\n        this.emitTimeRange({\n          valid: validity && this.rangeValidity,\n          startTime: this.startTime.time,\n          endTime: this.endTime.time,\n          startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n          endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n        });\n    }\n\n    this.triggerChange = !this.triggerChange;\n  }\n\n  endPickerHandler(time: ITime): void {\n    this.endTime = time;\n\n    const validity =\n      this.checkTimeValidity(this.startTime.time.trim(), this.startDateEpoch) && this.checkTimeValidity(this.endTime.time.trim(), this.endDateEpoch);\n\n    this.rangeValidation(validity);\n    this.emitTimeRange({\n      valid: validity && this.rangeValidity,\n      startTime: this.startTime.time,\n      endTime: this.endTime.time,\n      startEpoch: moment(`${this.startDate} ${this.startTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf(),\n      endEpoch: moment(`${this.endDate} ${this.endTime.time}`, `DD-MM-YYYY ${this.timeFormat}`).valueOf()\n    });\n  }\n\n  checkTimeValidity(time: string, date: number): boolean {\n    const RE12 = /^(([0][1-9]|1[0-2]):([0-5][0-9])( )?(am|pm|AM|PM))$/i;\n    const RE24 = /^([01][0-9]|2[0-3]):[0-5][0-9]$/;\n    const RE = this.clockFormat === 12 ? RE12 : RE24;\n\n    const timeMoment = moment(`${moment(date).format(\"DD-MM-YYYY\")} ${time}`, `'DD-MM-YYYY' ${this.timeFormat}`);\n    let flag: boolean = false;\n\n    // if the first interval is set to the start of the day\n    // then we don't check its validity against the current time\n    if ((this.givenStartTime && this.givenEndTime) || (this.startDate !== this.endDate && this.startDate !== this.currDate)) {\n      flag = time.match(RE) ? true : false;\n    } else {\n      flag = time.match(RE) && timeMoment.isAfter(moment()) ? true : false;\n    }\n\n    return flag;\n  }\n\n  // validates end picker's input according to the start picker's input\n  rangeValidation(validity: boolean) {\n    if (validity && this.startDate === this.endDate) {\n      const startMoment = moment(this.startTime.time, this.timeFormat);\n      const endMoment = moment(this.endTime.time, this.timeFormat);\n      this.rangeValidity = endMoment.diff(startMoment, \"m\") >= 1 ? true : false;\n      this.cdr.detectChanges();\n    }\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { TimeRangePickerComponent } from \"./timerangepicker.component\";\nimport { TimePickerModule } from \"mis-crystal-design-system/timepicker\";\n\n@NgModule({\n  declarations: [TimeRangePickerComponent],\n  imports: [CommonModule, FormsModule, TimePickerModule],\n  exports: [TimeRangePickerComponent]\n})\nexport class TimeRangePickerModule {\n  static forRoot(): ModuleWithProviders<TimeRangePickerModule> {\n    return { ngModule: TimeRangePickerModule, providers: [] };\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["moment.tz"],"mappings":"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"}

package/fesm2015/mis-crystal-design-system-virtual-scroll.js

@@ -39,6 +39,7 @@ class VirtualScrollComponent {
         this.switchOnInfiniteScroll = () => {
             this.error = false;
             this.loading = true;
+            this.endOfInfiniteData = false;
             this.offset.next(0);
             this.setupInfiniteScroll();
         };
@@ -72,8 +73,6 @@ class VirtualScrollComponent {
         }
         const end = this.viewPort.getRenderedRange().end;
         const total = this.viewPort.getDataLength();
-        // console.log(`${end}, '>=', ${total}`);
-        // console.log("Offset->", offset)
         offset = Math.ceil(offset / this.config.pageSize);
         if (end === total && !this.rowsLoading) {
             this.offset.next(offset);

package/fesm2015/mis-crystal-design-system-virtual-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-virtual-scroll.js","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n  })\nexport class VirtualScrollComponent implements OnInit {\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: boolean = false;\n    rowsLoading: boolean = false;\n    \n    // Main state managing variables\n    loading: boolean = false\n    error: boolean = false\n    \n    // Scroll data related variables\n    data$: Observable<any>\n    @Input(\"config\") config: IVirtualScrollConfig = {\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    };\n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any\n\n\n    constructor(private changeDetectorRef: ChangeDetectorRef){}\n    ngOnInit(): void {\n        this.switchOnInfiniteScroll()\n        this.virtualScrollApi = {\n            toggleLoader: () => this.loading = !this.loading,\n            toggleError: () => this.error = !this.error,\n            switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n            switchOffInfiniteScroll: this.switchOffInfiniteScroll\n        }\n        this.changeDetectorRef.detectChanges();\n        this.intialized.emit(this.virtualScrollApi)\n    }\n    switchOffInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.data$ = this.config.data$.pipe(\n            tap(() => {\n                this.loading = false\n                this.changeDetectorRef.detectChanges()\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading = false;\n                this.error = true;\n                return [];\n            })\n        )\n    }\n    switchOnInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.offset.next(0)\n        this.setupInfiniteScroll()\n    }\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n          throttleTime(500),\n          mergeMap(offset => this.getBatch(offset)),\n          scan((acc: Array<any>, batch: Array<any>) => {\n            return [...acc, ...batch];\n          }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading = false;\n                this.loading = false;\n                setTimeout(() => {\n                    this.changeDetectorRef.detectChanges();\n                }, 50)\n            })\n        );\n    }\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        // console.log(`${end}, '>=', ${total}`);\n        // console.log(\"Offset->\", offset)\n        offset = Math.ceil(offset / this.config.pageSize)\n        if (end === total && !this.rowsLoading) {\n            this.offset.next(offset);\n        }\n    }\n    getBatch(offset): Observable<any> {\n        this.rowsLoading = true;\n        if (offset == null) offset = 0;\n        return this.config\n            .infiniteScrollDataFunction(offset, this.config.pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading = false;\n                    this.loading = false;\n                    this.error = true;\n                    return [];\n                })\n            );\n    }\n    \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-virtual-scroll.js","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n  })\nexport class VirtualScrollComponent implements OnInit {\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: boolean = false;\n    rowsLoading: boolean = false;\n    \n    // Main state managing variables\n    loading: boolean = false\n    error: boolean = false\n    \n    // Scroll data related variables\n    data$: Observable<any>\n    @Input(\"config\") config: IVirtualScrollConfig = {\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    };\n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any\n\n\n    constructor(private changeDetectorRef: ChangeDetectorRef){}\n    ngOnInit(): void {\n        this.switchOnInfiniteScroll()\n        this.virtualScrollApi = {\n            toggleLoader: () => this.loading = !this.loading,\n            toggleError: () => this.error = !this.error,\n            switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n            switchOffInfiniteScroll: this.switchOffInfiniteScroll\n        }\n        this.changeDetectorRef.detectChanges();\n        this.intialized.emit(this.virtualScrollApi)\n    }\n    switchOffInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.data$ = this.config.data$.pipe(\n            tap(() => {\n                this.loading = false\n                this.changeDetectorRef.detectChanges()\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading = false;\n                this.error = true;\n                return [];\n            })\n        )\n    }\n    switchOnInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.endOfInfiniteData = false;\n        this.offset.next(0)\n        this.setupInfiniteScroll()\n    }\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n          throttleTime(500),\n          mergeMap(offset => this.getBatch(offset)),\n          scan((acc: Array<any>, batch: Array<any>) => {\n            return [...acc, ...batch];\n          }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading = false;\n                this.loading = false;\n                setTimeout(() => {\n                    this.changeDetectorRef.detectChanges();\n                }, 50)\n            })\n        );\n    }\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        offset = Math.ceil(offset / this.config.pageSize)\n        if (end === total && !this.rowsLoading) {\n            this.offset.next(offset);\n        }\n    }\n    getBatch(offset): Observable<any> {\n        this.rowsLoading = true;\n        if (offset == null) offset = 0;\n        return this.config\n            .infiniteScrollDataFunction(offset, this.config.pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading = false;\n                    this.loading = false;\n                    this.error = true;\n                    return [];\n                })\n            );\n    }\n    \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",