@schneideress/dashboardframework 0.0.246 → 0.0.247

package/fesm5/schneideress-dashboardframework.js

@@ -293,9 +293,9 @@ var RADashboardResponsiveService = /** @class */ (function () {
     };
     Object.defineProperty(RADashboardResponsiveService.prototype, "IsDesktopView", {
         get: function () {
-            var agent = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36";
-            if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|realme|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) ||
-                /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(agent))
+            var agent = navigator.userAgent || navigator.vendor || window.opera;
+            if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(agent) ||
+                /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(agent.substring(0, 4)))
                 return false;
             return true;
         },
@@ -307,7 +307,7 @@ var RADashboardResponsiveService = /** @class */ (function () {
             var check = false;
             var agent = navigator.userAgent || navigator.vendor || window.opera;
             if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(agent) ||
-                /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(agent))
+                /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(agent.substring(0, 4)))
                 check = true;
             return check;
         },
@@ -2655,10 +2655,10 @@ var GridsterComponent = /** @class */ (function () {
     }
     GridsterComponent_1 = GridsterComponent;
     GridsterComponent.checkCollisionTwoItems = function (item, item2) {
-        return item.x < item2.x + item2.cols
-            && item.x + item.cols > item2.x
-            && item.y < item2.y + item2.rows
-            && item.y + item.rows > item2.y;
+        return (item.x < item2.x + item2.cols &&
+            item.x + item.cols > item2.x &&
+            item.y < item2.y + item2.rows &&
+            item.y + item.rows > item2.y);
     };
     GridsterComponent.prototype.ngOnInit = function () {
         if (this.options.initCallback) {
@@ -2666,6 +2666,7 @@ var GridsterComponent = /** @class */ (function () {
         }
     };
     GridsterComponent.prototype.ngOnChanges = function (changes) {
+        console.log(this.$options);
         if (changes.options) {
             this.setOptions();
             this.options.api = {
@@ -2674,7 +2675,7 @@ var GridsterComponent = /** @class */ (function () {
                 getNextPossiblePosition: this.getNextPossiblePosition.bind(this),
                 getFirstPossiblePosition: this.getFirstPossiblePosition.bind(this),
                 getLastPossiblePosition: this.getLastPossiblePosition.bind(this),
-                getCurrentRowHeight: this.getCurrentRowHeight.bind(this)
+                getCurrentRowHeight: this.getCurrentRowHeight.bind(this),
             };
             this.columns = this.$options.minCols;
             this.rows = this.$options.minRows;
@@ -2688,7 +2689,7 @@ var GridsterComponent = /** @class */ (function () {
     GridsterComponent.prototype.resize = function () {
         var height;
         var width;
-        if (this.$options.gridType === 'fit' && !this.mobile) {
+        if (this.$options.gridType === "fit" && !this.mobile) {
             width = this.el.offsetWidth;
             height = this.el.offsetHeight;
         }
@@ -2696,14 +2697,15 @@ var GridsterComponent = /** @class */ (function () {
             width = this.el.clientWidth;
             height = this.el.clientHeight;
         }
-        if ((width !== this.curWidth || height !== this.curHeight) && this.checkIfToResize()) {
+        if ((width !== this.curWidth || height !== this.curHeight) &&
+            this.checkIfToResize()) {
             this.onResize();
         }
     };
     GridsterComponent.prototype.setOptions = function () {
         this.$options = GridsterUtils.merge(this.$options, this.options, this.$options);
         if (!this.$options.disableWindowResize && !this.windowResize) {
-            this.windowResize = this.renderer.listen('window', 'resize', this.onResize.bind(this));
+            this.windowResize = this.renderer.listen("window", "resize", this.onResize.bind(this));
         }
         else if (this.$options.disableWindowResize && this.windowResize) {
             this.windowResize();
@@ -2729,9 +2731,9 @@ var GridsterComponent = /** @class */ (function () {
         }
         //if (this.options.api) {
         /* this.options.api getting undefined for new dashboard load- temp fix
-        *  on new dashboard area load, old dashboard area gets destroyed, but that leads to
-        *  ondestroy of current this.options.api instance - needs to investigate further
-        */
+         *  on new dashboard area load, old dashboard area gets destroyed, but that leads to
+         *  ondestroy of current this.options.api instance - needs to investigate further
+         */
         if (false) {
             this.options.api.resize = undefined;
             this.options.api.optionsChanged = undefined;
@@ -2754,10 +2756,12 @@ var GridsterComponent = /** @class */ (function () {
         var clientHeight = this.el.clientHeight;
         var offsetHeight = this.el.offsetHeight;
         var scrollHeight = this.el.scrollHeight;
-        var verticalScrollPresent = clientWidth < offsetWidth && scrollHeight > offsetHeight
-            && scrollHeight - offsetHeight < offsetWidth - clientWidth;
-        var horizontalScrollPresent = clientHeight < offsetHeight
-            && scrollWidth > offsetWidth && scrollWidth - offsetWidth < offsetHeight - clientHeight;
+        var verticalScrollPresent = clientWidth < offsetWidth &&
+            scrollHeight > offsetHeight &&
+            scrollHeight - offsetHeight < offsetWidth - clientWidth;
+        var horizontalScrollPresent = clientHeight < offsetHeight &&
+            scrollWidth > offsetWidth &&
+            scrollWidth - offsetWidth < offsetHeight - clientHeight;
         if (verticalScrollPresent) {
             return false;
         }
@@ -2767,7 +2771,8 @@ var GridsterComponent = /** @class */ (function () {
         var el = this.el;
         var width = el.clientWidth;
         var height = el.clientHeight;
-        if (this.$options.setGridSize || this.$options.gridType === 'fit' && !this.mobile) {
+        if (this.$options.setGridSize ||
+            (this.$options.gridType === "fit" && !this.mobile)) {
             width = el.offsetWidth;
             height = el.offsetHeight;
         }
@@ -2782,11 +2787,11 @@ var GridsterComponent = /** @class */ (function () {
         this.setGridSize();
         if (!this.mobile && this.$options.mobileBreakpoint > this.curWidth) {
             this.mobile = !this.mobile;
-            this.renderer.addClass(this.el, 'mobile');
+            this.renderer.addClass(this.el, "mobile");
         }
         else if (this.mobile && this.$options.mobileBreakpoint < this.curWidth) {
             this.mobile = !this.mobile;
-            this.renderer.removeClass(this.el, 'mobile');
+            this.renderer.removeClass(this.el, "mobile");
         }
         var rows = this.$options.minRows, columns = this.$options.minCols;
         var widgetsIndex = this.grid.length - 1, widget;
@@ -2814,57 +2819,57 @@ var GridsterComponent = /** @class */ (function () {
             var marginWidth = -this.$options.margin;
             if (this.$options.outerMarginLeft !== null) {
                 marginWidth += this.$options.outerMarginLeft;
-                this.renderer.setStyle(this.el, 'padding-left', this.$options.outerMarginLeft + 'px');
+                this.renderer.setStyle(this.el, "padding-left", this.$options.outerMarginLeft + "px");
             }
             else {
                 marginWidth += this.$options.margin;
-                this.renderer.setStyle(this.el, 'padding-left', this.$options.margin + 'px');
+                this.renderer.setStyle(this.el, "padding-left", this.$options.margin + "px");
             }
             if (this.$options.outerMarginRight !== null) {
                 marginWidth += this.$options.outerMarginRight;
-                this.renderer.setStyle(this.el, 'padding-right', this.$options.outerMarginRight + 'px');
+                this.renderer.setStyle(this.el, "padding-right", this.$options.outerMarginRight + "px");
             }
             else {
                 marginWidth += this.$options.margin;
-                this.renderer.setStyle(this.el, 'padding-right', this.$options.margin + 'px');
+                this.renderer.setStyle(this.el, "padding-right", this.$options.margin + "px");
             }
             this.curColWidth = (this.curWidth - marginWidth) / this.columns;
             var marginHeight = -this.$options.margin;
             if (this.$options.outerMarginTop !== null) {
                 marginHeight += this.$options.outerMarginTop;
-                this.renderer.setStyle(this.el, 'padding-top', this.$options.outerMarginTop + 'px');
+                this.renderer.setStyle(this.el, "padding-top", this.$options.outerMarginTop + "px");
             }
             else {
                 marginHeight += this.$options.margin;
-                this.renderer.setStyle(this.el, 'padding-top', this.$options.margin + 'px');
+                this.renderer.setStyle(this.el, "padding-top", this.$options.margin + "px");
             }
             if (this.$options.outerMarginBottom !== null) {
                 marginHeight += this.$options.outerMarginBottom;
-                this.renderer.setStyle(this.el, 'padding-bottom', this.$options.outerMarginBottom + 'px');
+                this.renderer.setStyle(this.el, "padding-bottom", this.$options.outerMarginBottom + "px");
             }
             else {
                 marginHeight += this.$options.margin;
-                this.renderer.setStyle(this.el, 'padding-bottom', this.$options.margin + 'px');
+                this.renderer.setStyle(this.el, "padding-bottom", this.$options.margin + "px");
             }
             this.curRowHeight = (this.curHeight - marginHeight) / this.rows;
         }
         else {
             this.curColWidth = (this.curWidth + this.$options.margin) / this.columns;
             this.curRowHeight = (this.curHeight + this.$options.margin) / this.rows;
-            this.renderer.setStyle(this.el, 'padding-left', 0 + 'px');
-            this.renderer.setStyle(this.el, 'padding-right', 0 + 'px');
-            this.renderer.setStyle(this.el, 'padding-top', 0 + 'px');
-            this.renderer.setStyle(this.el, 'padding-bottom', 0 + 'px');
+            this.renderer.setStyle(this.el, "padding-left", 0 + "px");
+            this.renderer.setStyle(this.el, "padding-right", 0 + "px");
+            this.renderer.setStyle(this.el, "padding-top", 0 + "px");
+            this.renderer.setStyle(this.el, "padding-bottom", 0 + "px");
         }
         this.gridRenderer.updateGridster();
         this.updateGrid();
         if (this.$options.setGridSize) {
-            this.renderer.setStyle(this.el, 'width', (this.columns * this.curColWidth + this.$options.margin) + 'px');
-            this.renderer.setStyle(this.el, 'height', (this.rows * this.curRowHeight + this.$options.margin) + 'px');
+            this.renderer.setStyle(this.el, "width", this.columns * this.curColWidth + this.$options.margin + "px");
+            this.renderer.setStyle(this.el, "height", this.rows * this.curRowHeight + this.$options.margin + "px");
         }
         else {
-            this.renderer.setStyle(this.el, 'width', '');
-            this.renderer.setStyle(this.el, 'height', '');
+            this.renderer.setStyle(this.el, "width", "");
+            this.renderer.setStyle(this.el, "height", "");
         }
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex >= 0; widgetsIndex--) {
@@ -2876,18 +2881,23 @@ var GridsterComponent = /** @class */ (function () {
         setTimeout(this.resize.bind(this), 100);
     };
     GridsterComponent.prototype.updateGrid = function () {
-        if (this.$options.displayGrid === 'always' && !this.mobile) {
-            this.renderer.addClass(this.el, 'display-grid');
+        if (this.$options.displayGrid === "always" && !this.mobile) {
+            this.renderer.addClass(this.el, "display-grid");
         }
-        else if (this.$options.displayGrid === 'onDrag&Resize' && this.dragInProgress) {
-            this.renderer.addClass(this.el, 'display-grid');
+        else if (this.$options.displayGrid === "onDrag&Resize" &&
+            this.dragInProgress) {
+            this.renderer.addClass(this.el, "display-grid");
         }
-        else if (this.$options.displayGrid === 'none' || !this.dragInProgress || this.mobile) {
-            this.renderer.removeClass(this.el, 'display-grid');
+        else if (this.$options.displayGrid === "none" ||
+            !this.dragInProgress ||
+            this.mobile) {
+            this.renderer.removeClass(this.el, "display-grid");
         }
         this.setGridDimensions();
-        this.gridColumns.length = Math.max(this.columns, Math.floor(this.curWidth / this.curColWidth)) || 0;
-        this.gridRows.length = Math.max(this.rows, Math.floor(this.curHeight / this.curRowHeight)) || 0;
+        this.gridColumns.length =
+            Math.max(this.columns, Math.floor(this.curWidth / this.curColWidth)) || 0;
+        this.gridRows.length =
+            Math.max(this.rows, Math.floor(this.curHeight / this.curRowHeight)) || 0;
         this.cdRef.markForCheck();
     };
     GridsterComponent.prototype.addItem = function (itemComponent) {
@@ -2907,8 +2917,8 @@ var GridsterComponent = /** @class */ (function () {
         else if (this.checkCollision(itemComponent.$item)) {
             if (!this.$options.disableWarnings) {
                 itemComponent.notPlaced = true;
-                console.warn('Can\'t be placed in the bounds of the dashboard, trying to auto position!/n' +
-                    JSON.stringify(itemComponent.item, ['cols', 'rows', 'x', 'y']));
+                console.warn("Can't be placed in the bounds of the dashboard, trying to auto position!/n" +
+                    JSON.stringify(itemComponent.item, ["cols", "rows", "x", "y"]));
             }
             if (!this.$options.disableAutoPositionOnConflict) {
                 this.autoPositionItem(itemComponent);
@@ -2947,24 +2957,43 @@ var GridsterComponent = /** @class */ (function () {
         var noNegativePosition = item.y > -1 && item.x > -1;
         var maxGridCols = item.cols + item.x <= this.$options.maxCols;
         var maxGridRows = item.rows + item.y <= this.$options.maxRows;
-        var maxItemCols = item.maxItemCols === undefined ? this.$options.maxItemCols : item.maxItemCols;
-        var minItemCols = item.minItemCols === undefined ? this.$options.minItemCols : item.minItemCols;
-        var maxItemRows = item.maxItemRows === undefined ? this.$options.maxItemRows : item.maxItemRows;
-        var minItemRows = item.minItemRows === undefined ? this.$options.minItemRows : item.minItemRows;
+        var maxItemCols = item.maxItemCols === undefined
+            ? this.$options.maxItemCols
+            : item.maxItemCols;
+        var minItemCols = item.minItemCols === undefined
+            ? this.$options.minItemCols
+            : item.minItemCols;
+        var maxItemRows = item.maxItemRows === undefined
+            ? this.$options.maxItemRows
+            : item.maxItemRows;
+        var minItemRows = item.minItemRows === undefined
+            ? this.$options.minItemRows
+            : item.minItemRows;
         var inColsLimits = item.cols <= maxItemCols && item.cols >= minItemCols;
         var inRowsLimits = item.rows <= maxItemRows && item.rows >= minItemRows;
-        var minAreaLimit = item.minItemArea === undefined ? this.$options.minItemArea : item.minItemArea;
-        var maxAreaLimit = item.maxItemArea === undefined ? this.$options.maxItemArea : item.maxItemArea;
+        var minAreaLimit = item.minItemArea === undefined
+            ? this.$options.minItemArea
+            : item.minItemArea;
+        var maxAreaLimit = item.maxItemArea === undefined
+            ? this.$options.maxItemArea
+            : item.maxItemArea;
         var area = item.cols * item.rows;
         var inMinArea = minAreaLimit <= area;
         var inMaxArea = maxAreaLimit >= area;
-        return !(noNegativePosition && maxGridCols && maxGridRows && inColsLimits && inRowsLimits && inMinArea && inMaxArea);
+        return !(noNegativePosition &&
+            maxGridCols &&
+            maxGridRows &&
+            inColsLimits &&
+            inRowsLimits &&
+            inMinArea &&
+            inMaxArea);
     };
     GridsterComponent.prototype.findItemWithItem = function (item) {
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex > -1; widgetsIndex--) {
             widget = this.grid[widgetsIndex];
-            if (widget.$item !== item && GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
+            if (widget.$item !== item &&
+                GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
                 return widget;
             }
         }
@@ -2975,7 +3004,8 @@ var GridsterComponent = /** @class */ (function () {
         var widgetsIndex = this.grid.length - 1, widget;
         for (; widgetsIndex > -1; widgetsIndex--) {
             widget = this.grid[widgetsIndex];
-            if (widget.$item !== item && GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
+            if (widget.$item !== item &&
+                GridsterComponent_1.checkCollisionTwoItems(widget.$item, item)) {
                 a.push(widget);
             }
         }
@@ -2991,8 +3021,8 @@ var GridsterComponent = /** @class */ (function () {
         else {
             itemComponent.notPlaced = true;
             if (!this.$options.disableWarnings) {
-                console.warn('Can\'t be placed in the bounds of the dashboard!/n' +
-                    JSON.stringify(itemComponent.item, ['cols', 'rows', 'x', 'y']));
+                console.warn("Can't be placed in the bounds of the dashboard!/n" +
+                    JSON.stringify(itemComponent.item, ["cols", "rows", "x", "y"]));
             }
         }
     };
@@ -3039,7 +3069,10 @@ var GridsterComponent = /** @class */ (function () {
     GridsterComponent.prototype.getLastPossiblePosition = function (item) {
         var farthestItem = { y: 0, x: 0 };
         farthestItem = this.grid.reduce(function (prev, curr) {
-            var currCoords = { y: curr.$item.y + curr.$item.rows - 1, x: curr.$item.x + curr.$item.cols - 1 };
+            var currCoords = {
+                y: curr.$item.y + curr.$item.rows - 1,
+                x: curr.$item.x + curr.$item.cols - 1,
+            };
             if (GridsterUtils.compareItems(prev, currCoords) === 1) {
                 return currCoords;
             }
@@ -3088,12 +3121,15 @@ var GridsterComponent = /** @class */ (function () {
     ], GridsterComponent.prototype, "options", void 0);
     GridsterComponent = GridsterComponent_1 = __decorate([
         Component({
-            selector: 'gridster',
+            selector: "gridster",
             template: "<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n",
             encapsulation: ViewEncapsulation.None,
             styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto;flex-flow:column}gridster.mobile gridster-item{position:relative;width:100%!important;min-height:300px!important}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]
         }),
-        __metadata("design:paramtypes", [ElementRef, Renderer2, ChangeDetectorRef, NgZone])
+        __metadata("design:paramtypes", [ElementRef,
+            Renderer2,
+            ChangeDetectorRef,
+            NgZone])
     ], GridsterComponent);
     return GridsterComponent;
 }());