biggerui 1.0.4 → 1.0.6

package/dist/biggerui.cjs.js

@@ -25,20 +25,22 @@ function _interopNamespaceDefault(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const button = "_button_1cxsm_1";
-const fullWidth = "_fullWidth_1cxsm_21";
-const destructive = "_destructive_1cxsm_34";
-const secondary = "_secondary_1cxsm_43";
-const sm = "_sm_1cxsm_58";
-const lg = "_lg_1cxsm_63";
-const iconLeft = "_iconLeft_1cxsm_68";
-const iconRight = "_iconRight_1cxsm_69";
-const disabled = "_disabled_1cxsm_76";
-const label$3 = "_label_1cxsm_81";
+const button = "_button_12key_1";
+const loader = "_loader_12key_26";
+const fullWidth = "_fullWidth_12key_85";
+const destructive = "_destructive_12key_98";
+const secondary = "_secondary_12key_107";
+const sm = "_sm_12key_122";
+const lg = "_lg_12key_127";
+const iconLeft = "_iconLeft_12key_132";
+const iconRight = "_iconRight_12key_133";
+const disabled = "_disabled_12key_140";
+const label$3 = "_label_12key_145";
 const styles$5 = {
 	button: button,
+	loader: loader,
 	fullWidth: fullWidth,
-	"default": "_default_1cxsm_25",
+	"default": "_default_12key_89",
 	destructive: destructive,
 	secondary: secondary,
 	sm: sm,
@@ -57,19 +59,23 @@ function Button({
   className = "",
   disabled = false,
   children,
+  loading = false,
+  progress = 0,
   ...props
 }) {
   const classes = [
     styles$5.button,
     styles$5[color],
     styles$5[size],
+    loading ? styles$5.loading : "",
     disabled ? styles$5.disabled : "",
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: classes, disabled, ...props, children: [
     leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconLeft, children: leftIcon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.label, children }),
-    rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconRight, children: rightIcon })
+    rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconRight, children: rightIcon }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--progress": progress }, className: styles$5.loader })
   ] });
 }
 
@@ -8732,7 +8738,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
              */
             this.eventHandlers = new Map();
             this.hasTreeAnimated = false;
-            this.layoutVersion = 0;
             // Note: Currently only running on root node
             this.updateScheduled = false;
             this.scheduleUpdate = () => this.update();
@@ -8759,7 +8764,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
              * Frame calculations
              */
             this.resolvedRelativeTargetAt = 0.0;
-            this.linkedParentVersion = 0;
             this.hasProjected = false;
             this.isVisible = true;
             this.animationProgress = 0;
@@ -9113,7 +9117,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             }
             const prevLayout = this.layout;
             this.layout = this.measure(false);
-            this.layoutVersion++;
             this.layoutCorrected = createBox();
             this.isLayoutDirty = false;
             this.projectionDelta = undefined;
@@ -9333,23 +9336,25 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
             if (!this.layout || !(layout || layoutId))
                 return;
             this.resolvedRelativeTargetAt = frameData.timestamp;
-            const relativeParent = this.getClosestProjectingParent();
-            if (relativeParent &&
-                this.linkedParentVersion !== relativeParent.layoutVersion &&
-                !relativeParent.options.layoutRoot) {
-                this.removeRelativeTarget();
-            }
             /**
              * If we don't have a targetDelta but do have a layout, we can attempt to resolve
              * a relativeParent. This will allow a component to perform scale correction
              * even if no animation has started.
              */
             if (!this.targetDelta && !this.relativeTarget) {
-                if (relativeParent && relativeParent.layout) {
-                    this.createRelativeTarget(relativeParent, this.layout.layoutBox, relativeParent.layout.layoutBox);
+                const relativeParent = this.getClosestProjectingParent();
+                if (relativeParent &&
+                    relativeParent.layout &&
+                    this.animationProgress !== 1) {
+                    this.relativeParent = relativeParent;
+                    this.forceRelativeParentToResolveTarget();
+                    this.relativeTarget = createBox();
+                    this.relativeTargetOrigin = createBox();
+                    calcRelativePosition(this.relativeTargetOrigin, this.layout.layoutBox, relativeParent.layout.layoutBox);
+                    copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
                 }
                 else {
-                    this.removeRelativeTarget();
+                    this.relativeParent = this.relativeTarget = undefined;
                 }
             }
             /**
@@ -9399,13 +9404,19 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
              */
             if (this.attemptToResolveRelativeTarget) {
                 this.attemptToResolveRelativeTarget = false;
+                const relativeParent = this.getClosestProjectingParent();
                 if (relativeParent &&
                     Boolean(relativeParent.resumingFrom) ===
                         Boolean(this.resumingFrom) &&
                     !relativeParent.options.layoutScroll &&
                     relativeParent.target &&
                     this.animationProgress !== 1) {
-                    this.createRelativeTarget(relativeParent, this.target, relativeParent.target);
+                    this.relativeParent = relativeParent;
+                    this.forceRelativeParentToResolveTarget();
+                    this.relativeTarget = createBox();
+                    this.relativeTargetOrigin = createBox();
+                    calcRelativePosition(this.relativeTargetOrigin, this.target, relativeParent.target);
+                    copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
                 }
                 else {
                     this.relativeParent = this.relativeTarget = undefined;
@@ -9431,18 +9442,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                 this.options.layoutRoot) &&
                 this.layout);
         }
