@byeolnaerim/flex-layout 0.0.9 → 0.0.10

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 (122) hide show
  1. package/dist/flex-layout/components/FlexLayout.cjs +1 -110
  2. package/dist/flex-layout/components/FlexLayout.js +1 -85
  3. package/dist/flex-layout/components/FlexLayoutContainer.cjs +1 -262
  4. package/dist/flex-layout/components/FlexLayoutContainer.js +1 -232
  5. package/dist/flex-layout/components/FlexLayoutIFramePane.cjs +1 -68
  6. package/dist/flex-layout/components/FlexLayoutIFramePane.js +1 -44
  7. package/dist/flex-layout/components/FlexLayoutResizePanel.cjs +1 -246
  8. package/dist/flex-layout/components/FlexLayoutResizePanel.js +1 -216
  9. package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs +1 -1252
  10. package/dist/flex-layout/components/FlexLayoutSplitScreen.js +1 -1236
  11. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs +1 -532
  12. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js +1 -509
  13. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs +1 -55
  14. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js +1 -25
  15. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs +1 -63
  16. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js +1 -33
  17. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs +1 -53
  18. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js +1 -23
  19. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs +1 -133
  20. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js +1 -107
  21. package/dist/flex-layout/components/FlexLayoutStickyBox.cjs +1 -245
  22. package/dist/flex-layout/components/FlexLayoutStickyBox.js +1 -229
  23. package/dist/flex-layout/components/index.cjs +1 -57
  24. package/dist/flex-layout/components/index.js +1 -17
  25. package/dist/flex-layout/hooks/index.cjs +1 -25
  26. package/dist/flex-layout/hooks/index.js +1 -3
  27. package/dist/flex-layout/hooks/useDrag.cjs +1 -289
  28. package/dist/flex-layout/hooks/useDrag.d.ts +15 -0
  29. package/dist/flex-layout/hooks/useDrag.js +1 -258
  30. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs +1 -139
  31. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js +1 -118
  32. package/dist/flex-layout/hooks/useListPaging.cjs +1 -212
  33. package/dist/flex-layout/hooks/useListPaging.js +1 -191
  34. package/dist/flex-layout/hooks/useSizes.cjs +1 -126
  35. package/dist/flex-layout/hooks/useSizes.js +1 -101
  36. package/dist/flex-layout/index.cjs +1 -31
  37. package/dist/flex-layout/index.js +1 -6
  38. package/dist/flex-layout/providers/FlexLayoutContext.cjs +1 -49
  39. package/dist/flex-layout/providers/FlexLayoutContext.js +1 -24
  40. package/dist/flex-layout/providers/FlexLayoutHooks.cjs +1 -276
  41. package/dist/flex-layout/providers/FlexLayoutHooks.d.ts +5 -1
  42. package/dist/flex-layout/providers/FlexLayoutHooks.js +1 -263
  43. package/dist/flex-layout/providers/index.cjs +1 -23
  44. package/dist/flex-layout/providers/index.js +1 -2
  45. package/dist/flex-layout/store/FlexLayoutContainerStore.cjs +1 -257
  46. package/dist/flex-layout/store/FlexLayoutContainerStore.js +1 -206
  47. package/dist/flex-layout/store/index.cjs +1 -23
  48. package/dist/flex-layout/store/index.js +1 -2
  49. package/dist/flex-layout/styles/FlexLayout.module.css +473 -416
  50. package/dist/flex-layout/types/FlexDirectionTypes.cjs +1 -17
  51. package/dist/flex-layout/types/FlexDirectionTypes.js +0 -1
  52. package/dist/flex-layout/types/FlexLayoutTypes.cjs +1 -17
  53. package/dist/flex-layout/types/FlexLayoutTypes.js +0 -1
  54. package/dist/flex-layout/utils/FlexLayoutUtils.cjs +1 -245
  55. package/dist/flex-layout/utils/FlexLayoutUtils.js +1 -211
  56. package/dist/flex-layout/utils/index.cjs +1 -23
  57. package/dist/flex-layout/utils/index.js +1 -2
  58. package/dist/index.cjs +1 -23
  59. package/dist/index.js +1 -2
  60. package/dist/types/css.d.cjs +0 -1
  61. package/dist/types/css.d.js +0 -1
  62. package/package.json +116 -113
  63. package/dist/flex-layout/components/FlexLayout.cjs.map +0 -1
  64. package/dist/flex-layout/components/FlexLayout.js.map +0 -1
  65. package/dist/flex-layout/components/FlexLayoutContainer.cjs.map +0 -1
  66. package/dist/flex-layout/components/FlexLayoutContainer.js.map +0 -1
  67. package/dist/flex-layout/components/FlexLayoutIFramePane.cjs.map +0 -1
  68. package/dist/flex-layout/components/FlexLayoutIFramePane.js.map +0 -1
  69. package/dist/flex-layout/components/FlexLayoutResizePanel.cjs.map +0 -1
  70. package/dist/flex-layout/components/FlexLayoutResizePanel.js.map +0 -1
  71. package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs.map +0 -1
  72. package/dist/flex-layout/components/FlexLayoutSplitScreen.js.map +0 -1
  73. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs.map +0 -1
  74. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js.map +0 -1
  75. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs.map +0 -1
  76. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js.map +0 -1
  77. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs.map +0 -1
  78. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js.map +0 -1
  79. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs.map +0 -1
  80. package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js.map +0 -1
  81. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs.map +0 -1
  82. package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js.map +0 -1
  83. package/dist/flex-layout/components/FlexLayoutStickyBox.cjs.map +0 -1
  84. package/dist/flex-layout/components/FlexLayoutStickyBox.js.map +0 -1
  85. package/dist/flex-layout/components/index.cjs.map +0 -1
  86. package/dist/flex-layout/components/index.js.map +0 -1
  87. package/dist/flex-layout/hooks/index.cjs.map +0 -1
  88. package/dist/flex-layout/hooks/index.js.map +0 -1
  89. package/dist/flex-layout/hooks/useDrag.cjs.map +0 -1
  90. package/dist/flex-layout/hooks/useDrag.js.map +0 -1
  91. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs.map +0 -1
  92. package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js.map +0 -1
  93. package/dist/flex-layout/hooks/useListPaging.cjs.map +0 -1
  94. package/dist/flex-layout/hooks/useListPaging.js.map +0 -1
  95. package/dist/flex-layout/hooks/useSizes.cjs.map +0 -1
  96. package/dist/flex-layout/hooks/useSizes.js.map +0 -1
  97. package/dist/flex-layout/index.cjs.map +0 -1
  98. package/dist/flex-layout/index.js.map +0 -1
  99. package/dist/flex-layout/providers/FlexLayoutContext.cjs.map +0 -1
  100. package/dist/flex-layout/providers/FlexLayoutContext.js.map +0 -1
  101. package/dist/flex-layout/providers/FlexLayoutHooks.cjs.map +0 -1
  102. package/dist/flex-layout/providers/FlexLayoutHooks.js.map +0 -1
  103. package/dist/flex-layout/providers/index.cjs.map +0 -1
  104. package/dist/flex-layout/providers/index.js.map +0 -1
  105. package/dist/flex-layout/store/FlexLayoutContainerStore.cjs.map +0 -1
  106. package/dist/flex-layout/store/FlexLayoutContainerStore.js.map +0 -1
  107. package/dist/flex-layout/store/index.cjs.map +0 -1
  108. package/dist/flex-layout/store/index.js.map +0 -1
  109. package/dist/flex-layout/types/FlexDirectionTypes.cjs.map +0 -1
  110. package/dist/flex-layout/types/FlexDirectionTypes.js.map +0 -1
  111. package/dist/flex-layout/types/FlexLayoutTypes.cjs.map +0 -1
  112. package/dist/flex-layout/types/FlexLayoutTypes.js.map +0 -1
  113. package/dist/flex-layout/utils/FlexLayoutUtils.cjs.map +0 -1
  114. package/dist/flex-layout/utils/FlexLayoutUtils.js.map +0 -1
  115. package/dist/flex-layout/utils/index.cjs.map +0 -1
  116. package/dist/flex-layout/utils/index.js.map +0 -1
  117. package/dist/index.cjs.map +0 -1
  118. package/dist/index.js.map +0 -1
  119. package/dist/metafile-cjs.json +0 -1
  120. package/dist/metafile-esm.json +0 -1
  121. package/dist/types/css.d.cjs.map +0 -1
  122. package/dist/types/css.d.js.map +0 -1
