@jxsuite/studio 3.0.0 → 4.1.0

package/dist/chunks/{studio-kvfx9z2c.js → studio-4rzyrtjz.js}

@@ -2,7 +2,39 @@ import {
   _$LH,
   noChange,
   nothing
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
+
+// ../../node_modules/lit-html/development/directive.js
+var PartType = {
+  ATTRIBUTE: 1,
+  CHILD: 2,
+  PROPERTY: 3,
+  BOOLEAN_ATTRIBUTE: 4,
+  EVENT: 5,
+  ELEMENT: 6
+};
+var directive = (c) => (...values) => ({
+  ["_$litDirective$"]: c,
+  values
+});
+
+class Directive {
+  constructor(_partInfo) {}
+  get _$isConnected() {
+    return this._$parent._$isConnected;
+  }
+  _$initialize(part, parent, attributeIndex) {
+    this.__part = part;
+    this._$parent = parent;
+    this.__attributeIndex = attributeIndex;
+  }
+  _$resolve(part, props) {
+    return this.update(part, props);
+  }
+  update(_part, props) {
+    return this.render(...props);
+  }
+}
 
 // ../../node_modules/lit-html/development/directive-helpers.js
 var { _ChildPart: ChildPart } = _$LH;
@@ -53,37 +85,44 @@ var removePart = (part) => {
   part._$startNode.remove();
 };
 
-// ../../node_modules/lit-html/development/directive.js
-var PartType = {
-  ATTRIBUTE: 1,
-  CHILD: 2,
-  PROPERTY: 3,
-  BOOLEAN_ATTRIBUTE: 4,
-  EVENT: 5,
-  ELEMENT: 6
-};
-var directive = (c) => (...values) => ({
-  ["_$litDirective$"]: c,
-  values
-});
-
-class Directive {
-  constructor(_partInfo) {}
-  get _$isConnected() {
-    return this._$parent._$isConnected;
-  }
-  _$initialize(part, parent, attributeIndex) {
-    this.__part = part;
-    this._$parent = parent;
-    this.__attributeIndex = attributeIndex;
+// ../../node_modules/lit-html/development/directives/live.js
+class LiveDirective extends Directive {
+  constructor(partInfo) {
+    super(partInfo);
+    if (!(partInfo.type === PartType.PROPERTY || partInfo.type === PartType.ATTRIBUTE || partInfo.type === PartType.BOOLEAN_ATTRIBUTE)) {
+      throw new Error("The `live` directive is not allowed on child or event bindings");
+    }
+    if (!isSingleExpression(partInfo)) {
+      throw new Error("`live` bindings can only contain a single expression");
+    }
   }
-  _$resolve(part, props) {
-    return this.update(part, props);
+  render(value) {
+    return value;
   }
-  update(_part, props) {
-    return this.render(...props);
+  update(part, [value]) {
+    if (value === noChange || value === nothing) {
+      return value;
+    }
+    const element = part.element;
+    const name = part.name;
+    if (part.type === PartType.PROPERTY) {
+      if (value === element[name]) {
+        return noChange;
+      }
+    } else if (part.type === PartType.BOOLEAN_ATTRIBUTE) {
+      if (!!value === element.hasAttribute(name)) {
+        return noChange;
+      }
+    } else if (part.type === PartType.ATTRIBUTE) {
+      if (element.getAttribute(name) === String(value)) {
+        return noChange;
+      }
+    }
+    setCommittedValue(part);
+    return value;
   }
 }
+var live = directive(LiveDirective);
 
 // ../../node_modules/lit-html/development/async-directive.js
 var DEV_MODE = true;
@@ -381,7 +420,7 @@ class RepeatDirective extends Directive {
 }
 var repeat = directive(RepeatDirective);
 
-export { PartType, directive, Directive, isPrimitive, isSingleExpression, setCommittedValue, AsyncDirective, createRef, ref, repeat };
+export { PartType, directive, Directive, isPrimitive, setCommittedValue, live, AsyncDirective, createRef, ref, repeat };
 
-//# debugId=9ADF88F72D5F364E64756E2164756E21
-//# sourceMappingURL=studio-kvfx9z2c.js.map
+//# debugId=5774C3287549C8FE64756E2164756E21
+//# sourceMappingURL=studio-4rzyrtjz.js.map

package/dist/chunks/{studio-tzx3xmvx.js → studio-5fx3g9jg.js}

@@ -12,18 +12,18 @@ import {
   queryAssignedElements,
   queryAssignedNodes,
   state
-} from "./studio-xm3dbxvn.js";
+} from "./studio-zczps70q.js";
 import {
   css
-} from "./studio-0rqqhrdy.js";
+} from "./studio-7nte2hj4.js";
 import {
   ifDefined,
   styleMap
-} from "./studio-twsafr1e.js";
+} from "./studio-m3hwn7y1.js";
 import {
   html,
   nothing
-} from "./studio-5x5774ak.js";
+} from "./studio-kryvsw6j.js";
 import {
   __require,
   __toESM
@@ -385,7 +385,7 @@ class AbstractOverlay extends SpectrumElement {
     document.dispatchEvent(overlayUpdateEvent);
   }
   static async open(triggerOrContent, interactionOrOptions, content, optionsV1) {
-    await import("./sp-overlay.dev-s18hymn9.js");
+    await import("./sp-overlay.dev-qgvhnxf4.js");
     const v2 = arguments.length === 2;
     const overlayContent = content || triggerOrContent;
     const overlay = new this;
@@ -1685,12 +1685,12 @@ function getOppositePlacement(placement) {
   return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
+  var _padding$top, _padding$right, _padding$bottom, _padding$left;
   return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
+    top: (_padding$top = padding.top) != null ? _padding$top : 0,
+    right: (_padding$right = padding.right) != null ? _padding$right : 0,
+    bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,
+    left: (_padding$left = padding.left) != null ? _padding$left : 0
   };
 }
 function getPaddingObject(padding) {
@@ -1766,13 +1766,9 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
         y: reference.y
       };
   }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
+  const alignment = getAlignment(placement);
+  if (alignment) {
+    coords[alignmentAxis] += commonAlign * (alignment === "end" ? 1 : -1) * (rtl && isVertical ? -1 : 1);
   }
   return coords;
 }