-        createRelativeTarget(relativeParent, layout, parentLayout) {
-            this.relativeParent = relativeParent;
-            this.linkedParentVersion = relativeParent.layoutVersion;
-            this.forceRelativeParentToResolveTarget();
-            this.relativeTarget = createBox();
-            this.relativeTargetOrigin = createBox();
-            calcRelativePosition(this.relativeTargetOrigin, layout, parentLayout);
-            copyBoxInto(this.relativeTarget, this.relativeTargetOrigin);
-        }
-        removeRelativeTarget() {
-            this.relativeParent = this.relativeTarget = undefined;
-        }
         calcProjection() {
             const lead = this.getLead();
             const isShared = Boolean(this.resumingFrom) || this !== lead;
@@ -10435,13 +10434,13 @@ const featureBundle = {
 
 const motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);
 
-const overlay = "_overlay_oc9ef_1";
-const content = "_content_oc9ef_11";
-const header = "_header_oc9ef_29";
-const title = "_title_oc9ef_38";
-const body = "_body_oc9ef_48";
-const footer = "_footer_oc9ef_58";
-const closeButton = "_closeButton_oc9ef_66";
+const overlay = "_overlay_1narp_1";
+const content = "_content_1narp_11";
+const header = "_header_1narp_29";
+const title = "_title_1narp_38";
+const body = "_body_1narp_48";
+const footer = "_footer_1narp_58";
+const closeButton = "_closeButton_1narp_66";
 const styles$3 = {
 	overlay: overlay,
 	content: content,
@@ -10591,20 +10590,20 @@ const Input = ({
   ] });
 };
 
-const wrapper$1 = "_wrapper_f03cq_1";
-const label$1 = "_label_f03cq_9";
-const trigger = "_trigger_f03cq_19";
-const triggerOpen = "_triggerOpen_f03cq_36";
-const value = "_value_f03cq_40";
-const placeholder = "_placeholder_f03cq_52";
-const hint = "_hint_f03cq_61";
-const icon = "_icon_f03cq_67";
-const dropdown = "_dropdown_f03cq_73";
-const dropdownInner = "_dropdownInner_f03cq_81";
-const option = "_option_f03cq_91";
-const optionActive = "_optionActive_f03cq_109";
-const optionLabel = "_optionLabel_f03cq_113";
-const optionHint = "_optionHint_f03cq_120";
+const wrapper$1 = "_wrapper_12upp_1";
+const label$1 = "_label_12upp_9";
+const trigger = "_trigger_12upp_19";
+const triggerOpen = "_triggerOpen_12upp_36";
+const value = "_value_12upp_40";
+const placeholder = "_placeholder_12upp_52";
+const hint = "_hint_12upp_61";
+const icon = "_icon_12upp_67";
+const dropdown = "_dropdown_12upp_73";
+const dropdownInner = "_dropdownInner_12upp_81";
+const option = "_option_12upp_91";
+const optionActive = "_optionActive_12upp_109";
+const optionLabel = "_optionLabel_12upp_113";
+const optionHint = "_optionHint_12upp_120";
 const styles$1 = {
 	wrapper: wrapper$1,
 	label: label$1,