@schneideress/dashboardframework 0.0.156 → 0.0.158

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -291,223 +291,6 @@ const RAEventKey = {
291
291
  WidgetInstanceId: "widgetInstanceId",
292
292
  };
293
293
 
294
- /**
295
- * @fileoverview added by tsickle
296
- * Generated from: gridster/lib/gridsterConfig.interface.ts
297
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
298
- */
299
- /** @enum {string} */
300
- const GridType = {
301
- Fit: "fit",
302
- ScrollVertical: "scrollVertical",
303
- ScrollHorizontal: "scrollHorizontal",
304
- Fixed: "fixed",
305
- VerticalFixed: "verticalFixed",
306
- HorizontalFixed: "horizontalFixed",
307
- };
308
- /** @enum {string} */
309
- const DisplayGrid = {
310
- Always: "always",
311
- OnDragAndResize: "onDrag&Resize",
312
- None: "none",
313
- };
314
- /** @enum {string} */
315
- const CompactType = {
316
- None: "none",
317
- CompactUp: "compactUp",
318
- CompactLeft: "compactLeft",
319
- CompactUpAndLeft: "compactUp&Left",
320
- CompactLeftAndUp: "compactLeft&Up",
321
- CompactRight: "compactRight",
322
- CompactUpAndRight: "compactUp&Right",
323
- CompactRightAndUp: "compactRight&Up",
324
- };
325
- /**
326
- * @record
327
- */
328
- function GridsterConfig() { }
329
- if (false) {
330
- /** @type {?|undefined} */
331
- GridsterConfig.prototype.gridType;
332
- /** @type {?|undefined} */
333
- GridsterConfig.prototype.fixedColWidth;
334
- /** @type {?|undefined} */
335
- GridsterConfig.prototype.fixedRowHeight;
336
- /** @type {?|undefined} */
337
- GridsterConfig.prototype.keepFixedHeightInMobile;
338
- /** @type {?|undefined} */
339
- GridsterConfig.prototype.keepFixedWidthInMobile;
340
- /** @type {?|undefined} */
341
- GridsterConfig.prototype.setGridSize;
342
- /** @type {?|undefined} */
343
- GridsterConfig.prototype.compactType;
344
- /** @type {?|undefined} */
345
- GridsterConfig.prototype.mobileBreakpoint;
346
- /** @type {?|undefined} */
347
- GridsterConfig.prototype.minCols;
348
- /** @type {?|undefined} */
349
- GridsterConfig.prototype.maxCols;
350
- /** @type {?|undefined} */
351
- GridsterConfig.prototype.minRows;
352
- /** @type {?|undefined} */
353
- GridsterConfig.prototype.maxRows;
354
- /** @type {?|undefined} */
355
- GridsterConfig.prototype.defaultItemCols;
356
- /** @type {?|undefined} */
357
- GridsterConfig.prototype.defaultItemRows;
358
- /** @type {?|undefined} */
359
- GridsterConfig.prototype.maxItemCols;
360
- /** @type {?|undefined} */
361
- GridsterConfig.prototype.maxItemRows;
362
- /** @type {?|undefined} */
363
- GridsterConfig.prototype.minItemCols;
364
- /** @type {?|undefined} */
365
- GridsterConfig.prototype.minItemRows;
366
- /** @type {?|undefined} */
367
- GridsterConfig.prototype.minItemArea;
368
- /** @type {?|undefined} */
369
- GridsterConfig.prototype.maxItemArea;
370
- /** @type {?|undefined} */
371
- GridsterConfig.prototype.margin;
372
- /** @type {?|undefined} */
373
- GridsterConfig.prototype.outerMargin;
374
- /** @type {?|undefined} */
375
- GridsterConfig.prototype.outerMarginTop;
376
- /** @type {?|undefined} */
377
- GridsterConfig.prototype.outerMarginRight;
378
- /** @type {?|undefined} */
379
- GridsterConfig.prototype.outerMarginBottom;
380
- /** @type {?|undefined} */
381
- GridsterConfig.prototype.outerMarginLeft;
382
- /** @type {?|undefined} */
383
- GridsterConfig.prototype.useTransformPositioning;
384
- /** @type {?|undefined} */
385
- GridsterConfig.prototype.scrollSensitivity;
386
- /** @type {?|undefined} */
387
- GridsterConfig.prototype.scrollSpeed;
388
- /** @type {?|undefined} */
389
- GridsterConfig.prototype.initCallback;
390
- /** @type {?|undefined} */
391
- GridsterConfig.prototype.destroyCallback;
392
- /** @type {?|undefined} */
393
- GridsterConfig.prototype.gridSizeChangedCallback;
394
- /** @type {?|undefined} */
395
- GridsterConfig.prototype.itemChangeCallback;
396
- /** @type {?|undefined} */
397
- GridsterConfig.prototype.itemResizeCallback;
398
- /** @type {?|undefined} */
399
- GridsterConfig.prototype.itemInitCallback;
400
- /** @type {?|undefined} */
401
- GridsterConfig.prototype.itemRemovedCallback;
402
- /** @type {?|undefined} */
403
- GridsterConfig.prototype.itemValidateCallback;
404
- /** @type {?|undefined} */
405
- GridsterConfig.prototype.draggable;
406
- /** @type {?|undefined} */
407
- GridsterConfig.prototype.resizable;
408
- /** @type {?|undefined} */
409
- GridsterConfig.prototype.swap;
410
- /** @type {?|undefined} */
411
- GridsterConfig.prototype.pushItems;
412
- /** @type {?|undefined} */
413
- GridsterConfig.prototype.disablePushOnDrag;
414
- /** @type {?|undefined} */
415
- GridsterConfig.prototype.disablePushOnResize;
416
- /** @type {?|undefined} */
417
- GridsterConfig.prototype.disableAutoPositionOnConflict;
418
- /** @type {?|undefined} */
419
- GridsterConfig.prototype.pushDirections;
420
- /** @type {?|undefined} */
421
- GridsterConfig.prototype.pushResizeItems;
422
- /** @type {?|undefined} */
423
- GridsterConfig.prototype.displayGrid;
424
- /** @type {?|undefined} */
425
- GridsterConfig.prototype.disableWindowResize;
426
- /** @type {?|undefined} */
427
- GridsterConfig.prototype.disableWarnings;
428
- /** @type {?|undefined} */
429
- GridsterConfig.prototype.scrollToNewItems;
430
- /** @type {?|undefined} */
431
- GridsterConfig.prototype.enableEmptyCellClick;
432
- /** @type {?|undefined} */
433
- GridsterConfig.prototype.enableEmptyCellContextMenu;
434
- /** @type {?|undefined} */
435
- GridsterConfig.prototype.enableEmptyCellDrop;
436
- /** @type {?|undefined} */
437
- GridsterConfig.prototype.enableEmptyCellDrag;
438
- /** @type {?|undefined} */
439
- GridsterConfig.prototype.emptyCellClickCallback;
440
- /** @type {?|undefined} */
441
- GridsterConfig.prototype.emptyCellContextMenuCallback;
442
- /** @type {?|undefined} */
443
- GridsterConfig.prototype.emptyCellDropCallback;
444
- /** @type {?|undefined} */
445
- GridsterConfig.prototype.emptyCellDragCallback;
446
- /** @type {?|undefined} */
447
- GridsterConfig.prototype.emptyCellDragMaxCols;
448
- /** @type {?|undefined} */
449
- GridsterConfig.prototype.emptyCellDragMaxRows;
450
- /** @type {?|undefined} */
451
- GridsterConfig.prototype.ignoreMarginInRow;
452
- /** @type {?|undefined} */
453
- GridsterConfig.prototype.autoResizeonDrag;
454
- /** @type {?|undefined} */
455
- GridsterConfig.prototype.api;
456
- /* Skipping unhandled member: [propName: string]: any;*/
457
- }
458
- /**
459
- * @record
460
- */
461
- function DragBase() { }
462
- if (false) {
463
- /** @type {?|undefined} */
464
- DragBase.prototype.enabled;
465
- /** @type {?|undefined} */
466
- DragBase.prototype.stop;
467
- /** @type {?|undefined} */
468
- DragBase.prototype.start;
469
- /** @type {?|undefined} */
470
- DragBase.prototype.delayStart;
471
- }
472
- /**
473
- * @record
474
- */
475
- function Draggable() { }
476
- if (false) {
477
- /** @type {?|undefined} */
478
- Draggable.prototype.ignoreContentClass;
479
- /** @type {?|undefined} */
480
- Draggable.prototype.ignoreContent;
481
- /** @type {?|undefined} */
482
- Draggable.prototype.dragHandleClass;
483
- /** @type {?|undefined} */
484
- Draggable.prototype.dropOverItems;
485
- /** @type {?|undefined} */
486
- Draggable.prototype.dropOverItemsCallback;
487
- }
488
- /**
489
- * @record
490
- */
491
- function Resizable() { }
492
- if (false) {
493
- /** @type {?|undefined} */
494
- Resizable.prototype.handles;
495
- }
496
- /**
497
- * @record
498
- */
499
- function PushDirections() { }
500
- if (false) {
501
- /** @type {?} */
502
- PushDirections.prototype.north;
503
- /** @type {?} */
504
- PushDirections.prototype.east;
505
- /** @type {?} */
506
- PushDirections.prototype.south;
507
- /** @type {?} */
508
- PushDirections.prototype.west;
509
- }
510
-
511
294
  /**
512
295
  * @fileoverview added by tsickle
513
296
  * Generated from: lib/ra.gridster.config.ts
@@ -515,8 +298,8 @@ if (false) {
515
298
  */
