@schneideress/dashboardframework 0.0.179 → 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 +90 -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 +59 -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 +72 -8
- package/esm5/lib/ra.dashboard.responsive.service.js +1 -7
- package/fesm2015/schneideress-dashboardframework.js +61 -16
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +74 -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,32 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1737
1747
|
if (this.gridCellHeight > 0) {
|
|
1738
1748
|
this.data.widgetInfo.rowHeight = this.gridCellHeight;
|
|
1739
1749
|
}
|
|
1740
|
-
|
|
1741
|
-
|
|
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;
|
|
1742
1776
|
};
|
|
1743
1777
|
/** To load external custom element to the widget container*/
|
|
1744
1778
|
/**
|
|
@@ -1759,7 +1793,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1759
1793
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
1760
1794
|
widgetConfigFilter = (/** @type {?} */ ({
|
|
1761
1795
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1762
|
-
globalFilter: this.globalFilter
|
|
1796
|
+
globalFilter: this.globalFilter,
|
|
1797
|
+
configChanges: this.getConfigChanges(false)
|
|
1763
1798
|
}));
|
|
1764
1799
|
if (widgetInfo.widgetSettings && widgetInfo.widgetSettings.length > 0) {
|
|
1765
1800
|
this.widgetSettings = this.getParsedConfig(widgetInfo.widgetSettings);
|
|
@@ -1931,18 +1966,38 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1931
1966
|
break;
|
|
1932
1967
|
}
|
|
1933
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
|
+
};
|
|
1934
1986
|
/** To refresh widget on input config changes */
|
|
1935
1987
|
/**
|
|
1936
1988
|
* To refresh widget on input config changes
|
|
1937
1989
|
* @param {?} widgetInfo
|
|
1990
|
+
* @param {?=} configChanged
|
|
1938
1991
|
* @return {?}
|
|
1939
1992
|
*/
|
|
1940
1993
|
RAWidgetContainer.prototype.refreshWidget = /**
|
|
1941
1994
|
* To refresh widget on input config changes
|
|
1942
1995
|
* @param {?} widgetInfo
|
|
1996
|
+
* @param {?=} configChanged
|
|
1943
1997
|
* @return {?}
|
|
1944
1998
|
*/
|
|
1945
|
-
function (widgetInfo) {
|
|
1999
|
+
function (widgetInfo, configChanged) {
|
|
2000
|
+
if (configChanged === void 0) { configChanged = false; }
|
|
1946
2001
|
return __awaiter(this, void 0, void 0, function () {
|
|
1947
2002
|
var widgetContainerContext, widgetConfigFilter;
|
|
1948
2003
|
return __generator(this, function (_a) {
|
|
@@ -1955,8 +2010,11 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1955
2010
|
config: widgetInfo.widgetConfigInfo.config,
|
|
1956
2011
|
globalFilter: this.globalFilter,
|
|
1957
2012
|
appConfig: this.appConfig,
|
|
1958
|
-
widgetInfo: widgetInfo
|
|
2013
|
+
widgetInfo: widgetInfo,
|
|
2014
|
+
configChanges: this.getConfigChanges(configChanged)
|
|
1959
2015
|
}));
|
|
2016
|
+
console.log('wiget container filter data is');
|
|
2017
|
+
console.log(widgetConfigFilter);
|
|
1960
2018
|
if (!widgetContainerContext.isWidgetLoaded) return [3 /*break*/, 3];
|
|
1961
2019
|
widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
|
|
1962
2020
|
return [4 /*yield*/, this.setLock(widgetConfigFilter.config)];
|
|
@@ -2202,7 +2260,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2202
2260
|
{ type: Component, args: [{
|
|
2203
2261
|
selector: 'ra-widget-container',
|
|
2204
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>",
|
|
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
|
|
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}"]
|
|
2206
2264
|
}] }
|
|
2207
2265
|
];
|
|
2208
2266
|
/** @nocollapse */
|
|
@@ -4766,7 +4824,7 @@ var GridsterComponent = /** @class */ (function () {
|
|
|
4766
4824
|
selector: 'gridster',
|
|
4767
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",
|
|
4768
4826
|
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
|
|
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}"]
|
|
4770
4828
|
}] }
|
|
4771
4829
|
];
|
|
4772
4830
|
/** @nocollapse */
|
|
@@ -7546,7 +7604,7 @@ var GridsterItemComponent = /** @class */ (function () {
|
|
|
7546
7604
|
selector: 'gridster-item',
|
|
7547
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",
|
|
7548
7606
|
encapsulation: ViewEncapsulation.None,
|
|
7549
|
-
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}"]
|
|
7550
7608
|
}] }
|
|
7551
7609
|
];
|
|
7552
7610
|
/** @nocollapse */
|