kempo-ui 0.0.75 → 0.0.76

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.
Files changed (4) hide show
  1. package/dist/components/Split.js +7 -3
  2. package/docs/src/components/Split.js +7 -3
  3. package/package.json +1 -1
  4. package/src/components/Split.js +7 -3
package/dist/components/Split.js CHANGED
@@ -17,7 +17,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
17
17
 
18
18
  .pane {
19
19
  min-width: var(--min_pane_size);
20
- max-width: calc(100% - var(--min_pane_size));
20
+ max-width: calc(100% - var(--min_pane_size) - var(--handle_width));
21
21
  max-height: 100%;
22
22
  overflow: hidden;
23
23
  }
@@ -28,6 +28,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
28
28
 
29
29
  #divider-handle {
30
30
  display: flex;
31
+ flex-shrink: 0;
31
32
  justify-content: center;
32
33
  width: var(--handle_width);
33
34
  cursor: ew-resize;
@@ -37,9 +38,12 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
37
38
  background-color: var(--tc_primary);
38
39
  }
39
40
 
41
+ :host([resizing]) {
42
+ user-select: none;
43
+ }
44
+
40
45
  :host([resizing]) .pane {
41
46
  pointer-events: none;
42
- user-select: none;
43
47
  }
44
48
 
45
49
  #divider-border {
@@ -80,7 +84,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
80
84
  min-width: 0;
81
85
  max-width: 100%;
82
86
  min-height: var(--min_pane_size);
83
- max-height: calc(100% - var(--min_pane_size));
87
+ max-height: calc(100% - var(--min_pane_size) - var(--handle_width));
84
88
  }
85
89
 
86
90
  :host([direction="vertical"]) #pane-1 {
package/docs/src/components/Split.js CHANGED
@@ -17,7 +17,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
17
17
 
18
18
  .pane {
19
19
  min-width: var(--min_pane_size);
20
- max-width: calc(100% - var(--min_pane_size));
20
+ max-width: calc(100% - var(--min_pane_size) - var(--handle_width));
21
21
  max-height: 100%;
22
22
  overflow: hidden;
23
23
  }
@@ -28,6 +28,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
28
28
 
29
29
  #divider-handle {
30
30
  display: flex;
31
+ flex-shrink: 0;
31
32
  justify-content: center;
32
33
  width: var(--handle_width);
33
34
  cursor: ew-resize;
@@ -37,9 +38,12 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
37
38
  background-color: var(--tc_primary);
38
39
  }
39
40
 
41
+ :host([resizing]) {
42
+ user-select: none;
43
+ }
44
+
40
45
  :host([resizing]) .pane {
41
46
  pointer-events: none;
42
- user-select: none;
43
47
  }
44
48
 
45
49
  #divider-border {
@@ -80,7 +84,7 @@ import{html,css}from"../lit-all.min.js";import ShadowComponent from"./ShadowComp
80
84
  min-width: 0;
81
85
  max-width: 100%;
82
86
  min-height: var(--min_pane_size);
83
- max-height: calc(100% - var(--min_pane_size));
87
+ max-height: calc(100% - var(--min_pane_size) - var(--handle_width));
84
88
  }
85
89
 
86
90
  :host([direction="vertical"]) #pane-1 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kempo-ui",
3
- "version": "0.0.75",
3
+ "version": "0.0.76",
4
4
  "type": "module",
5
5
  "description": "A Lit based web-component library",
6
6
  "main": "index.js",
package/src/components/Split.js CHANGED
@@ -135,7 +135,7 @@ export default class Split extends ShadowComponent {
135
135
 
136
136
  .pane {
137
137
  min-width: var(--min_pane_size);
138
- max-width: calc(100% - var(--min_pane_size));
138
+ max-width: calc(100% - var(--min_pane_size) - var(--handle_width));
139
139
  max-height: 100%;
140
140
  overflow: hidden;
141
141
  }
@@ -146,6 +146,7 @@ export default class Split extends ShadowComponent {
146
146
 
147
147
  #divider-handle {
148
148
  display: flex;
149
+ flex-shrink: 0;
149
150
  justify-content: center;
150
151
  width: var(--handle_width);
151
152
  cursor: ew-resize;
@@ -155,9 +156,12 @@ export default class Split extends ShadowComponent {
155
156
  background-color: var(--tc_primary);
156
157
  }
157
158
 
159
+ :host([resizing]) {
160
+ user-select: none;
161
+ }
162
+
158
163
  :host([resizing]) .pane {
159
164
  pointer-events: none;
160
- user-select: none;
161
165
  }
162
166
 
163
167
  #divider-border {
@@ -198,7 +202,7 @@ export default class Split extends ShadowComponent {
198
202
  min-width: 0;
199
203
  max-width: 100%;
200
204
  min-height: var(--min_pane_size);
201
- max-height: calc(100% - var(--min_pane_size));
205
+ max-height: calc(100% - var(--min_pane_size) - var(--handle_width));
202
206
  }
203
207
 
204
208
  :host([direction="vertical"]) #pane-1 {