516
299
  /** @type {?} */
517
300
  const GridsterConfigDefaultSettings = {
518
- gridType: GridType.ScrollVertical,
519
- compactType: CompactType.None,
301
+ gridType: 'scrollVertical',
302
+ compactType: 'none',
520
303
  margin: 10,
521
304
  outerMargin: true,
522
305
  outerMarginTop: 10,
@@ -537,8 +320,6 @@ const GridsterConfigDefaultSettings = {
537
320
  minItemArea: 4,
538
321
  defaultItemCols: 2,
539
322
  defaultItemRows: 2,
540
- // fixedColWidth: 105,
541
- // fixedRowHeight: 105,
542
323
  keepFixedHeightInMobile: false,
543
324
  keepFixedWidthInMobile: false,
544
325
  scrollSensitivity: 10,
@@ -564,15 +345,12 @@ const GridsterConfigDefaultSettings = {
564
345
  disablePushOnResize: false,
565
346
  pushDirections: { north: true, east: true, south: true, west: true },
566
347
  pushResizeItems: false,
567
- displayGrid: DisplayGrid.None,
348
+ displayGrid: 'none',
568
349
  disableWindowResize: false,
569
350
  disableWarnings: false,
570
351
  scrollToNewItems: true,
571
352
  autoResizeonDrag: false,
572
353
  setGridSize: false
573
- //itemResizeCallback: (item) => this.itemResize(item),
574
- //itemChangeCallback: (item) => this.itemCallBack(item),
575
- //itemInitCallback: (item) => this.itemInitCallback(item)
576
354
  };
577
355
 
578
356
  /**
@@ -621,7 +399,7 @@ class RADashboardResponsiveService {
621
399
  get IsDesktopView() {
622
400
  /** @type {?} */
623
401
  let agent = navigator.userAgent || navigator.vendor || window.opera;
624
- 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|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.substr(0, 4)))
402
+ 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))
625
403
  return false;
