@syncfusion/ej2-react-layouts 20.2.46 → 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 +18 -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,8 @@
|
|
2
2
|
|
3
3
|
## [Unreleased]
|
4
4
|
|
5
|
+
## 20.2.46 (2022-08-30)
|
6
|
+
|
5
7
|
### Dashboard Layout
|
6
8
|
|
7
9
|
#### Bug Fixes
|
@@ -61,7 +63,6 @@
|
|
61
63
|
### Splitter
|
62
64
|
|
63
65
|
- Provided `enablePersistence` property to persists the component's state between page reloads.
|
64
|
-
|
65
66
|
- Provided `enableReversePanes` property to reorder the splitter panes.
|
66
67
|
|
67
68
|
## 19.1.58 (2021-04-27)
|
@@ -87,7 +88,6 @@
|
|
87
88
|
#### Bug Fixes
|
88
89
|
|
89
90
|
- `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
|
90
|
-
|
91
91
|
- `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
|
92
92
|
|
93
93
|
### Splitter
|
@@ -95,7 +95,6 @@
|
|
95
95
|
#### Bug Fixes
|
96
96
|
|
97
97
|
- `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
|
98
|
-
|
99
98
|
- `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
|
100
99
|
|
101
100
|
## 18.4.30 (2020-12-17)
|
@@ -105,7 +104,6 @@
|
|
105
104
|
#### Bug Fixes
|
106
105
|
|
107
106
|
- `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
|
108
|
-
|
109
107
|
- `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
|
110
108
|
|
111
109
|
## 18.3.53 (2020-12-08)
|
@@ -147,9 +145,7 @@
|
|
147
145
|
#### Bug Fixes
|
148
146
|
|
149
147
|
- `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
|
150
|
-
|
151
148
|
- `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
|
152
|
-
|
153
149
|
- `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
|
154
150
|
|
155
151
|
## 18.2.58 (2020-09-15)
|
@@ -166,7 +162,7 @@
|
|
166
162
|
|
167
163
|
#### Bug Fixes
|
168
164
|
|
169
|
-
-
|
165
|
+
- `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
|
170
166
|
|
171
167
|
## 18.2.44 (2020-07-07)
|
172
168
|
|
@@ -174,7 +170,7 @@
|
|
174
170
|
|
175
171
|
#### Bug Fixes
|
176
172
|
|
177
|
-
-
|
173
|
+
- `#276817` - Panel content will now get persisted on page reload with persistence enabled.
|
178
174
|
|
179
175
|
## 18.1.52 (2020-05-13)
|
180
176
|
|
@@ -182,14 +178,13 @@
|
|
182
178
|
|
183
179
|
#### New Features
|
184
180
|
|
185
|
-
-
|
181
|
+
- `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
|
186
182
|
|
187
183
|
### Splitter
|
188
184
|
|
189
185
|
#### Bug Fixes
|
190
186
|
|
191
187
|
- `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
|
192
|
-
|
193
188
|
- `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
|
194
189
|
|
195
190
|
## 18.1.48 (2020-05-05)
|
@@ -216,6 +211,7 @@
|
|
216
211
|
|
217
212
|
-`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
|
218
213
|
|
214
|
+
|
219
215
|
- Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
|
220
216
|
|
221
217
|
## 18.1.44 (2020-04-14)
|
@@ -287,7 +283,6 @@
|
|
287
283
|
#### Bug Fixes
|
288
284
|
|
289
285
|
- `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
|
290
|
-
|
291
286
|
- `#261829` - Keyboard interaction issue with input components has been resolved.
|
292
287
|
|
293
288
|
## 17.4.44 (2021-01-21)
|
@@ -311,9 +306,7 @@
|
|
311
306
|
#### Bug Fixes
|
312
307
|
|
313
308
|
- `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
|
314
|
-
|
315
309
|
- `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
|
316
|
-
|
317
310
|
- `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
|
318
311
|
|
319
312
|
## 17.4.41 (2020-01-07)
|
@@ -334,11 +327,11 @@
|
|
334
327
|
|
335
328
|
- Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
|
336
329
|
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
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.
|
342
335
|
|
343
336
|
## 17.4.40 (2019-12-24)
|
344
337
|
|
@@ -369,7 +362,6 @@
|
|
369
362
|
#### Bug Fixes
|
370
363
|
|
371
364
|
- `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
|
372
|
-
|
373
365
|
- `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
|
374
366
|
|
375
367
|
## 17.3.28 (2019-11-19)
|
@@ -393,11 +385,8 @@
|
|
393
385
|
#### Bug Fixes
|
394
386
|
|
395
387
|
- `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
|
396
|
-
|
397
388
|
- `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
|
398
|
-
|
399
389
|
- `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
|
400
|
-
|
401
390
|
- `#252410` - Resolved the interaction issue with expand and collapse pane.
|
402
391
|
|
403
392
|
## 17.2.48-beta (2019-08-28)
|
@@ -407,13 +396,9 @@
|
|
407
396
|
#### Bug Fixes
|
408
397
|
|
409
398
|
- `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
|
410
|
-
|
411
399
|
- `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
|
412
|
-
|
413
400
|
- `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
|
414
|
-
|
415
401
|
- `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
|
416
|
-
|
417
402
|
- `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
|
418
403
|
|
419
404
|
## 17.1.51 (2019-06-11)
|
@@ -498,6 +483,7 @@
|
|
498
483
|
|
499
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.
|
500
485
|
|
486
|
+
|
501
487
|
- **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
|
502
488
|
- **Resizing**: Support to resize the panels in any direction as per the requirement.
|
503
489
|
- **Floating**: Floats the panels upward when the dragging option is enabled.
|
@@ -518,7 +504,6 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
518
504
|
#### New Features
|
519
505
|
|
520
506
|
- Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
|
521
|
-
|
522
507
|
- Included the public methods for add and remove splitter panes.
|
523
508
|
|
524
509
|
## 16.4.40-beta (2018-12-10)
|
@@ -527,6 +512,7 @@ The DashboardLayout is a grid structured layout control that helps create a dash
|
|
527
512
|
|
528
513
|
The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
|
529
514
|
|
515
|
+
|
530
516
|
- **Resizable**: By default, all the panes configured with resizable.
|
531
517
|
- **Orientation**: The panes can be oriented horizontally and vertically.
|
532
518
|
- **Nested**: Integrate splitter controls inside split pane to create nested layout.
|
@@ -538,20 +524,21 @@ The Splitter is the layout user interface (UI) which contains multiple resizable
|
|
538
524
|
|
539
525
|
Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
|
540
526
|
|
541
|
-
- **Types** - Provided 2 types of Avatar.
|
542
527
|
|
528
|
+
- **Types** - Provided 2 types of Avatar.
|
543
529
|
- **Sizes** - Supports different sizes to adapt the various application scenario.
|
544
530
|
|
545
531
|
### Card
|
546
532
|
|
547
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.
|
548
534
|
|
535
|
+
|
549
536
|
The available key features are
|
550
537
|
|
551
|
-
- **Header**: Header supports to include title, subtitle along with image.
|
552
538
|
|
539
|
+
- **Header**: Header supports to include title, subtitle along with image.
|
553
540
|
- **Images and Title**: Support to include images with customizable caption positions in it.
|
554
|
-
|
555
541
|
- **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
|
556
|
-
|
557
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;
|
@@ -295,12 +295,12 @@
|
|
295
295
|
}
|
296
296
|
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
|
297
297
|
font-size: 14px;
|
298
|
-
font-weight:
|
298
|
+
font-weight: normal;
|
299
299
|
line-height: normal;
|
300
300
|
}
|
301
301
|
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
|
302
302
|
font-size: 14px;
|
303
|
-
font-weight:
|
303
|
+
font-weight: normal;
|
304
304
|
line-height: normal;
|
305
305
|
padding: 6px 0 0;
|
306
306
|
}
|
@@ -408,8 +408,8 @@
|
|
408
408
|
text-overflow: ellipsis;
|
409
409
|
width: inherit;
|
410
410
|
}
|
411
|
-
.e-card .e-card-actions .e-card-btn
|
412
|
-
.e-card .e-card-actions a
|
411
|
+
.e-card .e-card-actions .e-card-btn,
|
412
|
+
.e-card .e-card-actions a {
|
413
413
|
border-radius: 2px;
|
414
414
|
}
|
415
415
|
.e-card .e-card-actions .e-card-btn,
|
@@ -445,6 +445,7 @@
|
|
445
445
|
}
|
446
446
|
|
447
447
|
/*! card theme */
|
448
|
+
/* stylelint-disable property-no-vendor-prefix */
|
448
449
|
.e-card {
|
449
450
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
450
451
|
background-color: #fff;
|