@syncfusion/ej2-react-layouts 20.2.46 → 20.3.48
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
@@ -6,6 +6,14 @@
|
|
6
6
|
|
7
7
|
#### Bug Fixes
|
8
8
|
|
9
|
+
- `#I395833` - The issue with the "Facing accessibility testing failure in the Dashboard Layout component" has been resolved.
|
10
|
+
|
11
|
+
## 20.2.46 (2022-08-30)
|
12
|
+
|
13
|
+
### Dashboard Layout
|
14
|
+
|
15
|
+
#### Bug Fixes
|
16
|
+
|
9
17
|
- `#I396820` - The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
|
10
18
|
|
11
19
|
## 20.2.39 (2022-07-19)
|
@@ -61,7 +69,6 @@
|
|
61
69
|
### Splitter
|
62
70
|
|
63
71
|
- Provided `enablePersistence` property to persists the component's state between page reloads.
|
64
|
-
|
65
72
|
- Provided `enableReversePanes` property to reorder the splitter panes.
|
66
73
|
|
67
74
|
## 19.1.58 (2021-04-27)
|
@@ -87,7 +94,6 @@
|
|
87
94
|
#### Bug Fixes
|
88
95
|
|
89
96
|
- `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
|
90
|
-
|
91
97
|
- `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
|
92
98
|
|
93
99
|
### Splitter
|
@@ -95,7 +101,6 @@
|
|
95
101
|
#### Bug Fixes
|
96
102
|
|
97
103
|
- `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
|
98
|
-
|
99
104
|
- `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
|
100
105
|
|
101
106
|
## 18.4.30 (2020-12-17)
|
@@ -105,7 +110,6 @@
|
|
105
110
|
#### Bug Fixes
|
106
111
|
|
107
112
|
- `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
|
108
|
-
|
109
113
|
- `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
|
110
114
|
|
111
115
|
## 18.3.53 (2020-12-08)
|
@@ -147,9 +151,7 @@
|
|
147
151
|
#### Bug Fixes
|
148
152
|
|
149
153
|
- `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
|
150
|
-
|
151
154
|
- `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
|
152
|
-
|
153
155
|
- `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
|
154
156
|
|
155
157
|
## 18.2.58 (2020-09-15)
|
@@ -166,7 +168,7 @@
|
|
166
168
|
|
167
169
|
#### Bug Fixes
|
168
170
|
|
169
|
-
-
|
171
|
+
- `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
|
170
172
|
|
171
173
|
## 18.2.44 (2020-07-07)
|
172
174
|
|
@@ -174,7 +176,7 @@
|
|
174
176
|
|
175
177
|
#### Bug Fixes
|
176
178
|
|
177
|
-
-
|
179
|
+
- `#276817` - Panel content will now get persisted on page reload with persistence enabled.
|
178
180
|
|
179
181
|
## 18.1.52 (2020-05-13)
|
180
182
|
|
@@ -182,14 +184,13 @@
|
|
182
184
|
|
183
185
|
#### New Features
|
184
186
|
|
185
|
-
-
|
187
|
+
- `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
|
186
188
|
|
187
189
|
### Splitter
|
188
190
|
|
189
191
|
#### Bug Fixes
|
190
192
|
|
191
193
|
- `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
|
192
|
-
|
193
194
|
- `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
|
194
195
|
|
195
196
|
## 18.1.48 (2020-05-05)
|
@@ -216,6 +217,7 @@
|
|
216
217
|
|
217
218
|
-`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
|
218
219
|
|
220
|
+
|
219
221
|
- Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
|
220
222
|
|
221
223
|
## 18.1.44 (2020-04-14)
|
@@ -287,7 +289,6 @@
|
|
287
289
|
#### Bug Fixes
|
288
290
|
|
289
291
|
- `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
|
290
|
-
|
291
292
|
- `#261829` - Keyboard interaction issue with input components has been resolved.
|
292
293
|
|
293
294
|
## 17.4.44 (2021-01-21)
|
@@ -311,9 +312,7 @@
|
|
311
312
|
#### Bug Fixes
|
312
313
|
|
313
314
|
- `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
|
314
|
-
|
315
315
|
- `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
|
316
|
-
|
317
316
|
- `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
|
318
317
|
|
319
318
|
## 17.4.41 (2020-01-07)
|
@@ -334,11 +333,11 @@
|
|
334
333
|
|
335
334
|
- Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
|
336
335
|
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
336
|
+
- `Up Arrow` - will move separator towards up in vertical splitter.
|
337
|
+
- `Down Arrow` - will move separator towards down in vertical splitter.
|
338
|
+
- `Right Arrow` - will move separator towards right in horizontal splitter.
|
339
|
+
- `Left Arrow` - will move separator towards left in horizontal splitter.
|
340
|
+
- `Enter key` - will toggle nearest collapsible pane of focused separator.
|
342
341
|
|
343
342
|
## 17.4.40 (2019-12-24)
|
344
343
|
|
@@ -369,7 +368,6 @@
|
|
369
368
|
#### Bug Fixes
|
370
369
|
|
371
370
|
- `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
|
372
|
-
|
373
371
|
- `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
|
374
372
|
|
375
373
|
## 17.3.28 (2019-11-19)
|
@@ -393,11 +391,8 @@
|
|
393
391
|
#### Bug Fixes
|
394
392
|
|
395
393
|
- `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
|
396
|
-
|
397
394
|
- `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
|
398
|
-
|
399
395
|
- `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
|
400
|
-
|
401
396
|
- `#252410` - Resolved the interaction issue with expand and collapse pane.
|
402
397
|
|
403
398
|
## 17.2.48-beta (2019-08-28)
|
@@ -407,13 +402,9 @@
|
|
407
402
|
#### Bug Fixes
|
408
403
|
|
409
404
|
- `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
|
410
|
-
|
411
405
|
- `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
|
412
|
-
|
413
406
|
- `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
|
414
|
-
|
415
407
|
- `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
|
416
|
-
|
417
408
|
- `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
|
418
409
|
|
419
410
|
## 17.1.51 (2019-06-11)
|
@@ -498,6 +489,7 @@
|
|
498
489
|
|
499
490
|
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.
|
500
491
|
|
492
|
+
|
501
493
|
- **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
|
502
494
|
- **Resizing**: Support to resize the panels in any direction as per the requirement.
|
503
495
|
- **Floating**: Floats the panels upward when the dragging option is enabled.
|
@@ -518,7 +510,6 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
518
510
|
#### New Features
|
519
511
|
|
520
512
|
- Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
|
521
|
-
|
522
513
|
- Included the public methods for add and remove splitter panes.
|
523
514
|
|
524
515
|
## 16.4.40-beta (2018-12-10)
|
@@ -527,6 +518,7 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
527
518
|
|
528
519
|
The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
|
529
520
|
|
521
|
+
|
530
522
|
- **Resizable**: By default, all the panes configured with resizable.
|
531
523
|
- **Orientation**: The panes can be oriented horizontally and vertically.
|
532
524
|
- **Nested**: Integrate splitter controls inside split pane to create nested layout.
|
@@ -538,20 +530,21 @@ The Splitter is the layout user interface (UI) which contains multiple resizable
|
|
538
530
|
|
539
531
|
Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
|
540
532
|
|
541
|
-
- **Types** - Provided 2 types of Avatar.
|
542
533
|
|
534
|
+
- **Types** - Provided 2 types of Avatar.
|
543
535
|
- **Sizes** - Supports different sizes to adapt the various application scenario.
|
544
536
|
|
545
537
|
### Card
|
546
538
|
|
547
539
|
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.
|
548
540
|
|
541
|
+
|
549
542
|
The available key features are
|
550
543
|
|
551
|
-
- **Header**: Header supports to include title, subtitle along with image.
|
552
544
|
|
545
|
+
- **Header**: Header supports to include title, subtitle along with image.
|
553
546
|
- **Images and Title**: Support to include images with customizable caption positions in it.
|
554
|
-
|
555
547
|
- **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
|
556
|
-
|
557
548
|
- **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
|
549
|
+
|
550
|
+
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/*!
|
2
|
+
* filename: ej2-react-layouts.min.js
|
3
|
+
* version : 20.3.48
|
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.48
|
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@20.
|
3
|
+
"_id": "@syncfusion/ej2-react-layouts@20.3.1",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
5
|
+
"_integrity": "sha512-IcqU+8+QN+3/jvysP1OmRQCOqIpBnECm2GNFuCVcXV+hTWEA7kAOdr51d0uLbVoGbaiMHnPdfoSqfVy48t6crQ==",
|
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-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.
|
23
|
-
"_shasum": "
|
22
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.3.1.tgz",
|
23
|
+
"_shasum": "a4f38ea2af031c736eac8f9342a4c346ae1ba258",
|
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.48",
|
35
|
+
"@syncfusion/ej2-layouts": "20.3.48",
|
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.48",
|
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;
|