626
404
  return true;
627
405
  }
@@ -1254,7 +1032,7 @@ RADashboardArea.decorators = [
1254
1032
  { type: Component, args: [{
1255
1033
  selector: 'ra-dashboard-area',
1256
1034
  template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\" >\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n [global-filter]=\"globalFilter\" [grid-cell-height]=\"(gridcellHeight > 0)?gridcellHeight:item.widgetInfo.rowHeight\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"></ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n <notifier-container></notifier-container>\r\n</div>\r\n\r\n",
1257
- styles: ["gridster{width:inherit;resize:height;display:-webkit-box;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;-webkit-transition:.3s;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
1035
+ styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
1258
1036
  }] }
1259
1037
  ];
1260
1038
  /** @nocollapse */
@@ -1945,8 +1723,8 @@ class RAWidgetContainer {
1945
1723
  RAWidgetContainer.decorators = [
1946
1724
  { type: Component, args: [{
1947
1725
  selector: 'ra-widget-container',
1948
- template: "<div class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\"\r\n [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.lockedfields'|translate}}\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\" style=\"width:10px;\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\"\r\n [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|translate}}</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n <a (click)=\"downloadIconClicked('CSV')\">\r\n <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n <i class=\"fal fa-download\"></i>\r\n <span>{{excelText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{deleteText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'15px'}\">\r\n <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n <div #ctlWidget></div>\r\n </div>\r\n <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" [widgetEmptyState]=\"widgetEmptyState\">\r\n </ra-widget-state>\r\n </div>\r\n <div>\r\n </div>\r\n </div>\r\n</div>",
1949
- styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative;width:100%}@media screen and (max-width:400px){.dropdown{visibility:visible;opacity:1}}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;height:100%;float:left}.defaultConfig .textarea .empty-config{color:#32ad3c}.defaultConfig .textarea .error-view{color:#dc0a0a}.defaultConfig .textarea .empty-data{color:#5ab5e6}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
1726
+ template: "<div class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\"\r\n [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n <div class=\"col-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.lockedfields'|translate}}\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\" style=\"width:10px;\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\"\r\n [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|translate}}</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n <a (click)=\"downloadIconClicked('CSV')\">\r\n <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n <i class=\"fal fa-download\"></i>\r\n <span>{{excelText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{deleteText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'15px'}\">\r\n <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n <div #ctlWidget></div>\r\n </div>\r\n <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n <ra-widget-state style=\"width: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\" \r\n [widgetEmptyState]=\"widgetEmptyState\" (editWidgetClicked) = editWidget()>\r\n </ra-widget-state>\r\n </div>\r\n <div>\r\n </div>\r\n </div>\r\n</div>",
1727
+ styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative;width:100%}@media screen and (max-width:400px){.dropdown{visibility:visible;opacity:1}}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:flex;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;height:100%;float:left}.defaultConfig .textarea .empty-config{color:#32ad3c}.defaultConfig .textarea .error-view{color:#dc0a0a}.defaultConfig .textarea .empty-data{color:#5ab5e6}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
1950
1728
  }] }
1951
1729
  ];