@@ -1812,10 +1808,7 @@ async function detectOverflow(state2, options) {
     height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? undefined : platform.getOffsetParent(elements.floating));
-  const offsetScale = await (platform.isElement == null ? undefined : platform.isElement(offsetParent)) ? await (platform.getScale == null ? undefined : platform.getScale(offsetParent)) || {
-    x: 1,
-    y: 1
-  } : {
+  const offsetScale = await (platform.isElement == null ? undefined : platform.isElement(offsetParent)) && await (platform.getScale == null ? undefined : platform.getScale(offsetParent)) || {
     x: 1,
     y: 1
   };
@@ -1963,12 +1956,11 @@ var arrow = (options) => ({
     const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
     const minPadding = min(paddingObject[minProp], largestPossiblePadding);
     const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
-    const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = clamp(min$1, center, max2);
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
+    const offset = clamp(minPadding, center, max2);
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < minPadding ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max2 : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: {
@@ -2191,23 +2183,16 @@ var shift = function(options) {
         y
       };
       const overflow = await platform.detectOverflow(state2, detectOverflowOptions);
-      const crossAxis = getSideAxis(getSide(placement));
+      const crossAxis = getSideAxis(placement);
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
       let crossAxisCoord = coords[crossAxis];
+      const clampCoord = (axis, coord) => clamp(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
       if (checkMainAxis) {
-        const minSide = mainAxis === "y" ? "top" : "left";
-        const maxSide = mainAxis === "y" ? "bottom" : "right";
-        const min2 = mainAxisCoord + overflow[minSide];
-        const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+        mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
       }
       if (checkCrossAxis) {
-        const minSide = crossAxis === "y" ? "top" : "left";
-        const maxSide = crossAxis === "y" ? "bottom" : "right";
-        const min2 = crossAxisCoord + overflow[minSide];
-        const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+        crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
       }
       const limitedCoords = limiter.fn({
         ...state2,
@@ -2236,7 +2221,6 @@ var size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -2268,24 +2252,21 @@ var size = function(options) {
       const maximumClippingWidth = width - overflow.left - overflow.right;
       const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
       const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
-      const noShift = !state2.middlewareData.shift;
+      const shiftData = state2.middlewareData.shift;
+      const noShift = !shiftData;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+      if (shiftData != null && shiftData.enabled.x) {
         availableWidth = maximumClippingWidth;
       }
-      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+      if (shiftData != null && shiftData.enabled.y) {
         availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
         if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+          availableWidth = width - 2 * max(overflow.left, overflow.right);
         } else {
-          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+          availableHeight = height - 2 * max(overflow.top, overflow.bottom);
         }
       }
       await apply({
@@ -2436,7 +2417,7 @@ function getParentNode(node) {
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
   if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
+    return (node.ownerDocument || node).body;
   }
   if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
     return parentNode;
@@ -3379,12 +3360,12 @@ class InteractionController {
       return;
     }
     customElements.whenDefined("sp-overlay").then(async () => {
-      const { Overlay } = await import("./Overlay.dev-d2ajy6sj.js");
+      const { Overlay } = await import("./Overlay.dev-etqjwyf9.js");
       this.overlay = new Overlay;
       this.overlay.open = true;
       this.target[lastInteractionType] = this.type;
     });
-    import("./sp-overlay.dev-s18hymn9.js");
+    import("./sp-overlay.dev-qgvhnxf4.js");
   }
   get overlay() {
     return this._overlay;
@@ -4009,7 +3990,7 @@ var _Overlay = class _Overlay2 extends ComputedOverlayBase {
       return;
     }
     if (targetOpenState) {
-      const focusTrap = await import("./focus-trap.esm-ggawf1hy.js");
+      const focusTrap = await import("./focus-trap.esm-9t2drp0g.js");
       const initialFocus = this.receivesFocus === "false" ? false : focusEl || undefined;
       this._focusTrap = focusTrap.createFocusTrap(this.dialogEl, {
         initialFocus,
@@ -4340,5 +4321,5 @@ var Overlay = _Overlay;
 
 export { FocusVisiblePolyfillMixin, Focusable, LikeAnchor, MutationController, ObserveSlotPresence, ObserveSlotText, isIPhone, isIOS, isWebKit, isAndroid, randomID, conditionAttributeWithoutId, conditionAttributeWithId, elementResolverUpdatedSymbol, ElementResolutionController, LONGPRESS_INSTRUCTIONS, SlottableRequestEvent, Overlay };
 
-//# debugId=B4C0094FFD6AEF9A64756E2164756E21
-//# sourceMappingURL=studio-tzx3xmvx.js.map
+//# debugId=870A47F946E355DE64756E2164756E21
+//# sourceMappingURL=studio-5fx3g9jg.js.map