@@ -1,17 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
8
- for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
- var FlexDirectionTypes_exports = {};
16
- module.exports = __toCommonJS(FlexDirectionTypes_exports);
17
- //# sourceMappingURL=FlexDirectionTypes.cjs.map
1
+ "use strict";var o=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var z=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of p(e))!x.call(t,i)&&i!==s&&o(t,i,{get:()=>e[i],enumerable:!(r=y(e,i))||r.enumerable});return t};var c=t=>z(o({},"__esModule",{value:!0}),t);var h={};module.exports=c(h);
@@ -1 +0,0 @@
1
- //# sourceMappingURL=FlexDirectionTypes.js.map
@@ -1,17 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
8
- for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
- var FlexLayoutTypes_exports = {};
16
- module.exports = __toCommonJS(FlexLayoutTypes_exports);
17
- //# sourceMappingURL=FlexLayoutTypes.cjs.map
1
+ "use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var d=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of l(e))!s.call(t,n)&&n!==r&&i(t,n,{get:()=>e[n],enumerable:!(o=a(e,n))||o.enumerable});return t};var p=t=>d(i({},"__esModule",{value:!0}),t);var c={};module.exports=p(c);
@@ -1 +0,0 @@
1
- //# sourceMappingURL=FlexLayoutTypes.js.map
@@ -1,245 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var FlexLayoutUtils_exports = {};
20
- __export(FlexLayoutUtils_exports, {
21
- closeFlex: () => closeFlex,
22
- findNotCloseFlexContent: () => findNotCloseFlexContent,
23
- getClientXy: () => getClientXy,
24
- getGrow: () => getGrow,
25
- isDocumentOut: () => isDocumentOut,
26
- isOverMove: () => isOverMove,
27
- mathGrow: () => mathGrow,
28
- mathWeight: () => mathWeight,
29
- openFlex: () => openFlex,
30
- remain: () => remain,
31
- resize: () => resize
32
- });
33
- module.exports = __toCommonJS(FlexLayoutUtils_exports);
34
- function isDocumentOut({ x, y }) {
35
- if (typeof window == "undefined") return;
36
- const { innerWidth, innerHeight, scrollX, scrollY } = window;
37
- return x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY;
38
- }
39
- let lastTouchEvent;
40
- function getClientXy(event) {
41
- let clientX;
42
- let clientY;
43
- if (window.MouseEvent && event instanceof window.MouseEvent) {
44
- clientX = event.clientX;
45
- clientY = event.clientY;
46
- } else if (window.TouchEvent && event instanceof window.TouchEvent) {
47
- const _event = event.touches.length == 0 ? lastTouchEvent : event;
48
- clientX = _event.touches[0].clientX;
49
- clientY = _event.touches[0].clientY;
50
- lastTouchEvent = event;
51
- } else {
52
- return;
53
- }
54
- return { clientX, clientY };
55
- }
56
- function isOverMove(elementSize, elementMinSize) {
57
- return Math.floor(elementSize) <= 0 || (isNaN(elementMinSize) ? false : elementMinSize >= Math.floor(elementSize));
58
- }
59
- function findNotCloseFlexContent(target, direction) {
60
- if (!target) return target;
61
- let _target = target;
62
- const isCloseCheck = () => {
63
- let grow = parseFloat(window.getComputedStyle(_target).flex.split(" ")[0]) || 0;
64
- if (grow == 0) {
65
- return true;
66
- } else {
67
- return false;
68
- }
69
- };
70
- while (isCloseCheck()) {
71
- let nextTarget = _target[direction]?.[direction];
72
- _target = nextTarget;
73
- if (!_target) {
74
- break;
75
- }
76
- }
77
- return _target;
78
- }
79
- function remain(flexContainerList) {
80
- return new Promise((resolve) => {
81
- let notGrowList = [];
82
- let totalGrow = flexContainerList.reduce((t, e, i) => {
83
- if (e.hasAttribute("data-grow") == false) {
84
- notGrowList.push(e);
85
- return t;
86
- }
87
- let grow = parseFloat(e.dataset.grow || "");
88
- e.style.flex = `${grow} 1 0%`;
89
- t -= grow;
90
- return t;
91
- }, flexContainerList.length);
92
- if (notGrowList.length != 0) {
93
- resize(notGrowList, totalGrow);
94
- }
95
- resolve(flexContainerList);
96
- });
97
- }
98
- function resize(list, totalGrow) {
99
- return new Promise((resolve) => {
100
- let resizeWeight = totalGrow / list.length;
101
- list.forEach((e) => {
102
- e.dataset.grow = resizeWeight.toString();
103
- e.style.flex = `${resizeWeight} 1 0%`;
104
- });
105
- resolve(resizeWeight);
106
- });
107
- }
108
- function mathWeight(totalCount, totalGrow) {
109
- return 1 + (totalGrow - totalCount) / totalCount;
110
- }
111
- function mathGrow(childSize, parentSize, containerCount) {
112
- return containerCount * (childSize / parentSize);
113
- }
114
- function getGrow(el) {
115
- const target = el instanceof Element ? el : el;
116
- const a = parseFloat(target.style.flex.split(" ")[0]);
117
- if (!Number.isNaN(a)) return a;
118
- const b = parseFloat(target.dataset.grow ?? "0");
119
- return Number.isNaN(b) ? 0 : b;
120
- }
121
- function closeFlex(resizeTarget, containers, {
122
- isResize = false,
123
- isDsiabledResizePanel = false,
124
- sizeName
125
- }) {
126
- return new Promise((resolve) => {
127
- if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
128
- } else if (isDsiabledResizePanel) {
129
- resizeTarget.dataset.is_resize_panel = "false";
130
- }
131
- resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
132
- let notCloseList = containers.filter(
133
- (e) => e.style.flex != "0 1 0%" && e != resizeTarget
134
- );
135
- let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
136
- notCloseAndOpenTargetList.forEach((e) => {
137
- e.style.transition = "flex 0.5s";
138
- e.ontransitionend = (event) => {
139
- if (event.propertyName != "flex-grow") {
140
- return;
141
- }
142
- notCloseAndOpenTargetList.forEach(
143
- (e2) => e2.style.transition = ""
144
- );
145
- e.ontransitionend = () => {
146
- };
147
- };
148
- if (e == resizeTarget) {
149
- e.dataset.grow = "0";
150
- e.style.flex = `0 1 0%`;
151
- return;
152
- }
153
- if (isResize) {
154
- return;
155
- }
156
- let percent = getGrow(e) / containers.length;
157
- if (notCloseList.length == 1) {
158
- e.dataset.grow = containers.length.toString();
159
- e.style.flex = `${containers.length} 1 0%`;
160
- return;
161
- }
162
- e.dataset.grow = (containers.length * percent).toString();
163
- e.style.flex = `${containers.length * percent} 1 0%`;
164
- });
165
- if (isResize) {
166
- resize(notCloseList, containers.length);
167
- }
168
- resolve(resizeTarget);
169
- });
170
- }
171
- function openFlex(resizeTarget, containers, {
172
- isPrevSizeOpen = false,
173
- isResize = false,
174
- openGrowImportant = 0,
175
- sizeName
176
- }) {
177
- return new Promise((resolve) => {
178
- if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
179
- } else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
180
- resizeTarget.dataset.is_resize_panel = "true";
181
- }
182
- let notCloseList = containers.filter(
183
- (e) => e.style.flex != "0 1 0%" && e != resizeTarget
184
- );
185
- let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
186
- let openTargetGrow = 1;
187
- const sizeStyleName = "client" + sizeName.charAt(0).toUpperCase() + sizeName.substring(1);
188
- const parentSize = sizeName && resizeTarget.parentElement && resizeTarget.parentElement[sizeStyleName] || 0;
189
- if (isPrevSizeOpen && resizeTarget.hasAttribute("data-prev_grow")) {
190
- openTargetGrow = parseFloat(resizeTarget.dataset.prev_grow || "1") || 1;
191
- } else if (parentSize && parentSize !== 0) {
192
- openTargetGrow = parentSize / notCloseList.length / (parentSize - 1) * containers.length;
193
- } else {
194
- openTargetGrow = 1;
195
- }
196
- if (openGrowImportant) {
197
- openTargetGrow = openGrowImportant;
198
- }
199
- openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;
200
- notCloseAndOpenTargetList.forEach((e) => {
201
- e.style.transition = "flex 0.5s";
202
- e.ontransitionend = (event) => {
203
- if (event.propertyName != "flex-grow") {
204
- return;
205
- }
206
- notCloseAndOpenTargetList.forEach(
207
- (e2) => e2.style.transition = ""
208
- );
209
- e.ontransitionend = () => {
210
- };
211
- };
212
- if (e == resizeTarget) {
213
- resizeTarget.dataset.grow = openTargetGrow.toString();
214
- resizeTarget.style.flex = `${openTargetGrow} 1 0%`;
215
- return;
216
- }
217
- if (isResize) {
218
- return;
219
- }
220
- let grow = parentSize / notCloseList.length / (parentSize - 1) * (containers.length - openTargetGrow);
221
- grow = grow === Infinity ? 1 : grow;
222
- e.dataset.grow = grow.toString();
223
- e.style.flex = `${grow} 1 0%`;
224
- });
225
- if (isResize) {
226
- resize(notCloseAndOpenTargetList, containers.length);
227
- }
228
- resolve(openTargetGrow);
229
- });
230
- }
231
- // Annotate the CommonJS export names for ESM import in node:
232
- 0 && (module.exports = {
233
- closeFlex,
234
- findNotCloseFlexContent,
235
- getClientXy,
236
- getGrow,
237
- isDocumentOut,
238
- isOverMove,
239
- mathGrow,
240
- mathWeight,
241
- openFlex,
242
- remain,
243
- resize
244
- });
245
- //# sourceMappingURL=FlexLayoutUtils.cjs.map
1
+ "use strict";var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},_=(t,e,n,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!M.call(t,r)&&r!==n&&c(t,r,{get:()=>e[r],enumerable:!(l=x(e,r))||l.enumerable});return t};var H=t=>_(c({},"__esModule",{value:!0}),t);var O={};L(O,{closeFlex:()=>$,findNotCloseFlexContent:()=>S,getClientXy:()=>A,getGrow:()=>d,isDocumentOut:()=>N,isOverMove:()=>v,mathGrow:()=>P,mathWeight:()=>F,openFlex:()=>G,remain:()=>C,resize:()=>p});module.exports=H(O);function N({x:t,y:e}){if(typeof window>"u")return;const{innerWidth:n,innerHeight:l,scrollX:r,scrollY:s}=window;return t<0||e<0||t>n+r||e>l+s}let g;function A(t){let e,n;if(window.MouseEvent&&t instanceof window.MouseEvent)e=t.clientX,n=t.clientY;else if(window.TouchEvent&&t instanceof window.TouchEvent){const l=t.touches.length==0?g:t;e=l.touches[0].clientX,n=l.touches[0].clientY,g=t}else return;return{clientX:e,clientY:n}}function v(t,e){return Math.floor(t)<=0||(isNaN(e)?!1:e>=Math.floor(t))}function S(t,e){if(!t)return t;let n=t;const l=()=>(parseFloat(window.getComputedStyle(n).flex.split(" ")[0])||0)==0;for(;l()&&(n=n[e]?.[e],!!n););return n}function C(t){return new Promise(e=>{let n=[],l=t.reduce((r,s,h)=>{if(s.hasAttribute("data-grow")==!1)return n.push(s),r;let a=parseFloat(s.dataset.grow||"");return s.style.flex=`${a} 1 0%`,r-=a,r},t.length);n.length!=0&&p(n,l),e(t)})}function p(t,e){return new Promise(n=>{let l=e/t.length;t.forEach(r=>{r.dataset.grow=l.toString(),r.style.flex=`${l} 1 0%`}),n(l)})}function F(t,e){return 1+(e-t)/t}function P(t,e,n){return n*(t/e)}function d(t){const e=(t instanceof Element,t),n=parseFloat(e.style.flex.split(" ")[0]);if(!Number.isNaN(n))return n;const l=parseFloat(e.dataset.grow??"0");return Number.isNaN(l)?0:l}function $(t,e,{isResize:n=!1,isDsiabledResizePanel:l=!1,sizeName:r}){return new Promise(s=>{t.hasAttribute("data-is_resize_panel")&&l&&(t.dataset.is_resize_panel="false"),t.dataset.prev_grow=d(t).toString();let h=e.filter(o=>o.style.flex!="0 1 0%"&&o!=t),a=[...h,t];a.forEach(o=>{if(o.style.transition="flex 0.5s",o.ontransitionend=w=>{w.propertyName=="flex-grow"&&(a.forEach(f=>f.style.transition=""),o.ontransitionend=()=>{})},o==t){o.dataset.grow="0",o.style.flex="0 1 0%";return}if(n)return;let i=d(o)/e.length;if(h.length==1){o.dataset.grow=e.length.toString(),o.style.flex=`${e.length} 1 0%`;return}o.dataset.grow=(e.length*i).toString(),o.style.flex=`${e.length*i} 1 0%`}),n&&p(h,e.length),s(t)})}function G(t,e,{isPrevSizeOpen:n=!1,isResize:l=!1,openGrowImportant:r=0,sizeName:s}){return new Promise(h=>{t.hasAttribute("data-is_resize_panel")&&t.hasAttribute("data-is_resize_panel")&&t.dataset.is_resize_panel=="false"&&(t.dataset.is_resize_panel="true");let a=e.filter(u=>u.style.flex!="0 1 0%"&&u!=t),o=[...a,t],i=1;const w="client"+s.charAt(0).toUpperCase()+s.substring(1),f=s&&t.parentElement&&t.parentElement[w]||0;n&&t.hasAttribute("data-prev_grow")?i=parseFloat(t.dataset.prev_grow||"1")||1:f&&f!==0?i=f/a.length/(f-1)*e.length:i=1,r&&(i=r),i=i===1/0?1:i,o.forEach(u=>{if(u.style.transition="flex 0.5s",u.ontransitionend=E=>{E.propertyName=="flex-grow"&&(o.forEach(b=>b.style.transition=""),u.ontransitionend=()=>{})},u==t){t.dataset.grow=i.toString(),t.style.flex=`${i} 1 0%`;return}if(l)return;let m=f/a.length/(f-1)*(e.length-i);m=m===1/0?1:m,u.dataset.grow=m.toString(),u.style.flex=`${m} 1 0%`}),l&&p(o,e.length),h(i)})}0&&(module.exports={closeFlex,findNotCloseFlexContent,getClientXy,getGrow,isDocumentOut,isOverMove,mathGrow,mathWeight,openFlex,remain,resize});
@@ -1,211 +1 @@
1
- function isDocumentOut({ x, y }) {
2
- if (typeof window == "undefined") return;
3
- const { innerWidth, innerHeight, scrollX, scrollY } = window;
4
- return x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY;
5
- }
6
- let lastTouchEvent;
7
- function getClientXy(event) {
8
- let clientX;
9
- let clientY;
10
- if (window.MouseEvent && event instanceof window.MouseEvent) {
11
- clientX = event.clientX;
12
- clientY = event.clientY;
13
- } else if (window.TouchEvent && event instanceof window.TouchEvent) {
14
- const _event = event.touches.length == 0 ? lastTouchEvent : event;
15
- clientX = _event.touches[0].clientX;
16
- clientY = _event.touches[0].clientY;
17
- lastTouchEvent = event;
18
- } else {
19
- return;
20
- }
21
- return { clientX, clientY };
22
- }
23
- function isOverMove(elementSize, elementMinSize) {
24
- return Math.floor(elementSize) <= 0 || (isNaN(elementMinSize) ? false : elementMinSize >= Math.floor(elementSize));
25
- }
26
- function findNotCloseFlexContent(target, direction) {
27
- if (!target) return target;
28
- let _target = target;
29
- const isCloseCheck = () => {
30
- let grow = parseFloat(window.getComputedStyle(_target).flex.split(" ")[0]) || 0;
31
- if (grow == 0) {
32
- return true;
33
- } else {
34
- return false;
35
- }
36
- };
37
- while (isCloseCheck()) {
38
- let nextTarget = _target[direction]?.[direction];
39
- _target = nextTarget;
40
- if (!_target) {
41
- break;
42
- }
43
- }
44
- return _target;
45
- }
46
- function remain(flexContainerList) {
47
- return new Promise((resolve) => {
48
- let notGrowList = [];
49
- let totalGrow = flexContainerList.reduce((t, e, i) => {
50
- if (e.hasAttribute("data-grow") == false) {
51
- notGrowList.push(e);
52
- return t;
53
- }
54
- let grow = parseFloat(e.dataset.grow || "");
55
- e.style.flex = `${grow} 1 0%`;
56
- t -= grow;
57
- return t;
58
- }, flexContainerList.length);
59
- if (notGrowList.length != 0) {
60
- resize(notGrowList, totalGrow);
61
- }
62
- resolve(flexContainerList);
63
- });
64
- }
65
- function resize(list, totalGrow) {
66
- return new Promise((resolve) => {
67
- let resizeWeight = totalGrow / list.length;
68
- list.forEach((e) => {
69
- e.dataset.grow = resizeWeight.toString();
70
- e.style.flex = `${resizeWeight} 1 0%`;
71
- });
72
- resolve(resizeWeight);
73
- });
74
- }
75
- function mathWeight(totalCount, totalGrow) {
76
- return 1 + (totalGrow - totalCount) / totalCount;
77
- }
78
- function mathGrow(childSize, parentSize, containerCount) {
79
- return containerCount * (childSize / parentSize);
80
- }
81
- function getGrow(el) {
82
- const target = el instanceof Element ? el : el;
83
- const a = parseFloat(target.style.flex.split(" ")[0]);
84
- if (!Number.isNaN(a)) return a;
85
- const b = parseFloat(target.dataset.grow ?? "0");
86
- return Number.isNaN(b) ? 0 : b;
87
- }
88
- function closeFlex(resizeTarget, containers, {
89
- isResize = false,
90
- isDsiabledResizePanel = false,
91
- sizeName
92
- }) {
93
- return new Promise((resolve) => {
94
- if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
95
- } else if (isDsiabledResizePanel) {
96
- resizeTarget.dataset.is_resize_panel = "false";
97
- }
98
- resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
99
- let notCloseList = containers.filter(
100
- (e) => e.style.flex != "0 1 0%" && e != resizeTarget
101
- );
102
- let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
103
- notCloseAndOpenTargetList.forEach((e) => {
104
- e.style.transition = "flex 0.5s";
105
- e.ontransitionend = (event) => {
106
- if (event.propertyName != "flex-grow") {
107
- return;
108
- }
109
- notCloseAndOpenTargetList.forEach(
110
- (e2) => e2.style.transition = ""
111
- );
112
- e.ontransitionend = () => {
113
- };
114
- };
115
- if (e == resizeTarget) {
116
- e.dataset.grow = "0";
117
- e.style.flex = `0 1 0%`;
118
- return;
119
- }
120
- if (isResize) {
121
- return;
122
- }
123
- let percent = getGrow(e) / containers.length;
124
- if (notCloseList.length == 1) {
125
- e.dataset.grow = containers.length.toString();
126
- e.style.flex = `${containers.length} 1 0%`;
127
- return;
128
- }
129
- e.dataset.grow = (containers.length * percent).toString();
130
- e.style.flex = `${containers.length * percent} 1 0%`;
131
- });
132
- if (isResize) {
133
- resize(notCloseList, containers.length);
134
- }
135
- resolve(resizeTarget);
136
- });
137
- }
138
- function openFlex(resizeTarget, containers, {
139
- isPrevSizeOpen = false,
140
- isResize = false,
141
- openGrowImportant = 0,
142
- sizeName
143
- }) {
144
- return new Promise((resolve) => {
145
- if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
146
- } else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
147
- resizeTarget.dataset.is_resize_panel = "true";
148
- }
149
- let notCloseList = containers.filter(
150
- (e) => e.style.flex != "0 1 0%" && e != resizeTarget
151
- );
152
- let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
153
- let openTargetGrow = 1;
154
- const sizeStyleName = "client" + sizeName.charAt(0).toUpperCase() + sizeName.substring(1);
155
- const parentSize = sizeName && resizeTarget.parentElement && resizeTarget.parentElement[sizeStyleName] || 0;
156
- if (isPrevSizeOpen && resizeTarget.hasAttribute("data-prev_grow")) {
157
- openTargetGrow = parseFloat(resizeTarget.dataset.prev_grow || "1") || 1;
158
- } else if (parentSize && parentSize !== 0) {
159
- openTargetGrow = parentSize / notCloseList.length / (parentSize - 1) * containers.length;
160
- } else {
161
- openTargetGrow = 1;
162
- }
163
- if (openGrowImportant) {
164
- openTargetGrow = openGrowImportant;
165
- }
166
- openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;
167
- notCloseAndOpenTargetList.forEach((e) => {
168
- e.style.transition = "flex 0.5s";
169
- e.ontransitionend = (event) => {
170
- if (event.propertyName != "flex-grow") {
171
- return;
172
- }
173
- notCloseAndOpenTargetList.forEach(
174
- (e2) => e2.style.transition = ""
175
- );
176
- e.ontransitionend = () => {
177
- };
178
- };
179
- if (e == resizeTarget) {
180
- resizeTarget.dataset.grow = openTargetGrow.toString();
181
- resizeTarget.style.flex = `${openTargetGrow} 1 0%`;
182
- return;
183
- }
184
- if (isResize) {
185
- return;
186
- }
187
- let grow = parentSize / notCloseList.length / (parentSize - 1) * (containers.length - openTargetGrow);
188
- grow = grow === Infinity ? 1 : grow;
189
- e.dataset.grow = grow.toString();
190
- e.style.flex = `${grow} 1 0%`;
191
- });
192
- if (isResize) {
193
- resize(notCloseAndOpenTargetList, containers.length);
194
- }
195
- resolve(openTargetGrow);
196
- });
197
- }
198
- export {
199
- closeFlex,
200
- findNotCloseFlexContent,
201
- getClientXy,
202
- getGrow,
203
- isDocumentOut,
204
- isOverMove,
205
- mathGrow,
206
- mathWeight,
207
- openFlex,
208
- remain,
209
- resize
210
- };
211
- //# sourceMappingURL=FlexLayoutUtils.js.map
1
+ function b({x:t,y:e}){if(typeof window>"u")return;const{innerWidth:n,innerHeight:l,scrollX:o,scrollY:s}=window;return t<0||e<0||t>n+o||e>l+s}let c;function x(t){let e,n;if(window.MouseEvent&&t instanceof window.MouseEvent)e=t.clientX,n=t.clientY;else if(window.TouchEvent&&t instanceof window.TouchEvent){const l=t.touches.length==0?c:t;e=l.touches[0].clientX,n=l.touches[0].clientY,c=t}else return;return{clientX:e,clientY:n}}function y(t,e){return Math.floor(t)<=0||(isNaN(e)?!1:e>=Math.floor(t))}function M(t,e){if(!t)return t;let n=t;const l=()=>(parseFloat(window.getComputedStyle(n).flex.split(" ")[0])||0)==0;for(;l()&&(n=n[e]?.[e],!!n););return n}function L(t){return new Promise(e=>{let n=[],l=t.reduce((o,s,h)=>{if(s.hasAttribute("data-grow")==!1)return n.push(s),o;let a=parseFloat(s.dataset.grow||"");return s.style.flex=`${a} 1 0%`,o-=a,o},t.length);n.length!=0&&w(n,l),e(t)})}function w(t,e){return new Promise(n=>{let l=e/t.length;t.forEach(o=>{o.dataset.grow=l.toString(),o.style.flex=`${l} 1 0%`}),n(l)})}function _(t,e){return 1+(e-t)/t}function H(t,e,n){return n*(t/e)}function d(t){const e=(t instanceof Element,t),n=parseFloat(e.style.flex.split(" ")[0]);if(!Number.isNaN(n))return n;const l=parseFloat(e.dataset.grow??"0");return Number.isNaN(l)?0:l}function N(t,e,{isResize:n=!1,isDsiabledResizePanel:l=!1,sizeName:o}){return new Promise(s=>{t.hasAttribute("data-is_resize_panel")&&l&&(t.dataset.is_resize_panel="false"),t.dataset.prev_grow=d(t).toString();let h=e.filter(r=>r.style.flex!="0 1 0%"&&r!=t),a=[...h,t];a.forEach(r=>{if(r.style.transition="flex 0.5s",r.ontransitionend=p=>{p.propertyName=="flex-grow"&&(a.forEach(f=>f.style.transition=""),r.ontransitionend=()=>{})},r==t){r.dataset.grow="0",r.style.flex="0 1 0%";return}if(n)return;let i=d(r)/e.length;if(h.length==1){r.dataset.grow=e.length.toString(),r.style.flex=`${e.length} 1 0%`;return}r.dataset.grow=(e.length*i).toString(),r.style.flex=`${e.length*i} 1 0%`}),n&&w(h,e.length),s(t)})}function A(t,e,{isPrevSizeOpen:n=!1,isResize:l=!1,openGrowImportant:o=0,sizeName:s}){return new Promise(h=>{t.hasAttribute("data-is_resize_panel")&&t.hasAttribute("data-is_resize_panel")&&t.dataset.is_resize_panel=="false"&&(t.dataset.is_resize_panel="true");let a=e.filter(u=>u.style.flex!="0 1 0%"&&u!=t),r=[...a,t],i=1;const p="client"+s.charAt(0).toUpperCase()+s.substring(1),f=s&&t.parentElement&&t.parentElement[p]||0;n&&t.hasAttribute("data-prev_grow")?i=parseFloat(t.dataset.prev_grow||"1")||1:f&&f!==0?i=f/a.length/(f-1)*e.length:i=1,o&&(i=o),i=i===1/0?1:i,r.forEach(u=>{if(u.style.transition="flex 0.5s",u.ontransitionend=g=>{g.propertyName=="flex-grow"&&(r.forEach(E=>E.style.transition=""),u.ontransitionend=()=>{})},u==t){t.dataset.grow=i.toString(),t.style.flex=`${i} 1 0%`;return}if(l)return;let m=f/a.length/(f-1)*(e.length-i);m=m===1/0?1:m,u.dataset.grow=m.toString(),u.style.flex=`${m} 1 0%`}),l&&w(r,e.length),h(i)})}export{N as closeFlex,M as findNotCloseFlexContent,x as getClientXy,d as getGrow,b as isDocumentOut,y as isOverMove,H as mathGrow,_ as mathWeight,A as openFlex,L as remain,w as resize};
@@ -1,23 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
8
- for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
12
- return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
- var utils_exports = {};
17
- module.exports = __toCommonJS(utils_exports);
18
- __reExport(utils_exports, require("./FlexLayoutUtils"), module.exports);
19
- // Annotate the CommonJS export names for ESM import in node:
20
- 0 && (module.exports = {
21
- ...require("./FlexLayoutUtils")
22
- });
23
- //# sourceMappingURL=index.cjs.map
1
+ "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./FlexLayoutUtils"),module.exports);0&&(module.exports={...require("./FlexLayoutUtils")});
@@ -1,2 +1 @@
1
- export * from "./FlexLayoutUtils";
2
- //# sourceMappingURL=index.js.map
1
+ export*from"./FlexLayoutUtils";
package/dist/index.cjs CHANGED
@@ -1,23 +1 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
8
- for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
12
- return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
16
- var index_exports = {};
17
- module.exports = __toCommonJS(index_exports);
18
- __reExport(index_exports, require("./flex-layout"), module.exports);
19
- // Annotate the CommonJS export names for ESM import in node:
20
- 0 && (module.exports = {
21
- ...require("./flex-layout")
22
- });
23
- //# sourceMappingURL=index.cjs.map
1
+ "use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./flex-layout"),module.exports);0&&(module.exports={...require("./flex-layout")});
package/dist/index.js CHANGED
@@ -1,2 +1 @@
1
- export * from "./flex-layout";
2
- //# sourceMappingURL=index.js.map
1
+ export*from"./flex-layout";
@@ -1,2 +1 @@
1
1
  "use strict";
2
- //# sourceMappingURL=css.d.cjs.map
@@ -1 +0,0 @@
1
- //# sourceMappingURL=css.d.js.map