biggerui 1.0.3 → 1.0.5
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/dist/biggerui.cjs.js +31 -38
- package/dist/biggerui.cjs.js.map +1 -1
- package/dist/biggerui.css +66 -0
- package/dist/biggerui.es.js +18 -25
- package/dist/biggerui.es.js.map +1 -1
- package/package.json +1 -1
package/dist/biggerui.cjs.js
CHANGED
|
@@ -7,20 +7,20 @@ const React = require('react');
|
|
|
7
7
|
const reactDom = require('react-dom');
|
|
8
8
|
|
|
9
9
|
function _interopNamespaceDefault(e) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
10
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
11
|
+
if (e) {
|
|
12
|
+
for (const k in e) {
|
|
13
|
+
if (k !== 'default') {
|
|
14
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: () => e[k]
|
|
18
|
+
});
|
|
19
|
+
}
|
|
21
20
|
}
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
}
|
|
22
|
+
n.default = e;
|
|
23
|
+
return Object.freeze(n);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
@@ -8732,7 +8732,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
8732
8732
|
*/
|
|
8733
8733
|
this.eventHandlers = new Map();
|
|
8734
8734
|
this.hasTreeAnimated = false;
|
|
8735
|
-
this.layoutVersion = 0;
|
|
8736
8735
|
// Note: Currently only running on root node
|
|
8737
8736
|
this.updateScheduled = false;
|
|
8738
8737
|
this.scheduleUpdate = () => this.update();
|
|
@@ -8759,7 +8758,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
8759
8758
|
* Frame calculations
|
|
8760
8759
|
*/
|
|
8761
8760
|
this.resolvedRelativeTargetAt = 0.0;
|
|
8762
|
-
this.linkedParentVersion = 0;
|
|
8763
8761
|
this.hasProjected = false;
|
|
8764
8762
|
this.isVisible = true;
|
|
8765
8763
|
this.animationProgress = 0;
|
|
@@ -9113,7 +9111,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
9113
9111
|
}
|
|
9114
9112
|
const prevLayout = this.layout;
|
|
9115
9113
|
this.layout = this.measure(false);
|
|
9116
|
-
this.layoutVersion++;
|
|
9117
9114
|
this.layoutCorrected = createBox();
|
|
9118
9115
|
this.isLayoutDirty = false;
|
|
9119
9116
|
this.projectionDelta = undefined;
|
|
@@ -9333,23 +9330,25 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
9333
9330
|
if (!this.layout || !(layout || layoutId))
|
|
9334
9331
|
return;
|
|
9335
9332
|
this.resolvedRelativeTargetAt = frameData.timestamp;
|
|
9336
|
-
const relativeParent = this.getClosestProjectingParent();
|
|
9337
|
-
if (relativeParent &&
|
|
9338
|
-
this.linkedParentVersion !== relativeParent.layoutVersion &&
|
|
9339
|
-
!relativeParent.options.layoutRoot) {
|
|
9340
|
-
this.removeRelativeTarget();
|
|
9341
|
-
}
|
|
9342
9333
|
/**
|
|
9343
9334
|
* If we don't have a targetDelta but do have a layout, we can attempt to resolve
|
|
9344
9335
|
* a relativeParent. This will allow a component to perform scale correction
|
|
9345
9336
|
* even if no animation has started.
|
|
9346
9337
|
*/
|
|
9347
9338
|
if (!this.targetDelta && !this.relativeTarget) {
|
|
9348
|
-
|
|
9349
|
-
|
|
9339
|
+
const relativeParent = this.getClosestProjectingParent();
|
|
9340
|
+
if (relativeParent &&
|
|
9341
|
+
relativeParent.layout &&
|
|
9342
|
+
this.animationProgress !== 1) {
|
|
9343
|
+
this.relativeParent = relativeParent;
|
|
9344
|
+
this.forceRelativeParentToResolveTarget();
|
|
9345
|
+
this.relativeTarget = createBox();
|
|
9346
|
+
this.relativeTargetOrigin = createBox();
|
|
9347
|
+
calcRelativePosition(this.relativeTargetOrigin, this.layout.layoutBox, relativeParent.layout.layoutBox);
|
|
9348
|
+
copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
|
|
9350
9349
|
}
|
|
9351
9350
|
else {
|
|
9352
|
-
this.
|
|
9351
|
+
this.relativeParent = this.relativeTarget = undefined;
|
|
9353
9352
|
}
|
|
9354
9353
|
}
|
|
9355
9354
|
/**
|
|
@@ -9399,13 +9398,19 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
9399
9398
|
*/
|
|
9400
9399
|
if (this.attemptToResolveRelativeTarget) {
|
|
9401
9400
|
this.attemptToResolveRelativeTarget = false;
|
|
9401
|
+
const relativeParent = this.getClosestProjectingParent();
|
|
9402
9402
|
if (relativeParent &&
|
|
9403
9403
|
Boolean(relativeParent.resumingFrom) ===
|
|
9404
9404
|
Boolean(this.resumingFrom) &&
|
|
9405
9405
|
!relativeParent.options.layoutScroll &&
|
|
9406
9406
|
relativeParent.target &&
|
|
9407
9407
|
this.animationProgress !== 1) {
|
|
9408
|
-
this.
|
|
9408
|
+
this.relativeParent = relativeParent;
|
|
9409
|
+
this.forceRelativeParentToResolveTarget();
|
|
9410
|
+
this.relativeTarget = createBox();
|
|
9411
|
+
this.relativeTargetOrigin = createBox();
|
|
9412
|
+
calcRelativePosition(this.relativeTargetOrigin, this.target, relativeParent.target);
|
|
9413
|
+
copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
|
|
9409
9414
|
}
|
|
9410
9415
|
else {
|
|
9411
9416
|
this.relativeParent = this.relativeTarget = undefined;
|
|
@@ -9431,18 +9436,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
9431
9436
|
this.options.layoutRoot) &&
|
|
9432
9437
|
this.layout);
|
|
9433
9438
|
}
|
|
9434
|
-
createRelativeTarget(relativeParent, layout, parentLayout) {
|
|
9435
|
-
this.relativeParent = relativeParent;
|
|
9436
|
-
this.linkedParentVersion = relativeParent.layoutVersion;
|
|
9437
|
-
this.forceRelativeParentToResolveTarget();
|
|
9438
|
-
this.relativeTarget = createBox();
|
|
9439
|
-
this.relativeTargetOrigin = createBox();
|
|
9440
|
-
calcRelativePosition(this.relativeTargetOrigin, layout, parentLayout);
|
|
9441
|
-
copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
|
|
9442
|
-
}
|
|
9443
|
-
removeRelativeTarget() {
|
|
9444
|
-
this.relativeParent = this.relativeTarget = undefined;
|
|
9445
|
-
}
|
|
9446
9439
|
calcProjection() {
|
|
9447
9440
|
const lead = this.getLead();
|
|
9448
9441
|
const isShared = Boolean(this.resumingFrom) || this !== lead;
|