@schneideress/dashboardframework 0.0.178 → 0.0.180
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.
- package/bundles/schneideress-dashboardframework.umd.js +91 -30
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +11 -11
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/gridster/lib/gridster.component.js +1 -1
- package/esm2015/gridster/lib/gridsterItem.component.js +1 -1
- package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +1 -1
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +59 -8
- package/esm2015/lib/ra.dashboard.responsive.service.js +2 -10
- package/esm5/gridster/lib/gridster.component.js +1 -1
- package/esm5/gridster/lib/gridsterItem.component.js +1 -1
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +1 -1
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +72 -8
- package/esm5/lib/ra.dashboard.responsive.service.js +2 -10
- package/fesm2015/schneideress-dashboardframework.js +62 -19
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +75 -19
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +4 -2
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -499,15 +499,7 @@ var RADashboardResponsiveService = /** @class */ (function () {
|
|
|
499
499
|
*/
|
|
500
500
|
function () {
|
|
501
501
|
var _this = this;
|
|
502
|
-
|
|
503
|
-
console.log('window.outerWidth---------------');
|
|
504
|
-
console.log(window.outerWidth);
|
|
505
|
-
console.log('window.innerWidth--------------');
|
|
506
|
-
console.log(window.innerWidth);
|
|
507
|
-
console.log('Orientation---------------');
|
|
508
|
-
console.log(screen.orientation.angle);
|
|
509
|
-
console.log('$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$');
|
|
510
|
-
this.screenWidth = window.innerWidth;
|
|
502
|
+
this.screenWidth = window.outerWidth;
|
|
511
503
|
if (this.IsDesktopView) {
|
|
512
504
|
this.currentResInfo = this.resInfo[3];
|
|
513
505
|
}
|
|
@@ -1325,7 +1317,7 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1325
1317
|
{ type: Component, args: [{
|
|
1326
1318
|
selector: 'ra-dashboard-area',
|
|
1327
1319
|
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\"\r\n (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n </ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n <notifier-container></notifier-container>\r\n</div>\r\n",
|
|
1328
|
-
styles: ["gridster{width:inherit;resize:height;display
|
|
1320
|
+
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)}"]
|
|
1329
1321
|
}] }
|
|
1330
1322
|
];
|
|
1331
1323
|
/** @nocollapse */
|
|
@@ -1640,7 +1632,23 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1640
1632
|
* @return {?}
|
|
1641
1633
|
*/
|
|
1642
1634
|
function () {
|
|
1643
|
-
|
|
1635
|
+
/** @type {?} */
|
|
1636
|
+
var widgetConfigFilter;
|
|
1637
|
+
if (this.widgetElement) {
|
|
1638
|
+
/** @type {?} */
|
|
1639
|
+
var configData = this.widgetElement.getConfigFilter();
|
|
1640
|
+
if (configData) {
|
|
1641
|
+
widgetConfigFilter = configData;
|
|
1642
|
+
}
|
|
1643
|
+
}
|
|
1644
|
+
if (widgetConfigFilter) {
|
|
1645
|
+
this.raDashboardEventBus.publish(RAEvent.WidgetEditClicked, widgetConfigFilter);
|
|
1646
|
+
}
|
|
1647
|
+
else {
|
|
1648
|
+
/** @type {?} */
|
|
1649
|
+
var widgetConfigFilterData = this.generateConfigFilter(false);
|
|
1650
|
+
this.raDashboardEventBus.publish(RAEvent.WidgetEditClicked, widgetConfigFilterData);
|
|
1651
|
+
}
|
|
1644
1652
|
};
|
|
1645
1653
|
/** To Delete current widget from DOM*/
|
|
1646
1654
|
/**
|
|
@@ -1739,8 +1747,32 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1739
1747
|
if (this.gridCellHeight > 0) {
|
|
1740
1748
|
this.data.widgetInfo.rowHeight = this.gridCellHeight;
|
|
1741
1749
|
}
|
|
1742
|
-
|
|
1743
|
-
|
|
1750
|
+
if (this.widgetElement) {
|
|
1751
|
+
this.widgetElement.setConfigFilter(this.generateConfigFilter(true));
|
|
1752
|
+
}
|
|
1753
|
+
this.refreshWidget(this.data.widgetInfo, true);
|
|
1754
|
+
};
|
|
1755
|
+
/**
|
|
1756
|
+
* @private
|
|
1757
|
+
* @param {?=} configChanged
|
|
1758
|
+
* @return {?}
|
|
1759
|
+
*/
|
|
1760
|
+
RAWidgetContainer.prototype.generateConfigFilter = /**
|
|
1761
|
+
* @private
|
|
1762
|
+
* @param {?=} configChanged
|
|
1763
|
+
* @return {?}
|
|
1764
|
+
*/
|
|
1765
|
+
function (configChanged) {
|
|
1766
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1767
|
+
/** @type {?} */
|
|
1768
|
+
var widgetConfigFilterData = (/** @type {?} */ ({
|
|
1769
|
+
appConfig: this.appConfig,
|
|
1770
|
+
globalFilter: this.globalFilter,
|
|
1771
|
+
widgetInfo: this.data.widgetInfo,
|
|
1772
|
+
config: this.data.widgetInfo.widgetConfigInfo.config,
|
|
1773
|
+
configChanges: this.getConfigChanges(configChanged)
|
|
1774
|
+
}));
|
|
1775
|
+
return widgetConfigFilterData;
|
|
1744
1776
|
};
|
|
1745
1777
|
/** To load external custom element to the widget container*/
|
|
1746
1778
|
/**
|
|
@@ -1761,7 +1793,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1761
1793
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
1762
1794
|
widgetConfigFilter = (/** @type {?} */ ({
|
|
1763
1795
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1764
|
-
globalFilter: this.globalFilter
|
|
1796
|
+
globalFilter: this.globalFilter,
|
|
1797
|
+
configChanges: this.getConfigChanges(false)
|
|
1765
1798
|
}));
|
|
1766
1799
|
if (widgetInfo.widgetSettings && widgetInfo.widgetSettings.length > 0) {
|
|
1767
1800
|
this.widgetSettings = this.getParsedConfig(widgetInfo.widgetSettings);
|
|
@@ -1933,18 +1966,38 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1933
1966
|
break;
|
|
1934
1967
|
}
|
|
1935
1968
|
};
|
|
1969
|
+
/**
|
|
1970
|
+
* @param {?=} configChanged
|
|
1971
|
+
* @return {?}
|
|
1972
|
+
*/
|
|
1973
|
+
RAWidgetContainer.prototype.getConfigChanges = /**
|
|
1974
|
+
* @param {?=} configChanged
|
|
1975
|
+
* @return {?}
|
|
1976
|
+
*/
|
|
1977
|
+
function (configChanged) {
|
|
1978
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1979
|
+
/** @type {?} */
|
|
1980
|
+
var configChanges = (/** @type {?} */ ({
|
|
1981
|
+
isConfigUpdated: configChanged,
|
|
1982
|
+
updatedConfigProperty: []
|
|
1983
|
+
}));
|
|
1984
|
+
return configChanges;
|
|
1985
|
+
};
|
|
1936
1986
|
/** To refresh widget on input config changes */
|
|
1937
1987
|
/**
|
|
1938
1988
|
* To refresh widget on input config changes
|
|
1939
1989
|
* @param {?} widgetInfo
|
|
1990
|
+
* @param {?=} configChanged
|
|
1940
1991
|
* @return {?}
|
|
1941
1992
|
*/
|
|
1942
1993
|
RAWidgetContainer.prototype.refreshWidget = /**
|
|
1943
1994
|
* To refresh widget on input config changes
|
|
1944
1995
|
* @param {?} widgetInfo
|
|
1996
|
+
* @param {?=} configChanged
|
|
1945
1997
|
* @return {?}
|
|
1946
1998
|
*/
|
|
1947
|
-
function (widgetInfo) {
|
|
1999
|
+
function (widgetInfo, configChanged) {
|
|
2000
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1948
2001
|
return __awaiter(this, void 0, void 0, function () {
|
|
1949
2002
|
var widgetContainerContext, widgetConfigFilter;
|
|
1950
2003
|
return __generator(this, function (_a) {
|
|
@@ -1957,8 +2010,11 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1957
2010
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1958
2011
|
globalFilter: this.globalFilter,
|
|
1959
2012
|
appConfig: this.appConfig,
|
|
1960
|
-
widgetInfo: widgetInfo
|
|
2013
|
+
widgetInfo: widgetInfo,
|
|
2014
|
+
configChanges: this.getConfigChanges(configChanged)
|
|
1961
2015
|
}));
|
|
2016
|
+
console.log('wiget container filter data is');
|
|
2017
|
+
console.log(widgetConfigFilter);
|
|
1962
2018
|
if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 3];
|
|
1963
2019
|
widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
|
|
1964
2020
|
return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
|
|
@@ -2204,7 +2260,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2204
2260
|
{ type: Component, args: [{
|
|
2205
2261
|
selector: 'ra-widget-container',
|
|
2206
2262
|
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()\" *ngIf=\"isWidgetMgmnt\">\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()\" *ngIf=\"isWidgetMgmnt\">\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()\" *ngIf=\"isWidgetMgmnt\">\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 && isWidgetMgmnt\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\" *ngIf=\"isWidgetMgmnt\">\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\" [isGlobalFilterApplied]=\"isGlobalFilterApplied\"\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>",
|
|
2207
|
-
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
|
|
2263
|
+
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;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 .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-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}"]
|
|
2208
2264
|
}] }
|
|
2209
2265
|
];
|
|
2210
2266
|
/** @nocollapse */
|
|
@@ -4768,7 +4824,7 @@ var GridsterComponent = /** @class */ (function () {
|
|
|
4768
4824
|
selector: 'gridster',
|
|
4769
4825
|
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",
|
|
4770
4826
|
encapsulation: ViewEncapsulation.None,
|
|
4771
|
-
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
|
|
4827
|
+
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}"]
|
|
4772
4828
|
}] }
|
|
4773
4829
|
];
|
|
4774
4830
|
/** @nocollapse */
|
|
@@ -7548,7 +7604,7 @@ var GridsterItemComponent = /** @class */ (function () {
|
|
|
7548
7604
|
selector: 'gridster-item',
|
|
7549
7605
|
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",
|
|
7550
7606
|
encapsulation: ViewEncapsulation.None,
|
|
7551
|
-
styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden
|
|
7607
|
+
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}"]
|
|
7552
7608
|
}] }
|
|
7553
7609
|
];
|
|
7554
7610
|
/** @nocollapse */
|