1952
1730
  /** @nocollapse */
@@ -2180,6 +1958,223 @@ const customNotifierOptions = {
2180
1958
  }
2181
1959
  };
2182
1960
 
1961
+ /**
1962
+ * @fileoverview added by tsickle
1963
+ * Generated from: gridster/lib/gridsterConfig.interface.ts
1964
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1965
+ */
1966
+ /** @enum {string} */
1967
+ const GridType = {
1968
+ Fit: "fit",
1969
+ ScrollVertical: "scrollVertical",
1970
+ ScrollHorizontal: "scrollHorizontal",
1971
+ Fixed: "fixed",
1972
+ VerticalFixed: "verticalFixed",
1973
+ HorizontalFixed: "horizontalFixed",
1974
+ };
1975
+ /** @enum {string} */
1976
+ const DisplayGrid = {
1977
+ Always: "always",
1978
+ OnDragAndResize: "onDrag&Resize",
1979
+ None: "none",
1980
+ };
1981
+ /** @enum {string} */
1982
+ const CompactType = {
1983
+ None: "none",
1984
+ CompactUp: "compactUp",
1985
+ CompactLeft: "compactLeft",
1986
+ CompactUpAndLeft: "compactUp&Left",
1987
+ CompactLeftAndUp: "compactLeft&Up",
1988
+ CompactRight: "compactRight",
1989
+ CompactUpAndRight: "compactUp&Right",
1990
+ CompactRightAndUp: "compactRight&Up",
1991
+ };
1992
+ /**
1993
+ * @record
1994
+ */
1995
+ function GridsterConfig() { }
1996
+ if (false) {
1997
+ /** @type {?|undefined} */
1998
+ GridsterConfig.prototype.gridType;
1999
+ /** @type {?|undefined} */
2000
+ GridsterConfig.prototype.fixedColWidth;
2001
+ /** @type {?|undefined} */
2002
+ GridsterConfig.prototype.fixedRowHeight;
2003
+ /** @type {?|undefined} */
2004
+ GridsterConfig.prototype.keepFixedHeightInMobile;
2005
+ /** @type {?|undefined} */
2006
+ GridsterConfig.prototype.keepFixedWidthInMobile;
2007
+ /** @type {?|undefined} */
2008
+ GridsterConfig.prototype.setGridSize;
2009
+ /** @type {?|undefined} */
2010
+ GridsterConfig.prototype.compactType;
2011
+ /** @type {?|undefined} */
2012
+ GridsterConfig.prototype.mobileBreakpoint;
2013
+ /** @type {?|undefined} */
2014
+ GridsterConfig.prototype.minCols;
2015
+ /** @type {?|undefined} */
2016
+ GridsterConfig.prototype.maxCols;
2017
+ /** @type {?|undefined} */
2018
+ GridsterConfig.prototype.minRows;
2019
+ /** @type {?|undefined} */
2020
+ GridsterConfig.prototype.maxRows;
2021
+ /** @type {?|undefined} */
2022
+ GridsterConfig.prototype.defaultItemCols;
2023
+ /** @type {?|undefined} */
2024
+ GridsterConfig.prototype.defaultItemRows;
2025
+ /** @type {?|undefined} */
2026
+ GridsterConfig.prototype.maxItemCols;
2027
+ /** @type {?|undefined} */
2028
+ GridsterConfig.prototype.maxItemRows;
2029
+ /** @type {?|undefined} */
2030
+ GridsterConfig.prototype.minItemCols;
2031
+ /** @type {?|undefined} */
2032
+ GridsterConfig.prototype.minItemRows;
2033
+ /** @type {?|undefined} */
2034
+ GridsterConfig.prototype.minItemArea;
2035
+ /** @type {?|undefined} */
2036
+ GridsterConfig.prototype.maxItemArea;
2037
+ /** @type {?|undefined} */
2038
+ GridsterConfig.prototype.margin;
2039
+ /** @type {?|undefined} */
2040
+ GridsterConfig.prototype.outerMargin;
2041
+ /** @type {?|undefined} */
2042
+ GridsterConfig.prototype.outerMarginTop;
2043
+ /** @type {?|undefined} */
2044
+ GridsterConfig.prototype.outerMarginRight;
2045
+ /** @type {?|undefined} */
2046
+ GridsterConfig.prototype.outerMarginBottom;
2047
+ /** @type {?|undefined} */
2048
+ GridsterConfig.prototype.outerMarginLeft;
2049
+ /** @type {?|undefined} */
2050
+ GridsterConfig.prototype.useTransformPositioning;
2051
+ /** @type {?|undefined} */
2052
+ GridsterConfig.prototype.scrollSensitivity;
2053
+ /** @type {?|undefined} */
2054
+ GridsterConfig.prototype.scrollSpeed;
2055
+ /** @type {?|undefined} */
2056
+ GridsterConfig.prototype.initCallback;
2057
+ /** @type {?|undefined} */
2058
+ GridsterConfig.prototype.destroyCallback;
2059
+ /** @type {?|undefined} */
2060
+ GridsterConfig.prototype.gridSizeChangedCallback;
2061
+ /** @type {?|undefined} */
2062
+ GridsterConfig.prototype.itemChangeCallback;
2063
+ /** @type {?|undefined} */
2064
+ GridsterConfig.prototype.itemResizeCallback;
2065
+ /** @type {?|undefined} */
2066
+ GridsterConfig.prototype.itemInitCallback;
2067
+ /** @type {?|undefined} */
2068
+ GridsterConfig.prototype.itemRemovedCallback;
2069
+ /** @type {?|undefined} */
2070
+ GridsterConfig.prototype.itemValidateCallback;
2071
+ /** @type {?|undefined} */
2072
+ GridsterConfig.prototype.draggable;
2073
+ /** @type {?|undefined} */
2074
+ GridsterConfig.prototype.resizable;
2075
+ /** @type {?|undefined} */
2076
+ GridsterConfig.prototype.swap;
2077
+ /** @type {?|undefined} */
2078
+ GridsterConfig.prototype.pushItems;
2079
+ /** @type {?|undefined} */
2080
+ GridsterConfig.prototype.disablePushOnDrag;
2081
+ /** @type {?|undefined} */
2082
+ GridsterConfig.prototype.disablePushOnResize;
2083
+ /** @type {?|undefined} */
2084
+ GridsterConfig.prototype.disableAutoPositionOnConflict;
2085
+ /** @type {?|undefined} */
2086
+ GridsterConfig.prototype.pushDirections;
2087
+ /** @type {?|undefined} */
2088
+ GridsterConfig.prototype.pushResizeItems;
2089
+ /** @type {?|undefined} */
2090
+ GridsterConfig.prototype.displayGrid;
2091
+ /** @type {?|undefined} */
2092
+ GridsterConfig.prototype.disableWindowResize;
2093
+ /** @type {?|undefined} */
2094
+ GridsterConfig.prototype.disableWarnings;
2095
+ /** @type {?|undefined} */
2096
+ GridsterConfig.prototype.scrollToNewItems;
2097
+ /** @type {?|undefined} */
2098
+ GridsterConfig.prototype.enableEmptyCellClick;
2099
+ /** @type {?|undefined} */
2100
+ GridsterConfig.prototype.enableEmptyCellContextMenu;
2101
+ /** @type {?|undefined} */
2102
+ GridsterConfig.prototype.enableEmptyCellDrop;
2103
+ /** @type {?|undefined} */
2104
+ GridsterConfig.prototype.enableEmptyCellDrag;
2105
+ /** @type {?|undefined} */
2106
+ GridsterConfig.prototype.emptyCellClickCallback;
2107
+ /** @type {?|undefined} */
2108
+ GridsterConfig.prototype.emptyCellContextMenuCallback;
2109
+ /** @type {?|undefined} */
2110
+ GridsterConfig.prototype.emptyCellDropCallback;
2111
+ /** @type {?|undefined} */
2112
+ GridsterConfig.prototype.emptyCellDragCallback;
2113
+ /** @type {?|undefined} */
2114
+ GridsterConfig.prototype.emptyCellDragMaxCols;
2115
+ /** @type {?|undefined} */
2116
+ GridsterConfig.prototype.emptyCellDragMaxRows;
2117
+ /** @type {?|undefined} */
2118
+ GridsterConfig.prototype.ignoreMarginInRow;
2119
+ /** @type {?|undefined} */
2120
+ GridsterConfig.prototype.autoResizeonDrag;
2121
+ /** @type {?|undefined} */
2122
+ GridsterConfig.prototype.api;
2123
+ /* Skipping unhandled member: [propName: string]: any;*/
2124
+ }
2125
+ /**
2126
+ * @record
2127
+ */
2128
+ function DragBase() { }
2129
+ if (false) {
2130
+ /** @type {?|undefined} */
2131
+ DragBase.prototype.enabled;
2132
+ /** @type {?|undefined} */
2133
+ DragBase.prototype.stop;
2134
+ /** @type {?|undefined} */
2135
+ DragBase.prototype.start;
2136
+ /** @type {?|undefined} */
2137
+ DragBase.prototype.delayStart;
2138
+ }
2139
+ /**
2140
+ * @record
2141
+ */
2142
+ function Draggable() { }
2143
+ if (false) {
2144
+ /** @type {?|undefined} */
2145
+ Draggable.prototype.ignoreContentClass;
2146
+ /** @type {?|undefined} */
2147
+ Draggable.prototype.ignoreContent;
2148
+ /** @type {?|undefined} */
2149
+ Draggable.prototype.dragHandleClass;
2150
+ /** @type {?|undefined} */
2151
+ Draggable.prototype.dropOverItems;
2152
+ /** @type {?|undefined} */
2153
+ Draggable.prototype.dropOverItemsCallback;
2154
+ }
2155
+ /**
2156
+ * @record
2157
+ */
2158
+ function Resizable() { }
2159
+ if (false) {
2160
+ /** @type {?|undefined} */
2161
+ Resizable.prototype.handles;
2162
+ }
2163
+ /**
2164
+ * @record
2165
+ */
2166
+ function PushDirections() { }
2167
+ if (false) {
2168
+ /** @type {?} */
2169
+ PushDirections.prototype.north;
2170
+ /** @type {?} */
2171
+ PushDirections.prototype.east;
2172
+ /** @type {?} */
2173
+ PushDirections.prototype.south;
2174
+ /** @type {?} */
2175
+ PushDirections.prototype.west;
2176
+ }
2177
+
2183
2178
  /**
2184
2179
  * @fileoverview added by tsickle
2185
2180
  * Generated from: gridster/lib/gridsterConfig.constant.ts
@@ -4023,7 +4018,7 @@ GridsterComponent.decorators = [
4023
4018
  selector: 'gridster',
4024
4019
  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",
4025
4020
  encapsulation: ViewEncapsulation.None,
4026
- styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-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;-webkit-box-orient:vertical;-webkit-box-direction:normal;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;-webkit-transition:.3s;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}"]
4021
+ styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-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}"]
4027
4022
  }] }
4028
4023
  ];
4029
4024
  /** @nocollapse */
