@schneideress/dashboardframework 0.0.179 → 0.0.181
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 +96 -27
- 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 +65 -8
- package/esm2015/lib/ra.dashboard.responsive.service.js +1 -7
- 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 +78 -8
- package/esm5/lib/ra.dashboard.responsive.service.js +1 -7
- package/fesm2015/schneideress-dashboardframework.js +67 -16
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +80 -16
- 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,12 +499,6 @@ var RADashboardResponsiveService = /** @class */ (function () {
|
|
|
499
499
|
*/
|
|
500
500
|
function () {
|
|
501
501
|
var _this = this;
|
|
502
|
-
console.log('$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$');
|
|
503
|
-
console.log('window.outerWidth---------------');
|
|
504
|
-
console.log(window.outerWidth);
|
|
505
|
-
console.log('window.innerWidth--------------');
|
|
506
|
-
console.log(window.innerWidth);
|
|
507
|
-
console.log('$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$');
|
|
508
502
|
this.screenWidth = window.outerWidth;
|
|
509
503
|
if (this.IsDesktopView) {
|
|
510
504
|
this.currentResInfo = this.resInfo[3];
|
|
@@ -1323,7 +1317,7 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1323
1317
|
{ type: Component, args: [{
|
|
1324
1318
|
selector: 'ra-dashboard-area',
|
|
1325
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",
|
|
1326
|
-
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)}"]
|
|
1327
1321
|
}] }
|
|
1328
1322
|
];
|
|
1329
1323
|
/** @nocollapse */
|
|
@@ -1638,7 +1632,23 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1638
1632
|
* @return {?}
|
|
1639
1633
|
*/
|
|
1640
1634
|
function () {
|
|
1641
|
-
|
|
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
|
+
}
|
|
1642
1652
|
};
|
|
1643
1653
|
/** To Delete current widget from DOM*/
|
|
1644
1654
|
/**
|
|
@@ -1737,8 +1747,35 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1737
1747
|
if (this.gridCellHeight > 0) {
|
|
1738
1748
|
this.data.widgetInfo.rowHeight = this.gridCellHeight;
|
|
1739
1749
|
}
|
|
1740
|
-
this.
|
|
1741
|
-
|
|
1750
|
+
if (this.widgetElement && typeof (this.widgetElement.setConfigFilter) == 'function') {
|
|
1751
|
+
this.widgetElement.setConfigFilter(this.generateConfigFilter(true));
|
|
1752
|
+
}
|
|
1753
|
+
else {
|
|
1754
|
+
console.warn('widget framework outdated, please update to version 0.0.98');
|
|
1755
|
+
}
|
|
1756
|
+
this.refreshWidget(this.data.widgetInfo, true);
|
|
1757
|
+
};
|
|
1758
|
+
/**
|
|
1759
|
+
* @private
|
|
1760
|
+
* @param {?=} configChanged
|
|
1761
|
+
* @return {?}
|
|
1762
|
+
*/
|
|
1763
|
+
RAWidgetContainer.prototype.generateConfigFilter = /**
|
|
1764
|
+
* @private
|
|
1765
|
+
* @param {?=} configChanged
|
|
1766
|
+
* @return {?}
|
|
1767
|
+
*/
|
|
1768
|
+
function (configChanged) {
|
|
1769
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1770
|
+
/** @type {?} */
|
|
1771
|
+
var widgetConfigFilterData = (/** @type {?} */ ({
|
|
1772
|
+
appConfig: this.appConfig,
|
|
1773
|
+
globalFilter: this.globalFilter,
|
|
1774
|
+
widgetInfo: this.data.widgetInfo,
|
|
1775
|
+
config: this.data.widgetInfo.widgetConfigInfo.config,
|
|
1776
|
+
configChanges: this.getConfigChanges(configChanged)
|
|
1777
|
+
}));
|
|
1778
|
+
return widgetConfigFilterData;
|
|
1742
1779
|
};
|
|
1743
1780
|
/** To load external custom element to the widget container*/
|
|
1744
1781
|
/**
|
|
@@ -1759,7 +1796,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1759
1796
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
1760
1797
|
widgetConfigFilter = (/** @type {?} */ ({
|
|
1761
1798
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1762
|
-
globalFilter: this.globalFilter
|
|
1799
|
+
globalFilter: this.globalFilter,
|
|
1800
|
+
configChanges: this.getConfigChanges(false)
|
|
1763
1801
|
}));
|
|
1764
1802
|
if (widgetInfo.widgetSettings && widgetInfo.widgetSettings.length > 0) {
|
|
1765
1803
|
this.widgetSettings = this.getParsedConfig(widgetInfo.widgetSettings);
|
|
@@ -1931,18 +1969,38 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1931
1969
|
break;
|
|
1932
1970
|
}
|
|
1933
1971
|
};
|
|
1972
|
+
/**
|
|
1973
|
+
* @param {?=} configChanged
|
|
1974
|
+
* @return {?}
|
|
1975
|
+
*/
|
|
1976
|
+
RAWidgetContainer.prototype.getConfigChanges = /**
|
|
1977
|
+
* @param {?=} configChanged
|
|
1978
|
+
* @return {?}
|
|
1979
|
+
*/
|
|
1980
|
+
function (configChanged) {
|
|
1981
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1982
|
+
/** @type {?} */
|
|
1983
|
+
var configChanges = (/** @type {?} */ ({
|
|
1984
|
+
isConfigUpdated: configChanged,
|
|
1985
|
+
updatedConfigProperty: []
|
|
1986
|
+
}));
|
|
1987
|
+
return configChanges;
|
|
1988
|
+
};
|
|
1934
1989
|
/** To refresh widget on input config changes */
|
|
1935
1990
|
/**
|
|
1936
1991
|
* To refresh widget on input config changes
|
|
1937
1992
|
* @param {?} widgetInfo
|
|
1993
|
+
* @param {?=} configChanged
|
|
1938
1994
|
* @return {?}
|
|
1939
1995
|
*/
|
|
1940
1996
|
RAWidgetContainer.prototype.refreshWidget = /**
|
|
1941
1997
|
* To refresh widget on input config changes
|
|
1942
1998
|
* @param {?} widgetInfo
|
|
1999
|
+
* @param {?=} configChanged
|
|
1943
2000
|
* @return {?}
|
|
1944
2001
|
*/
|
|
1945
|
-
function (widgetInfo) {
|
|
2002
|
+
function (widgetInfo, configChanged) {
|
|
2003
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1946
2004
|
return __awaiter(this, void 0, void 0, function () {
|
|
1947
2005
|
var widgetContainerContext, widgetConfigFilter;
|
|
1948
2006
|
return __generator(this, function (_a) {
|
|
@@ -1955,9 +2013,15 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1955
2013
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1956
2014
|
globalFilter: this.globalFilter,
|
|
1957
2015
|
appConfig: this.appConfig,
|
|
1958
|
-
widgetInfo: widgetInfo
|
|
2016
|
+
widgetInfo: widgetInfo,
|
|
2017
|
+
configChanges: this.getConfigChanges(configChanged)
|
|
1959
2018
|
}));
|
|
2019
|
+
console.log('wiget container filter data is');
|
|
2020
|
+
console.log(widgetConfigFilter);
|
|
1960
2021
|
if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 3];
|
|
2022
|
+
if (this.widgetElement && typeof (this.widgetElement.setConfigFilter) == 'function') {
|
|
2023
|
+
widgetContainerContext.widgetElement.setConfigFilter(widgetConfigFilter);
|
|
2024
|
+
}
|
|
1961
2025
|
widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
|
|
1962
2026
|
return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
|
|
1963
2027
|
case 1:
|
|
@@ -2202,7 +2266,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2202
2266
|
{ type: Component, args: [{
|
|
2203
2267
|
selector: 'ra-widget-container',
|
|
2204
2268
|
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>",
|
|
2205
|
-
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
|
|
2269
|
+
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}"]
|
|
2206
2270
|
}] }
|
|
2207
2271
|
];
|
|
2208
2272
|
/** @nocollapse */
|
|
@@ -4766,7 +4830,7 @@ var GridsterComponent = /** @class */ (function () {
|
|
|
4766
4830
|
selector: 'gridster',
|
|
4767
4831
|
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",
|
|
4768
4832
|
encapsulation: ViewEncapsulation.None,
|
|
4769
|
-
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
|
|
4833
|
+
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}"]
|
|
4770
4834
|
}] }
|
|
4771
4835
|
];
|
|
4772
4836
|
/** @nocollapse */
|
|
@@ -7546,7 +7610,7 @@ var GridsterItemComponent = /** @class */ (function () {
|
|
|
7546
7610
|
selector: 'gridster-item',
|
|
7547
7611
|
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",
|
|
7548
7612
|
encapsulation: ViewEncapsulation.None,
|
|
7549
|
-
styles: ["gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden
|
|
7613
|
+
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}"]
|
|
7550
7614
|
}] }
|
|
7551
7615
|
];
|
|
7552
7616
|
/** @nocollapse */
|