@syncfusion/ej2-react-layouts 20.2.45 → 20.3.47
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/CHANGELOG.md +24 -31
- package/dist/ej2-react-layouts.min.js +10 -0
- package/dist/ej2-react-layouts.umd.min.js +1 -1
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +11 -9
- package/styles/bootstrap.css +11 -9
- package/styles/bootstrap4.css +11 -9
- package/styles/bootstrap5-dark.css +11 -9
- package/styles/bootstrap5.css +11 -9
- package/styles/card/bootstrap-dark.css +5 -4
- package/styles/card/bootstrap.css +5 -4
- package/styles/card/bootstrap4.css +5 -4
- package/styles/card/bootstrap5-dark.css +5 -4
- package/styles/card/bootstrap5.css +5 -4
- package/styles/card/fabric-dark.css +5 -4
- package/styles/card/fabric.css +5 -4
- package/styles/card/fluent-dark.css +5 -4
- package/styles/card/fluent.css +5 -4
- package/styles/card/highcontrast-light.css +5 -4
- package/styles/card/highcontrast.css +5 -4
- package/styles/card/material-dark.css +5 -4
- package/styles/card/material.css +5 -4
- package/styles/card/tailwind-dark.css +3 -6
- package/styles/card/tailwind.css +3 -6
- package/styles/dashboard-layout/bootstrap-dark.css +1 -0
- package/styles/dashboard-layout/bootstrap.css +1 -0
- package/styles/dashboard-layout/bootstrap4.css +1 -0
- package/styles/dashboard-layout/bootstrap5-dark.css +1 -0
- package/styles/dashboard-layout/bootstrap5.css +1 -0
- package/styles/dashboard-layout/fabric-dark.css +1 -0
- package/styles/dashboard-layout/fabric.css +1 -0
- package/styles/dashboard-layout/fluent-dark.css +1 -0
- package/styles/dashboard-layout/fluent.css +1 -0
- package/styles/dashboard-layout/highcontrast-light.css +1 -0
- package/styles/dashboard-layout/highcontrast.css +1 -0
- package/styles/dashboard-layout/material-dark.css +1 -0
- package/styles/dashboard-layout/material.css +1 -0
- package/styles/dashboard-layout/tailwind-dark.css +1 -0
- package/styles/dashboard-layout/tailwind.css +1 -0
- package/styles/fabric-dark.css +11 -9
- package/styles/fabric.css +11 -9
- package/styles/fluent-dark.css +11 -9
- package/styles/fluent.css +11 -9
- package/styles/highcontrast-light.css +11 -9
- package/styles/highcontrast.css +11 -9
- package/styles/material-dark.css +11 -9
- package/styles/material.css +11 -9
- package/styles/splitter/bootstrap-dark.css +7 -5
- package/styles/splitter/bootstrap.css +7 -5
- package/styles/splitter/bootstrap4.css +7 -5
- package/styles/splitter/bootstrap5-dark.css +7 -5
- package/styles/splitter/bootstrap5.css +7 -5
- package/styles/splitter/fabric-dark.css +7 -5
- package/styles/splitter/fabric.css +7 -5
- package/styles/splitter/fluent-dark.css +7 -5
- package/styles/splitter/fluent.css +7 -5
- package/styles/splitter/highcontrast-light.css +7 -5
- package/styles/splitter/highcontrast.css +7 -5
- package/styles/splitter/material-dark.css +7 -5
- package/styles/splitter/material.css +7 -5
- package/styles/splitter/tailwind-dark.css +7 -5
- package/styles/splitter/tailwind.css +7 -5
- package/styles/tailwind-dark.css +9 -11
- package/styles/tailwind.css +9 -11
package/CHANGELOG.md
CHANGED
@@ -2,6 +2,14 @@
|
|
2
2
|
|
3
3
|
## [Unreleased]
|
4
4
|
|
5
|
+
## 20.2.46 (2022-08-30)
|
6
|
+
|
7
|
+
### Dashboard Layout
|
8
|
+
|
9
|
+
#### Bug Fixes
|
10
|
+
|
11
|
+
- `#I396820` - The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
|
12
|
+
|
5
13
|
## 20.2.39 (2022-07-19)
|
6
14
|
|
7
15
|
### Dashboard Layout
|
@@ -55,7 +63,6 @@
|
|
55
63
|
### Splitter
|
56
64
|
|
57
65
|
- Provided `enablePersistence` property to persists the component's state between page reloads.
|
58
|
-
|
59
66
|
- Provided `enableReversePanes` property to reorder the splitter panes.
|
60
67
|
|
61
68
|
## 19.1.58 (2021-04-27)
|
@@ -81,7 +88,6 @@
|
|
81
88
|
#### Bug Fixes
|
82
89
|
|
83
90
|
- `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
|
84
|
-
|
85
91
|
- `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
|
86
92
|
|
87
93
|
### Splitter
|
@@ -89,7 +95,6 @@
|
|
89
95
|
#### Bug Fixes
|
90
96
|
|
91
97
|
- `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
|
92
|
-
|
93
98
|
- `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
|
94
99
|
|
95
100
|
## 18.4.30 (2020-12-17)
|
@@ -99,7 +104,6 @@
|
|
99
104
|
#### Bug Fixes
|
100
105
|
|
101
106
|
- `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
|
102
|
-
|
103
107
|
- `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
|
104
108
|
|
105
109
|
## 18.3.53 (2020-12-08)
|
@@ -141,9 +145,7 @@
|
|
141
145
|
#### Bug Fixes
|
142
146
|
|
143
147
|
- `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
|
144
|
-
|
145
148
|
- `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
|
146
|
-
|
147
149
|
- `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
|
148
150
|
|
149
151
|
## 18.2.58 (2020-09-15)
|
@@ -160,7 +162,7 @@
|
|
160
162
|
|
161
163
|
#### Bug Fixes
|
162
164
|
|
163
|
-
-
|
165
|
+
- `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
|
164
166
|
|
165
167
|
## 18.2.44 (2020-07-07)
|
166
168
|
|
@@ -168,7 +170,7 @@
|
|
168
170
|
|
169
171
|
#### Bug Fixes
|
170
172
|
|
171
|
-
-
|
173
|
+
- `#276817` - Panel content will now get persisted on page reload with persistence enabled.
|
172
174
|
|
173
175
|
## 18.1.52 (2020-05-13)
|
174
176
|
|
@@ -176,14 +178,13 @@
|
|
176
178
|
|
177
179
|
#### New Features
|
178
180
|
|
179
|
-
-
|
181
|
+
- `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
|
180
182
|
|
181
183
|
### Splitter
|
182
184
|
|
183
185
|
#### Bug Fixes
|
184
186
|
|
185
187
|
- `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
|
186
|
-
|
187
188
|
- `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
|
188
189
|
|
189
190
|
## 18.1.48 (2020-05-05)
|
@@ -210,6 +211,7 @@
|
|
210
211
|
|
211
212
|
-`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
|
212
213
|
|
214
|
+
|
213
215
|
- Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
|
214
216
|
|
215
217
|
## 18.1.44 (2020-04-14)
|
@@ -281,7 +283,6 @@
|
|
281
283
|
#### Bug Fixes
|
282
284
|
|
283
285
|
- `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
|
284
|
-
|
285
286
|
- `#261829` - Keyboard interaction issue with input components has been resolved.
|
286
287
|
|
287
288
|
## 17.4.44 (2021-01-21)
|
@@ -305,9 +306,7 @@
|
|
305
306
|
#### Bug Fixes
|
306
307
|
|
307
308
|
- `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
|
308
|
-
|
309
309
|
- `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
|
310
|
-
|
311
310
|
- `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
|
312
311
|
|
313
312
|
## 17.4.41 (2020-01-07)
|
@@ -328,11 +327,11 @@
|
|
328
327
|
|
329
328
|
- Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
|
330
329
|
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
|
335
|
-
|
330
|
+
- `Up Arrow` - will move separator towards up in vertical splitter.
|
331
|
+
- `Down Arrow` - will move separator towards down in vertical splitter.
|
332
|
+
- `Right Arrow` - will move separator towards right in horizontal splitter.
|
333
|
+
- `Left Arrow` - will move separator towards left in horizontal splitter.
|
334
|
+
- `Enter key` - will toggle nearest collapsible pane of focused separator.
|
336
335
|
|
337
336
|
## 17.4.40 (2019-12-24)
|
338
337
|
|
@@ -363,7 +362,6 @@
|
|
363
362
|
#### Bug Fixes
|
364
363
|
|
365
364
|
- `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
|
366
|
-
|
367
365
|
- `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
|
368
366
|
|
369
367
|
## 17.3.28 (2019-11-19)
|
@@ -387,11 +385,8 @@
|
|
387
385
|
#### Bug Fixes
|
388
386
|
|
389
387
|
- `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
|
390
|
-
|
391
388
|
- `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
|
392
|
-
|
393
389
|
- `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
|
394
|
-
|
395
390
|
- `#252410` - Resolved the interaction issue with expand and collapse pane.
|
396
391
|
|
397
392
|
## 17.2.48-beta (2019-08-28)
|
@@ -401,13 +396,9 @@
|
|
401
396
|
#### Bug Fixes
|
402
397
|
|
403
398
|
- `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
|
404
|
-
|
405
399
|
- `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
|
406
|
-
|
407
400
|
- `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
|
408
|
-
|
409
401
|
- `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
|
410
|
-
|
411
402
|
- `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
|
412
403
|
|
413
404
|
## 17.1.51 (2019-06-11)
|
@@ -492,6 +483,7 @@
|
|
492
483
|
|
493
484
|
The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
|
494
485
|
|
486
|
+
|
495
487
|
- **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
|
496
488
|
- **Resizing**: Support to resize the panels in any direction as per the requirement.
|
497
489
|
- **Floating**: Floats the panels upward when the dragging option is enabled.
|
@@ -512,7 +504,6 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
512
504
|
#### New Features
|
513
505
|
|
514
506
|
- Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
|
515
|
-
|
516
507
|
- Included the public methods for add and remove splitter panes.
|
517
508
|
|
518
509
|
## 16.4.40-beta (2018-12-10)
|
@@ -521,6 +512,7 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
521
512
|
|
522
513
|
The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
|
523
514
|
|
515
|
+
|
524
516
|
- **Resizable**: By default, all the panes configured with resizable.
|
525
517
|
- **Orientation**: The panes can be oriented horizontally and vertically.
|
526
518
|
- **Nested**: Integrate splitter controls inside split pane to create nested layout.
|
@@ -532,20 +524,21 @@ The Splitter is the layout user interface (UI) which contains multiple resizable
|
|
532
524
|
|
533
525
|
Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
|
534
526
|
|
535
|
-
- **Types** - Provided 2 types of Avatar.
|
536
527
|
|
528
|
+
- **Types** - Provided 2 types of Avatar.
|
537
529
|
- **Sizes** - Supports different sizes to adapt the various application scenario.
|
538
530
|
|
539
531
|
### Card
|
540
532
|
|
541
533
|
The Card is a small container in which user can show defined content in specific structure and it is a flexible and extensible. Card is a pure CSS component built with markup and style.
|
542
534
|
|
535
|
+
|
543
536
|
The available key features are
|
544
537
|
|
545
|
-
- **Header**: Header supports to include title, subtitle along with image.
|
546
538
|
|
539
|
+
- **Header**: Header supports to include title, subtitle along with image.
|
547
540
|
- **Images and Title**: Support to include images with customizable caption positions in it.
|
548
|
-
|
549
541
|
- **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
|
550
|
-
|
551
542
|
- **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
|
543
|
+
|
544
|
+
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/*!
|
2
|
+
* filename: ej2-react-layouts.min.js
|
3
|
+
* version : 20.3.47
|
4
|
+
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
5
|
+
* Use of this code is subject to the terms of our license.
|
6
|
+
* A copy of the current license can be obtained at any time by e-mailing
|
7
|
+
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
8
|
+
* applicable laws.
|
9
|
+
*/
|
10
|
+
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionLayouts","React"],n):"object"==typeof exports?exports.SyncfusionReactLayouts=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):t.SyncfusionReactLayouts=n(t.SyncfusionReactBase,t.SyncfusionLayouts,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=7)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n){t.exports=e},function(t,n,e){"use strict";var r=e(6);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(5);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";var r=e(8);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(9);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panels:"panel"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.DashboardLayout);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="panel",n.complexTemplate={panelsHeader:"panels.header",panelsContent:"panels.content"},n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="panels",n.moduleName="panels",n}(r.ComplexBase)},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(4);e.d(n,"PaneDirective",function(){return r.a}),e.d(n,"PanesDirective",function(){return r.b}),e.d(n,"SplitterComponent",function(){return r.c});var o=e(3);e.d(n,"PanelDirective",function(){return o.a}),e.d(n,"PanelsDirective",function(){return o.b}),e.d(n,"DashboardLayoutComponent",function(){return o.c});var i=e(1);e.n(i);for(var u in i)["PaneDirective","PanesDirective","SplitterComponent","PanelDirective","PanelsDirective","DashboardLayoutComponent","default"].indexOf(u)<0&&function(t){e.d(n,t,function(){return i[t]})}(u)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="pane",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="paneSettings",n.moduleName="panes",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panes:"pane"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.Splitter);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
2
|
* filename: ej2-react-layouts.umd.min.js
|
3
|
-
* version : 20.
|
3
|
+
* version : 20.3.47
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
5
5
|
* Use of this code is subject to the terms of our license.
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"_from": "@syncfusion/ej2-react-layouts@*",
|
3
|
-
"_id": "@syncfusion/ej2-react-layouts@
|
3
|
+
"_id": "@syncfusion/ej2-react-layouts@19.8.9",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
5
|
+
"_integrity": "sha512-QKad6cY1jLlADG2PyyQKQiGeJPvIp/6IM0Leezl3SlHL9VWv2etB6xrmNRBG67tPoyUVHkVVrK8QM0VA05Fz2g==",
|
6
6
|
"_location": "/@syncfusion/ej2-react-layouts",
|
7
7
|
"_phantomChildren": {},
|
8
8
|
"_requested": {
|
@@ -19,8 +19,8 @@
|
|
19
19
|
"_requiredBy": [
|
20
20
|
"/"
|
21
21
|
],
|
22
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-
|
23
|
-
"_shasum": "
|
22
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-19.8.9.tgz",
|
23
|
+
"_shasum": "94a9933b9c587d35bebf136da0a54541cdfaa940",
|
24
24
|
"_spec": "@syncfusion/ej2-react-layouts@*",
|
25
25
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
26
26
|
"author": {
|
@@ -31,9 +31,9 @@
|
|
31
31
|
},
|
32
32
|
"bundleDependencies": false,
|
33
33
|
"dependencies": {
|
34
|
-
"@syncfusion/ej2-base": "~20.
|
35
|
-
"@syncfusion/ej2-layouts": "20.
|
36
|
-
"@syncfusion/ej2-react-base": "~20.
|
34
|
+
"@syncfusion/ej2-base": "~20.3.47",
|
35
|
+
"@syncfusion/ej2-layouts": "20.3.47",
|
36
|
+
"@syncfusion/ej2-react-base": "~20.3.47"
|
37
37
|
},
|
38
38
|
"deprecated": false,
|
39
39
|
"description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for React",
|
@@ -65,6 +65,6 @@
|
|
65
65
|
"type": "git",
|
66
66
|
"url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
|
67
67
|
},
|
68
|
-
"version": "20.
|
68
|
+
"version": "20.3.47",
|
69
69
|
"sideEffects": false
|
70
70
|
}
|
@@ -337,12 +337,12 @@
|
|
337
337
|
}
|
338
338
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
339
339
|
font-size: 13px;
|
340
|
-
font-weight:
|
340
|
+
font-weight: normal;
|
341
341
|
line-height: 18px;
|
342
342
|
}
|
343
343
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
344
344
|
font-size: 12px;
|
345
|
-
font-weight:
|
345
|
+
font-weight: normal;
|
346
346
|
line-height: 14px;
|
347
347
|
padding: 0 0 8px;
|
348
348
|
}
|
@@ -450,8 +450,8 @@
|
|
450
450
|
text-overflow: ellipsis;
|
451
451
|
width: inherit;
|
452
452
|
}
|
453
|
-
.e-card .e-card-actions .e-card-btn
|
454
|
-
.e-card .e-card-actions a
|
453
|
+
.e-card .e-card-actions .e-card-btn,
|
454
|
+
.e-card .e-card-actions a {
|
455
455
|
border-radius: 2px;
|
456
456
|
}
|
457
457
|
.e-card .e-card-actions .e-card-btn,
|
@@ -487,6 +487,7 @@
|
|
487
487
|
}
|
488
488
|
|
489
489
|
/*! card theme */
|
490
|
+
/* stylelint-disable property-no-vendor-prefix */
|
490
491
|
.e-card {
|
491
492
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
492
493
|
background-color: #6e6e6e;
|
@@ -609,8 +610,8 @@
|
|
609
610
|
}
|
610
611
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
611
612
|
-ms-flex-preferred-size: 0 !important;
|
612
|
-
flex-basis: 0 !important;
|
613
|
-
overflow: hidden !important;
|
613
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
614
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
614
615
|
}
|
615
616
|
.e-splitter.e-splitter-horizontal {
|
616
617
|
-ms-flex-direction: row;
|
@@ -643,8 +644,8 @@
|
|
643
644
|
}
|
644
645
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
645
646
|
-ms-flex-preferred-size: 0 !important;
|
646
|
-
flex-basis: 0 !important;
|
647
|
-
overflow: hidden !important;
|
647
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
648
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
648
649
|
}
|
649
650
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
650
651
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1046,7 +1047,8 @@
|
|
1046
1047
|
pointer-events: none;
|
1047
1048
|
}
|
1048
1049
|
|
1049
|
-
/*! component's theme wise override bootstrap-definitions and variables */
|
1050
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
|
1051
|
+
/* stylelint-disable */
|
1050
1052
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1051
1053
|
height: 100%;
|
1052
1054
|
padding: 20px 0;
|
package/styles/bootstrap.css
CHANGED
@@ -338,12 +338,12 @@
|
|
338
338
|
}
|
339
339
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
340
340
|
font-size: 14px;
|
341
|
-
font-weight:
|
341
|
+
font-weight: normal;
|
342
342
|
line-height: normal;
|
343
343
|
}
|
344
344
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
345
345
|
font-size: 14px;
|
346
|
-
font-weight:
|
346
|
+
font-weight: normal;
|
347
347
|
line-height: normal;
|
348
348
|
padding: 6px 0 0;
|
349
349
|
}
|
@@ -451,8 +451,8 @@
|
|
451
451
|
text-overflow: ellipsis;
|
452
452
|
width: inherit;
|
453
453
|
}
|
454
|
-
.e-card .e-card-actions .e-card-btn
|
455
|
-
.e-card .e-card-actions a
|
454
|
+
.e-card .e-card-actions .e-card-btn,
|
455
|
+
.e-card .e-card-actions a {
|
456
456
|
border-radius: 2px;
|
457
457
|
}
|
458
458
|
.e-card .e-card-actions .e-card-btn,
|
@@ -488,6 +488,7 @@
|
|
488
488
|
}
|
489
489
|
|
490
490
|
/*! card theme */
|
491
|
+
/* stylelint-disable property-no-vendor-prefix */
|
491
492
|
.e-card {
|
492
493
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
493
494
|
background-color: #fff;
|
@@ -610,8 +611,8 @@
|
|
610
611
|
}
|
611
612
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
612
613
|
-ms-flex-preferred-size: 0 !important;
|
613
|
-
flex-basis: 0 !important;
|
614
|
-
overflow: hidden !important;
|
614
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
615
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
615
616
|
}
|
616
617
|
.e-splitter.e-splitter-horizontal {
|
617
618
|
-ms-flex-direction: row;
|
@@ -644,8 +645,8 @@
|
|
644
645
|
}
|
645
646
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
646
647
|
-ms-flex-preferred-size: 0 !important;
|
647
|
-
flex-basis: 0 !important;
|
648
|
-
overflow: hidden !important;
|
648
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
649
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
649
650
|
}
|
650
651
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
651
652
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1047,7 +1048,8 @@
|
|
1047
1048
|
pointer-events: none;
|
1048
1049
|
}
|
1049
1050
|
|
1050
|
-
/*! component's theme wise override bootstrap-definitions and variables */
|
1051
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
|
1052
|
+
/* stylelint-disable */
|
1051
1053
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1052
1054
|
height: 100%;
|
1053
1055
|
padding: 20px 0;
|
package/styles/bootstrap4.css
CHANGED
@@ -343,12 +343,12 @@
|
|
343
343
|
}
|
344
344
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
345
345
|
font-size: 14px;
|
346
|
-
font-weight:
|
346
|
+
font-weight: normal;
|
347
347
|
line-height: 21px;
|
348
348
|
}
|
349
349
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
350
350
|
font-size: 14px;
|
351
|
-
font-weight:
|
351
|
+
font-weight: normal;
|
352
352
|
line-height: 16px;
|
353
353
|
padding: 10px 0 0;
|
354
354
|
}
|
@@ -456,8 +456,8 @@
|
|
456
456
|
text-overflow: ellipsis;
|
457
457
|
width: inherit;
|
458
458
|
}
|
459
|
-
.e-card .e-card-actions .e-card-btn
|
460
|
-
.e-card .e-card-actions a
|
459
|
+
.e-card .e-card-actions .e-card-btn,
|
460
|
+
.e-card .e-card-actions a {
|
461
461
|
border-radius: 2px;
|
462
462
|
}
|
463
463
|
.e-card .e-card-actions .e-card-btn,
|
@@ -493,6 +493,7 @@
|
|
493
493
|
}
|
494
494
|
|
495
495
|
/*! card theme */
|
496
|
+
/* stylelint-disable property-no-vendor-prefix */
|
496
497
|
.e-card {
|
497
498
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
498
499
|
background-color: #fff;
|
@@ -614,8 +615,8 @@
|
|
614
615
|
}
|
615
616
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
616
617
|
-ms-flex-preferred-size: 0 !important;
|
617
|
-
flex-basis: 0 !important;
|
618
|
-
overflow: hidden !important;
|
618
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
619
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
619
620
|
}
|
620
621
|
.e-splitter.e-splitter-horizontal {
|
621
622
|
-ms-flex-direction: row;
|
@@ -648,8 +649,8 @@
|
|
648
649
|
}
|
649
650
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
650
651
|
-ms-flex-preferred-size: 0 !important;
|
651
|
-
flex-basis: 0 !important;
|
652
|
-
overflow: hidden !important;
|
652
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
653
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
653
654
|
}
|
654
655
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
655
656
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1051,7 +1052,8 @@
|
|
1051
1052
|
pointer-events: none;
|
1052
1053
|
}
|
1053
1054
|
|
1054
|
-
/*! component's theme wise override bootstrap-definitions and variables */
|
1055
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
|
1056
|
+
/* stylelint-disable */
|
1055
1057
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1056
1058
|
height: 100%;
|
1057
1059
|
padding: 20px 0;
|
@@ -352,12 +352,12 @@
|
|
352
352
|
}
|
353
353
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
354
354
|
font-size: 16px;
|
355
|
-
font-weight:
|
355
|
+
font-weight: normal;
|
356
356
|
line-height: 1.5;
|
357
357
|
}
|
358
358
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
359
359
|
font-size: 14px;
|
360
|
-
font-weight:
|
360
|
+
font-weight: normal;
|
361
361
|
line-height: 1.5;
|
362
362
|
padding: 4px 0 0;
|
363
363
|
}
|
@@ -465,8 +465,8 @@
|
|
465
465
|
text-overflow: ellipsis;
|
466
466
|
width: inherit;
|
467
467
|
}
|
468
|
-
.e-card .e-card-actions .e-card-btn
|
469
|
-
.e-card .e-card-actions a
|
468
|
+
.e-card .e-card-actions .e-card-btn,
|
469
|
+
.e-card .e-card-actions a {
|
470
470
|
border-radius: 2px;
|
471
471
|
}
|
472
472
|
.e-card .e-card-actions .e-card-btn,
|
@@ -502,6 +502,7 @@
|
|
502
502
|
}
|
503
503
|
|
504
504
|
/*! card theme */
|
505
|
+
/* stylelint-disable property-no-vendor-prefix */
|
505
506
|
.e-card {
|
506
507
|
-webkit-tap-highlight-color: #0d6efd;
|
507
508
|
background-color: #212529;
|
@@ -617,8 +618,8 @@
|
|
617
618
|
}
|
618
619
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
619
620
|
-ms-flex-preferred-size: 0 !important;
|
620
|
-
flex-basis: 0 !important;
|
621
|
-
overflow: hidden !important;
|
621
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
622
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
622
623
|
}
|
623
624
|
.e-splitter.e-splitter-horizontal {
|
624
625
|
-ms-flex-direction: row;
|
@@ -651,8 +652,8 @@
|
|
651
652
|
}
|
652
653
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
653
654
|
-ms-flex-preferred-size: 0 !important;
|
654
|
-
flex-basis: 0 !important;
|
655
|
-
overflow: hidden !important;
|
655
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
656
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
656
657
|
}
|
657
658
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
658
659
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1054,7 +1055,8 @@
|
|
1054
1055
|
pointer-events: none;
|
1055
1056
|
}
|
1056
1057
|
|
1057
|
-
/*! component's theme wise override tailwind-definitions and variables */
|
1058
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override tailwind-definitions and variables */
|
1059
|
+
/* stylelint-disable */
|
1058
1060
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1059
1061
|
height: 100%;
|
1060
1062
|
padding: 20px 0;
|
package/styles/bootstrap5.css
CHANGED
@@ -352,12 +352,12 @@
|
|
352
352
|
}
|
353
353
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
354
354
|
font-size: 16px;
|
355
|
-
font-weight:
|
355
|
+
font-weight: normal;
|
356
356
|
line-height: 1.5;
|
357
357
|
}
|
358
358
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
359
359
|
font-size: 14px;
|
360
|
-
font-weight:
|
360
|
+
font-weight: normal;
|
361
361
|
line-height: 1.5;
|
362
362
|
padding: 4px 0 0;
|
363
363
|
}
|
@@ -465,8 +465,8 @@
|
|
465
465
|
text-overflow: ellipsis;
|
466
466
|
width: inherit;
|
467
467
|
}
|
468
|
-
.e-card .e-card-actions .e-card-btn
|
469
|
-
.e-card .e-card-actions a
|
468
|
+
.e-card .e-card-actions .e-card-btn,
|
469
|
+
.e-card .e-card-actions a {
|
470
470
|
border-radius: 2px;
|
471
471
|
}
|
472
472
|
.e-card .e-card-actions .e-card-btn,
|
@@ -502,6 +502,7 @@
|
|
502
502
|
}
|
503
503
|
|
504
504
|
/*! card theme */
|
505
|
+
/* stylelint-disable property-no-vendor-prefix */
|
505
506
|
.e-card {
|
506
507
|
-webkit-tap-highlight-color: #0d6efd;
|
507
508
|
background-color: #fff;
|
@@ -617,8 +618,8 @@
|
|
617
618
|
}
|
618
619
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
|
619
620
|
-ms-flex-preferred-size: 0 !important;
|
620
|
-
flex-basis: 0 !important;
|
621
|
-
overflow: hidden !important;
|
621
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
622
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
622
623
|
}
|
623
624
|
.e-splitter.e-splitter-horizontal {
|
624
625
|
-ms-flex-direction: row;
|
@@ -651,8 +652,8 @@
|
|
651
652
|
}
|
652
653
|
.e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
|
653
654
|
-ms-flex-preferred-size: 0 !important;
|
654
|
-
flex-basis: 0 !important;
|
655
|
-
overflow: hidden !important;
|
655
|
+
flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
|
656
|
+
overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
|
656
657
|
}
|
657
658
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
|
658
659
|
.e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
|
@@ -1054,7 +1055,8 @@
|
|
1054
1055
|
pointer-events: none;
|
1055
1056
|
}
|
1056
1057
|
|
1057
|
-
/*! component's theme wise override tailwind-definitions and variables */
|
1058
|
+
/* stylelint-disable-line no-empty-source */ /*! component's theme wise override tailwind-definitions and variables */
|
1059
|
+
/* stylelint-disable */
|
1058
1060
|
.e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
|
1059
1061
|
height: 100%;
|
1060
1062
|
padding: 20px 0;
|
@@ -294,12 +294,12 @@
|
|
294
294
|
}
|
295
295
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
296
296
|
font-size: 13px;
|
297
|
-
font-weight:
|
297
|
+
font-weight: normal;
|
298
298
|
line-height: 18px;
|
299
299
|
}
|
300
300
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
301
301
|
font-size: 12px;
|
302
|
-
font-weight:
|
302
|
+
font-weight: normal;
|
303
303
|
line-height: 14px;
|
304
304
|
padding: 0 0 8px;
|
305
305
|
}
|
@@ -407,8 +407,8 @@
|
|
407
407
|
text-overflow: ellipsis;
|
408
408
|
width: inherit;
|
409
409
|
}
|
410
|
-
.e-card .e-card-actions .e-card-btn
|
411
|
-
.e-card .e-card-actions a
|
410
|
+
.e-card .e-card-actions .e-card-btn,
|
411
|
+
.e-card .e-card-actions a {
|
412
412
|
border-radius: 2px;
|
413
413
|
}
|
414
414
|
.e-card .e-card-actions .e-card-btn,
|
@@ -444,6 +444,7 @@
|
|
444
444
|
}
|
445
445
|
|
446
446
|
/*! card theme */
|
447
|
+
/* stylelint-disable property-no-vendor-prefix */
|
447
448
|
.e-card {
|
448
449
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
449
450
|
background-color: #6e6e6e;
|