@@ -6499,7 +6494,7 @@ GridsterItemComponent.decorators = [
6499
6494
  selector: 'gridster-item',
6500
6495
  template: "<ng-content></ng-content>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.s || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-s\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.e || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-e\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.n || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-n\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.w || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-w\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.se || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-se\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.ne || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-ne\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.sw || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-sw\"></div>\r\n<div (mousedown)=\"resize.dragStartDelay($event)\" (touchstart)=\"resize.dragStartDelay($event)\"\r\n [hidden]=\"!gridster.$options.resizable.handles.nw || !resize.resizeEnabled\"\r\n class=\"gridster-item-resizable-handler handle-nw\"></div>\r\n",
6501
6496
  encapsulation: ViewEncapsulation.None,
6502
- styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;-webkit-transition:.3s;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{-webkit-transition:none;transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]
6497
+ styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}gridster-item.gridster-item-moving{cursor:move}gridster-item.gridster-item-moving,gridster-item.gridster-item-resizing{transition:none;z-index:2;box-shadow:0 0 5px 5px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.gridster-item-resizable-handler{position:absolute;z-index:2}.gridster-item-resizable-handler.handle-n{cursor:n-resize;height:10px;right:0;top:0;left:0}.gridster-item-resizable-handler.handle-e{cursor:e-resize;width:10px;bottom:0;right:0;top:0}.gridster-item-resizable-handler.handle-s{cursor:s-resize;height:10px;right:0;bottom:0;left:0}.gridster-item-resizable-handler.handle-w{cursor:w-resize;width:10px;left:0;top:0;bottom:0}.gridster-item-resizable-handler.handle-ne{cursor:ne-resize;width:10px;height:10px;right:0;top:0}.gridster-item-resizable-handler.handle-nw{cursor:nw-resize;width:10px;height:10px;left:0;top:0}.gridster-item-resizable-handler.handle-se{cursor:se-resize;width:0;height:0;right:0;bottom:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent}.gridster-item-resizable-handler.handle-sw{cursor:sw-resize;width:10px;height:10px;left:0;bottom:0}gridster-item:hover .gridster-item-resizable-handler.handle-se{border-color:transparent transparent #ccc}"]
6503
6498
  }] }
6504
6499
  ];
6505
6500
  /** @nocollapse */