@ui5/webcomponents 2.19.0-rc.0 → 2.19.0-rc.2

package/dist/PopoverResize.js

@@ -0,0 +1,276 @@
+import clamp from "@ui5/webcomponents-base/dist/util/clamp.js";
+import { PopoverActualPlacement, PopoverActualHorizontalAlign } from "./Popover.js";
+import PopoverVerticalAlign from "./types/PopoverVerticalAlign.js";
+var ResizeHandlePlacement;
+(function (ResizeHandlePlacement) {
+    ResizeHandlePlacement["TopLeft"] = "TopLeft";
+    ResizeHandlePlacement["TopRight"] = "TopRight";
+    ResizeHandlePlacement["BottomLeft"] = "BottomLeft";
+    ResizeHandlePlacement["BottomRight"] = "BottomRight";
+})(ResizeHandlePlacement || (ResizeHandlePlacement = {}));
+/**
+ * Manages resize functionality for Popover components
+ * @private
+ */
+class PopoverResize {
+    constructor(popover) {
+        this._resized = false;
+        this._popover = popover;
+        this._resizeMouseMoveHandler = this._onResizeMouseMove.bind(this);
+        this._resizeMouseUpHandler = this._onResizeMouseUp.bind(this);
+    }
+    /**
+     * Resets the resize state
+     */
+    reset() {
+        if (!this._resized) {
+            return;
+        }
+        this._resized = false;
+        delete this._currentDeltaX;
+        delete this._currentDeltaY;
+        delete this._totalDeltaX;
+        delete this._totalDeltaY;
+    }
+    /**
+     * Returns whether the popover has been resized
+     */
+    get isResized() {
+        return this._resized;
+    }
+    /*
+     * Gets the corrected left position considering resize deltas
+     */
+    getCorrectedLeft(left) {
+        if (this.isResized) {
+            left -= this._currentDeltaX || 0;
+        }
+        return left;
+    }
+    /*
+     * Gets the corrected top position considering resize deltas
+     */
+    getCorrectedTop(top) {
+        if (this.isResized) {
+            top -= this._currentDeltaY || 0;
+        }
+        return top;
+    }
+    setCorrectResizeHandleClass(allClasses) {
+        switch (this.getResizeHandlePlacement()) {
+            case ResizeHandlePlacement.BottomLeft:
+                allClasses.root["ui5-popover-resize-handle-bottom-left"] = true;
+                break;
+            case ResizeHandlePlacement.BottomRight:
+                allClasses.root["ui5-popover-resize-handle-bottom-right"] = true;
+                break;
+            case ResizeHandlePlacement.TopLeft:
+                allClasses.root["ui5-popover-resize-handle-top-left"] = true;
+                break;
+            case ResizeHandlePlacement.TopRight:
+                allClasses.root["ui5-popover-resize-handle-top-right"] = true;
+                break;
+        }
+    }
+    getResizeHandlePlacement() {
+        const popover = this._popover;
+        if (this._resized && popover.resizeHandlePlacement) {
+            return popover.resizeHandlePlacement;
+        }
+        const opener = popover.getOpenerHTMLElement(popover.opener);
+        if (!opener) {
+            return undefined;
+        }
+        const offset = 2;
+        const isRtl = popover.isRtl;
+        const openerRect = opener.getBoundingClientRect();
+        const popoverWrapperRect = popover.getBoundingClientRect();
+        let openerCX = Math.floor(openerRect.x + openerRect.width / 2);
+        const openerCY = Math.floor(openerRect.y + openerRect.height / 2);
+        let popoverCX = Math.floor(popoverWrapperRect.x + popoverWrapperRect.width / 2);
+        const popoverCY = Math.floor(popoverWrapperRect.y + popoverWrapperRect.height / 2);
+        const verticalAlign = popover.verticalAlign;
+        const actualHorizontalAlign = popover._actualHorizontalAlign;
+        const isPopoverWidthBiggerThanOpener = popoverWrapperRect.width > openerRect.width;
+        const isPopoverHeightBiggerThanOpener = popoverWrapperRect.height > openerRect.height;
+        if (isRtl) {
+            openerCX = -openerCX;
+            popoverCX = -popoverCX;
+        }
+        switch (popover.getActualPlacement(openerRect)) {
+            case PopoverActualPlacement.Left:
+                if (isPopoverHeightBiggerThanOpener) {
+                    if (popoverCY > openerCY + offset) {
+                        return ResizeHandlePlacement.BottomLeft;
+                    }
+                    return ResizeHandlePlacement.TopLeft;
+                }
+                if (verticalAlign === PopoverVerticalAlign.Top) {
+                    return ResizeHandlePlacement.BottomLeft;
+                }
+                return ResizeHandlePlacement.TopLeft;
+            case PopoverActualPlacement.Right:
+                if (isPopoverHeightBiggerThanOpener) {
+                    if (popoverCY + offset < openerCY) {
+                        return ResizeHandlePlacement.TopRight;
+                    }
+                    return ResizeHandlePlacement.BottomRight;
+                }
+                if (verticalAlign === PopoverVerticalAlign.Bottom) {
+                    return ResizeHandlePlacement.TopRight;
+                }
+                return ResizeHandlePlacement.BottomRight;
+            case PopoverActualPlacement.Bottom:
+                if (isPopoverWidthBiggerThanOpener) {
+                    if (popoverCX + offset < openerCX) {
+                        return isRtl ? ResizeHandlePlacement.BottomRight : ResizeHandlePlacement.BottomLeft;
+                    }
+                    return isRtl ? ResizeHandlePlacement.BottomLeft : ResizeHandlePlacement.BottomRight;
+                }
+                if (isRtl) {
+                    if (actualHorizontalAlign === PopoverActualHorizontalAlign.Left) {
+                        return ResizeHandlePlacement.BottomRight;
+                    }
+                    return ResizeHandlePlacement.BottomLeft;
+                }
+                if (actualHorizontalAlign === PopoverActualHorizontalAlign.Right) {
+                    return ResizeHandlePlacement.BottomLeft;
+                }
+                return ResizeHandlePlacement.BottomRight;
+            case PopoverActualPlacement.Top:
+            default:
+                if (isPopoverWidthBiggerThanOpener) {
+                    if (popoverCX + offset < openerCX) {
+                        return isRtl ? ResizeHandlePlacement.TopRight : ResizeHandlePlacement.TopLeft;
+                    }
+                    return isRtl ? ResizeHandlePlacement.TopLeft : ResizeHandlePlacement.TopRight;
+                }
+                if (isRtl) {
+                    if (actualHorizontalAlign === PopoverActualHorizontalAlign.Left) {
+                        return ResizeHandlePlacement.TopRight;
+                    }
+                    return ResizeHandlePlacement.TopLeft;
+                }
+                if (actualHorizontalAlign === PopoverActualHorizontalAlign.Right) {
+                    return ResizeHandlePlacement.TopLeft;
+                }
+                return ResizeHandlePlacement.TopRight;
+        }
+    }
+    /**
+     * Handles mouse down event on resize handle
+     */
+    onResizeMouseDown(e) {
+        if (!this._popover.resizable) {
+            return;
+        }
+        e.preventDefault();
+        this._resized = true;
+        this._initialBoundingRect = this._popover.getBoundingClientRect();
+        this._totalDeltaX = this._currentDeltaX;
+        this._totalDeltaY = this._currentDeltaY;
+        const { minWidth, minHeight, } = window.getComputedStyle(this._popover);
+        const domRefComputedStyle = window.getComputedStyle(this._popover._getRealDomRef());
+        this._initialClientX = e.clientX;
+        this._initialClientY = e.clientY;
+        this._minWidth = Math.max(Number.parseFloat(minWidth), Number.parseFloat(domRefComputedStyle.minWidth));
+        this._minHeight = Number.parseFloat(minHeight);
+        this._attachMouseResizeHandlers();
+    }
+    /**
+     * Handles mouse move event during resize
+     */
+    _onResizeMouseMove(e) {
+        const popover = this._popover;
+        const margin = popover._viewportMargin;
+        const { clientX, clientY } = e;
+        const resizeHandlePlacement = this.getResizeHandlePlacement();
+        const initialBoundingRect = this._initialBoundingRect;
+        const deltaX = clientX - this._initialClientX;
+        const deltaY = clientY - this._initialClientY;
+        let newWidth, newHeight;
+        // Determine if we're resizing from left or right edge
+        const isResizingFromLeft = resizeHandlePlacement === ResizeHandlePlacement.TopLeft
+            || resizeHandlePlacement === ResizeHandlePlacement.BottomLeft;
+        const isResizingFromTop = resizeHandlePlacement === ResizeHandlePlacement.TopLeft
+            || resizeHandlePlacement === ResizeHandlePlacement.TopRight;
+        // Calculate width changes
+        if (isResizingFromLeft) {
+            // Resizing from left edge - width increases when moving left (negative delta)
+            const maxWidthFromLeft = initialBoundingRect.x + initialBoundingRect.width - margin;
+            newWidth = clamp(initialBoundingRect.width - deltaX, this._minWidth, maxWidthFromLeft);
+            // Adjust left position when resizing from left
+            // Ensure the left edge respects the viewport margin and the right edge position
+            const newLeft = clamp(initialBoundingRect.x + deltaX, margin, initialBoundingRect.x + initialBoundingRect.width - this._minWidth);
+            // Recalculate width based on actual left position to stay within viewport with margin
+            newWidth = Math.min(newWidth, initialBoundingRect.x + initialBoundingRect.width - newLeft);
+            this._currentDeltaX = (initialBoundingRect.x - newLeft) / 2;
+        }
+        else {
+            // Resizing from right edge - width increases when moving right (positive delta)
+            const maxWidthFromRight = window.innerWidth - initialBoundingRect.x - margin;
+            newWidth = clamp(initialBoundingRect.width + deltaX, this._minWidth, maxWidthFromRight);
+            this._currentDeltaX = (initialBoundingRect.width - newWidth) / 2;
+        }
+        // Calculate height changes
+        if (isResizingFromTop) {
+            // Resizing from top edge - height increases when moving up (negative delta)
+            const maxHeightFromTop = initialBoundingRect.y + initialBoundingRect.height - margin;
+            newHeight = clamp(initialBoundingRect.height - deltaY, this._minHeight, maxHeightFromTop);
+            // Adjust top position when resizing from top
+            // Ensure the top edge respects the viewport margin and the bottom edge position
+            const newTop = clamp(initialBoundingRect.y + deltaY, margin, initialBoundingRect.y + initialBoundingRect.height - this._minHeight);
+            // Recalculate height based on actual top position to stay within viewport with margin
+            newHeight = Math.min(newHeight, initialBoundingRect.y + initialBoundingRect.height - newTop);
+            this._currentDeltaY = (initialBoundingRect.y - newTop) / 2;
+        }
+        else {
+            // Resizing from bottom edge - height increases when moving down (positive delta)
+            const maxHeightFromBottom = window.innerHeight - initialBoundingRect.y - margin;
+            newHeight = clamp(initialBoundingRect.height + deltaY, this._minHeight, maxHeightFromBottom);
+            this._currentDeltaY = (initialBoundingRect.height - newHeight) / 2;
+        }
+        this._currentDeltaX += this._totalDeltaX || 0;
+        this._currentDeltaY += this._totalDeltaY || 0;
+        const placement = this._popover.calcPlacement(this._popover._openerRect, {
+            width: newWidth,
+            height: newHeight,
+        });
+        this._popover.arrowTranslateX = placement.arrow.x;
+        this._popover.arrowTranslateY = placement.arrow.y;
+        Object.assign(this._popover.style, {
+            left: `${placement.left}px`,
+            top: `${placement.top}px`,
+            height: `${newHeight}px`,
+            width: `${newWidth}px`,
+        });
+    }
+    /**
+     * Handles mouse up event after resize
+     */
+    _onResizeMouseUp() {
+        delete this._initialClientX;
+        delete this._initialClientY;
+        delete this._initialBoundingRect;
+        delete this._minWidth;
+        delete this._minHeight;
+        this._detachMouseResizeHandlers();
+    }
+    /**
+     * Attaches mouse event handlers for resize
+     */
+    _attachMouseResizeHandlers() {
+        window.addEventListener("mousemove", this._resizeMouseMoveHandler);
+        window.addEventListener("mouseup", this._resizeMouseUpHandler);
+    }
+    /**
+     * Detaches mouse event handlers for resize
+     */
+    _detachMouseResizeHandlers() {
+        window.removeEventListener("mousemove", this._resizeMouseMoveHandler);
+        window.removeEventListener("mouseup", this._resizeMouseUpHandler);
+    }
+}
+export { ResizeHandlePlacement };
+export default PopoverResize;
+//# sourceMappingURL=PopoverResize.js.map

package/dist/PopoverResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverResize.js","sourceRoot":"","sources":["../src/PopoverResize.ts"],"names":[],"mappings":"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","sourcesContent":["import clamp from \"@ui5/webcomponents-base/dist/util/clamp.js\";\nimport type { ClassMap } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type Popover from \"./Popover.js\";\nimport { PopoverActualPlacement, PopoverActualHorizontalAlign } from \"./Popover.js\";\nimport PopoverVerticalAlign from \"./types/PopoverVerticalAlign.js\";\n\nenum ResizeHandlePlacement {\n\tTopLeft = \"TopLeft\",\n\tTopRight = \"TopRight\",\n\tBottomLeft = \"BottomLeft\",\n\tBottomRight = \"BottomRight\",\n}\n\n/**\n * Manages resize functionality for Popover components\n * @private\n */\nclass PopoverResize {\n\tprivate _popover: Popover;\n\tprivate _resizeMouseMoveHandler: (e: MouseEvent) => void;\n\tprivate _resizeMouseUpHandler: (e: MouseEvent) => void;\n\n\t_initialClientX?: number;\n\t_initialClientY?: number;\n\t_initialBoundingRect?: DOMRect;\n\t_minWidth?: number;\n\t_minHeight?: number;\n\t_resized = false;\n\n\t_currentDeltaX?: number;\n\t_currentDeltaY?: number;\n\n\t// These variables track the cumulative resize difference throughout the entire resizing process.\n\t// It covers scenarios where: the mouse is pressed down,\n\t// moved, and released; the popover remains open;\n\t// and the mouse is pressed down, moved, and released again.\n\t_totalDeltaX?: number;\n\t_totalDeltaY?: number;\n\n\tconstructor(popover: Popover) {\n\t\tthis._popover = popover;\n\t\tthis._resizeMouseMoveHandler = this._onResizeMouseMove.bind(this);\n\t\tthis._resizeMouseUpHandler = this._onResizeMouseUp.bind(this);\n\t}\n\n\t/**\n\t * Resets the resize state\n\t */\n\treset() {\n\t\tif (!this._resized) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._resized = false;\n\n\t\tdelete this._currentDeltaX;\n\t\tdelete this._currentDeltaY;\n\n\t\tdelete this._totalDeltaX;\n\t\tdelete this._totalDeltaY;\n\t}\n\n\t/**\n\t * Returns whether the popover has been resized\n\t */\n\tget isResized(): boolean {\n\t\treturn this._resized;\n\t}\n\n\t/*\n\t * Gets the corrected left position considering resize deltas\n\t */\n\tgetCorrectedLeft(left: number): number {\n\t\tif (this.isResized) {\n\t\t\tleft -= this._currentDeltaX || 0;\n\t\t}\n\n\t\treturn left;\n\t}\n\n\t/*\n\t * Gets the corrected top position considering resize deltas\n\t */\n\tgetCorrectedTop(top: number): number {\n\t\tif (this.isResized) {\n\t\t\ttop -= this._currentDeltaY || 0;\n\t\t}\n\n\t\treturn top;\n\t}\n\n\tsetCorrectResizeHandleClass(allClasses: ClassMap) {\n\t\tswitch (this.getResizeHandlePlacement()) {\n\t\tcase ResizeHandlePlacement.BottomLeft:\n\t\t\tallClasses.root[\"ui5-popover-resize-handle-bottom-left\"] = true;\n\t\t\tbreak;\n\t\tcase ResizeHandlePlacement.BottomRight:\n\t\t\tallClasses.root[\"ui5-popover-resize-handle-bottom-right\"] = true;\n\t\t\tbreak;\n\t\tcase ResizeHandlePlacement.TopLeft:\n\t\t\tallClasses.root[\"ui5-popover-resize-handle-top-left\"] = true;\n\t\t\tbreak;\n\t\tcase ResizeHandlePlacement.TopRight:\n\t\t\tallClasses.root[\"ui5-popover-resize-handle-top-right\"] = true;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tgetResizeHandlePlacement() {\n\t\tconst popover = this._popover;\n\n\t\tif (this._resized && popover.resizeHandlePlacement) {\n\t\t\treturn popover.resizeHandlePlacement;\n\t\t}\n\n\t\tconst opener = popover.getOpenerHTMLElement(popover.opener);\n\n\t\tif (!opener) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst offset = 2;\n\t\tconst isRtl = popover.isRtl;\n\n\t\tconst openerRect = opener.getBoundingClientRect();\n\t\tconst popoverWrapperRect = popover.getBoundingClientRect();\n\n\t\tlet openerCX = Math.floor(openerRect.x + openerRect.width / 2);\n\t\tconst openerCY = Math.floor(openerRect.y + openerRect.height / 2);\n\n\t\tlet popoverCX = Math.floor(popoverWrapperRect.x + popoverWrapperRect.width / 2);\n\t\tconst popoverCY = Math.floor(popoverWrapperRect.y + popoverWrapperRect.height / 2);\n\n\t\tconst verticalAlign = popover.verticalAlign;\n\t\tconst actualHorizontalAlign = popover._actualHorizontalAlign;\n\n\t\tconst isPopoverWidthBiggerThanOpener = popoverWrapperRect.width > openerRect.width;\n\t\tconst isPopoverHeightBiggerThanOpener = popoverWrapperRect.height > openerRect.height;\n\n\t\tif (isRtl) {\n\t\t\topenerCX = -openerCX;\n\t\t\tpopoverCX = -popoverCX;\n\t\t}\n\n\t\tswitch (popover.getActualPlacement(openerRect)) {\n\t\tcase PopoverActualPlacement.Left:\n\t\t\tif (isPopoverHeightBiggerThanOpener) {\n\t\t\t\tif (popoverCY > openerCY + offset) {\n\t\t\t\t\treturn ResizeHandlePlacement.BottomLeft;\n\t\t\t\t}\n\n\t\t\t\treturn ResizeHandlePlacement.TopLeft;\n\t\t\t}\n\n\t\t\tif (verticalAlign === PopoverVerticalAlign.Top) {\n\t\t\t\treturn ResizeHandlePlacement.BottomLeft;\n\t\t\t}\n\n\t\t\treturn ResizeHandlePlacement.TopLeft;\n\t\tcase PopoverActualPlacement.Right:\n\t\t\tif (isPopoverHeightBiggerThanOpener) {\n\t\t\t\tif (popoverCY + offset < openerCY) {\n\t\t\t\t\treturn ResizeHandlePlacement.TopRight;\n\t\t\t\t}\n\n\t\t\t\treturn ResizeHandlePlacement.BottomRight;\n\t\t\t}\n\n\t\t\tif (verticalAlign === PopoverVerticalAlign.Bottom) {\n\t\t\t\treturn ResizeHandlePlacement.TopRight;\n\t\t\t}\n\n\t\t\treturn ResizeHandlePlacement.BottomRight;\n\t\tcase PopoverActualPlacement.Bottom:\n\t\t\tif (isPopoverWidthBiggerThanOpener) {\n\t\t\t\tif (popoverCX + offset < openerCX) {\n\t\t\t\t\treturn isRtl ? ResizeHandlePlacement.BottomRight : ResizeHandlePlacement.BottomLeft;\n\t\t\t\t}\n\n\t\t\t\treturn isRtl ? ResizeHandlePlacement.BottomLeft : ResizeHandlePlacement.BottomRight;\n\t\t\t}\n\n\t\t\tif (isRtl) {\n\t\t\t\tif (actualHorizontalAlign === PopoverActualHorizontalAlign.Left) {\n\t\t\t\t\treturn ResizeHandlePlacement.BottomRight;\n\t\t\t\t}\n\n\t\t\t\treturn ResizeHandlePlacement.BottomLeft;\n\t\t\t}\n\n\t\t\tif (actualHorizontalAlign === PopoverActualHorizontalAlign.Right) {\n\t\t\t\treturn ResizeHandlePlacement.BottomLeft;\n\t\t\t}\n\n\t\t\treturn ResizeHandlePlacement.BottomRight;\n\t\tcase PopoverActualPlacement.Top:\n\t\tdefault:\n\t\t\tif (isPopoverWidthBiggerThanOpener) {\n\t\t\t\tif (popoverCX + offset < openerCX) {\n\t\t\t\t\treturn isRtl ? ResizeHandlePlacement.TopRight : ResizeHandlePlacement.TopLeft;\n\t\t\t\t}\n\n\t\t\t\treturn isRtl ? ResizeHandlePlacement.TopLeft : ResizeHandlePlacement.TopRight;\n\t\t\t}\n\n\t\t\tif (isRtl) {\n\t\t\t\tif (actualHorizontalAlign === PopoverActualHorizontalAlign.Left) {\n\t\t\t\t\treturn ResizeHandlePlacement.TopRight;\n\t\t\t\t}\n\n\t\t\t\treturn ResizeHandlePlacement.TopLeft;\n\t\t\t}\n\n\t\t\tif (actualHorizontalAlign === PopoverActualHorizontalAlign.Right) {\n\t\t\t\treturn ResizeHandlePlacement.TopLeft;\n\t\t\t}\n\n\t\t\treturn ResizeHandlePlacement.TopRight;\n\t\t}\n\t}\n\n\t/**\n\t * Handles mouse down event on resize handle\n\t */\n\tonResizeMouseDown(e: MouseEvent) {\n\t\tif (!this._popover.resizable) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._resized = true;\n\t\tthis._initialBoundingRect = this._popover.getBoundingClientRect();\n\n\t\tthis._totalDeltaX = this._currentDeltaX;\n\t\tthis._totalDeltaY = this._currentDeltaY;\n\n\t\tconst {\n\t\t\tminWidth,\n\t\t\tminHeight,\n\t\t} = window.getComputedStyle(this._popover);\n\n\t\tconst domRefComputedStyle = window.getComputedStyle(this._popover._getRealDomRef!());\n\n\t\tthis._initialClientX = e.clientX;\n\t\tthis._initialClientY = e.clientY;\n\n\t\tthis._minWidth = Math.max(Number.parseFloat(minWidth), Number.parseFloat(domRefComputedStyle.minWidth));\n\t\tthis._minHeight = Number.parseFloat(minHeight);\n\n\t\tthis._attachMouseResizeHandlers();\n\t}\n\n\t/**\n\t * Handles mouse move event during resize\n\t */\n\tprivate _onResizeMouseMove(e: MouseEvent) {\n\t\tconst popover = this._popover;\n\t\tconst margin = popover._viewportMargin;\n\t\tconst { clientX, clientY } = e;\n\t\tconst resizeHandlePlacement = this.getResizeHandlePlacement();\n\t\tconst initialBoundingRect = this._initialBoundingRect!;\n\t\tconst deltaX = clientX - this._initialClientX!;\n\t\tconst deltaY = clientY - this._initialClientY!;\n\n\t\tlet newWidth,\n\t\t\tnewHeight;\n\n\t\t// Determine if we're resizing from left or right edge\n\t\tconst isResizingFromLeft = resizeHandlePlacement === ResizeHandlePlacement.TopLeft\n\t\t\t|| resizeHandlePlacement === ResizeHandlePlacement.BottomLeft;\n\n\t\tconst isResizingFromTop = resizeHandlePlacement === ResizeHandlePlacement.TopLeft\n\t\t\t|| resizeHandlePlacement === ResizeHandlePlacement.TopRight;\n\n\t\t// Calculate width changes\n\t\tif (isResizingFromLeft) {\n\t\t\t// Resizing from left edge - width increases when moving left (negative delta)\n\t\t\tconst maxWidthFromLeft = initialBoundingRect.x + initialBoundingRect.width - margin;\n\n\t\t\tnewWidth = clamp(\n\t\t\t\tinitialBoundingRect.width - deltaX,\n\t\t\t\tthis._minWidth!,\n\t\t\t\tmaxWidthFromLeft,\n\t\t\t);\n\n\t\t\t// Adjust left position when resizing from left\n\t\t\t// Ensure the left edge respects the viewport margin and the right edge position\n\t\t\tconst newLeft = clamp(\n\t\t\t\tinitialBoundingRect.x + deltaX,\n\t\t\t\tmargin,\n\t\t\t\tinitialBoundingRect.x + initialBoundingRect.width - this._minWidth!,\n\t\t\t);\n\n\t\t\t// Recalculate width based on actual left position to stay within viewport with margin\n\t\t\tnewWidth = Math.min(newWidth, initialBoundingRect.x + initialBoundingRect.width - newLeft);\n\n\t\t\tthis._currentDeltaX = (initialBoundingRect.x - newLeft) / 2;\n\t\t} else {\n\t\t\t// Resizing from right edge - width increases when moving right (positive delta)\n\t\t\tconst maxWidthFromRight = window.innerWidth - initialBoundingRect.x - margin;\n\n\t\t\tnewWidth = clamp(\n\t\t\t\tinitialBoundingRect.width + deltaX,\n\t\t\t\tthis._minWidth!,\n\t\t\t\tmaxWidthFromRight,\n\t\t\t);\n\n\t\t\tthis._currentDeltaX = (initialBoundingRect.width - newWidth) / 2;\n\t\t}\n\n\t\t// Calculate height changes\n\t\tif (isResizingFromTop) {\n\t\t\t// Resizing from top edge - height increases when moving up (negative delta)\n\t\t\tconst maxHeightFromTop = initialBoundingRect.y + initialBoundingRect.height - margin;\n\n\t\t\tnewHeight = clamp(\n\t\t\t\tinitialBoundingRect.height - deltaY,\n\t\t\t\tthis._minHeight!,\n\t\t\t\tmaxHeightFromTop,\n\t\t\t);\n\n\t\t\t// Adjust top position when resizing from top\n\t\t\t// Ensure the top edge respects the viewport margin and the bottom edge position\n\t\t\tconst newTop = clamp(\n\t\t\t\tinitialBoundingRect.y + deltaY,\n\t\t\t\tmargin,\n\t\t\t\tinitialBoundingRect.y + initialBoundingRect.height - this._minHeight!,\n\t\t\t);\n\n\t\t\t// Recalculate height based on actual top position to stay within viewport with margin\n\t\t\tnewHeight = Math.min(newHeight, initialBoundingRect.y + initialBoundingRect.height - newTop);\n\n\t\t\tthis._currentDeltaY = (initialBoundingRect.y - newTop) / 2;\n\t\t} else {\n\t\t\t// Resizing from bottom edge - height increases when moving down (positive delta)\n\t\t\tconst maxHeightFromBottom = window.innerHeight - initialBoundingRect.y - margin;\n\n\t\t\tnewHeight = clamp(\n\t\t\t\tinitialBoundingRect.height + deltaY,\n\t\t\t\tthis._minHeight!,\n\t\t\t\tmaxHeightFromBottom,\n\t\t\t);\n\n\t\t\tthis._currentDeltaY = (initialBoundingRect.height - newHeight) / 2;\n\t\t}\n\n\t\tthis._currentDeltaX += this._totalDeltaX || 0;\n\t\tthis._currentDeltaY += this._totalDeltaY || 0;\n\n\t\tconst placement = this._popover.calcPlacement(this._popover._openerRect!, {\n\t\t\twidth: newWidth,\n\t\t\theight: newHeight,\n\t\t});\n\n\t\tthis._popover.arrowTranslateX = placement.arrow.x;\n\t\tthis._popover.arrowTranslateY = placement.arrow.y;\n\n\t\tObject.assign(this._popover.style, {\n\t\t\tleft: `${placement.left}px`,\n\t\t\ttop: `${placement.top}px`,\n\t\t\theight: `${newHeight}px`,\n\t\t\twidth: `${newWidth}px`,\n\t\t});\n\t}\n\n\t/**\n\t * Handles mouse up event after resize\n\t */\n\tprivate _onResizeMouseUp() {\n\t\tdelete this._initialClientX;\n\t\tdelete this._initialClientY;\n\t\tdelete this._initialBoundingRect;\n\t\tdelete this._minWidth;\n\t\tdelete this._minHeight;\n\n\t\tthis._detachMouseResizeHandlers();\n\t}\n\n\t/**\n\t * Attaches mouse event handlers for resize\n\t */\n\tprivate _attachMouseResizeHandlers() {\n\t\twindow.addEventListener(\"mousemove\", this._resizeMouseMoveHandler);\n\t\twindow.addEventListener(\"mouseup\", this._resizeMouseUpHandler);\n\t}\n\n\t/**\n\t * Detaches mouse event handlers for resize\n\t */\n\tprivate _detachMouseResizeHandlers() {\n\t\twindow.removeEventListener(\"mousemove\", this._resizeMouseMoveHandler);\n\t\twindow.removeEventListener(\"mouseup\", this._resizeMouseUpHandler);\n\t}\n}\n\nexport { ResizeHandlePlacement };\n\nexport default PopoverResize;\n"]}

package/dist/PopoverTemplate.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "./Icon.js";
+import resizeCorner from "@ui5/webcomponents-icons/dist/resize-corner.js";
 import PopupTemplate from "./PopupTemplate.js";
 import Title from "./Title.js";
 export default function PopoverTemplate() {
@@ -15,7 +17,8 @@ function beforeContent() {
                             _jsx(Title, { level: "H1", class: "ui5-popup-header-text", children: this.headerText }) })] }));
 }
 function afterContent() {
-    return (_jsx(_Fragment, { children: this._displayFooter && !!this.footer.length &&
-            _jsx("footer", { class: "ui5-popup-footer-root", part: "footer", children: _jsx("slot", { name: "footer" }) }) }));
+    return (_jsxs(_Fragment, { children: [this._displayFooter && !!this.footer.length &&
+                _jsx("footer", { class: "ui5-popup-footer-root", part: "footer", children: _jsx("slot", { name: "footer" }) }), this._showResizeHandle &&
+                _jsx("div", { class: "ui5-popover-resize-handle", onMouseDown: this._onResizeMouseDown, children: _jsx(Icon, { name: resizeCorner }) })] }));
 }
 //# sourceMappingURL=PopoverTemplate.js.map

package/dist/PopoverTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTemplate.js","sourceRoot":"","sources":["../src/PopoverTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,eAAe;IACtC,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE;QAC/B,aAAa;QACb,YAAY;KACZ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACrB,OAAO,CAAC,8BACP,eAAM,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAS,EAEhE,IAAI,CAAC,cAAc;gBACnB,iBAAQ,KAAK,EAAC,uBAAuB,EAAC,EAAE,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,YACvE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;wBACpB,eAAM,IAAI,EAAC,QAAQ,GAAQ;wBAC3B,CAAC;4BACD,KAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,uBAAuB,YAAE,IAAI,CAAC,UAAU,GAAS,GAElE,IAER,CAAC,CAAC;AACN,CAAC;AAED,SAAS,YAAY;IACpB,OAAO,CAAC,4BACN,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;YAC3C,iBAAQ,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,QAAQ,YAClD,eAAM,IAAI,EAAC,QAAQ,GAAQ,GACnB,GAER,CAAC,CAAC;AACN,CAAC","sourcesContent":["import type Popover from \"./Popover.js\";\nimport PopupTemplate from \"./PopupTemplate.js\";\nimport Title from \"./Title.js\";\n\nexport default function PopoverTemplate(this: Popover) {\n\treturn PopupTemplate.call(this, {\n\t\tbeforeContent,\n\t\tafterContent,\n\t});\n}\n\nfunction beforeContent(this: Popover) {\n\treturn (<>\n\t\t<span class=\"ui5-popover-arrow\" style={this.styles.arrow}></span>\n\n\t\t{this._displayHeader &&\n\t\t\t<header class=\"ui5-popup-header-root\" id=\"ui5-popup-header\" part=\"header\">\n\t\t\t\t{this.header.length ?\n\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t:\n\t\t\t\t\t<Title level=\"H1\" class=\"ui5-popup-header-text\">{this.headerText}</Title>\n\t\t\t\t}\n\t\t\t</header>\n\t\t}\n\t</>);\n}\n\nfunction afterContent(this: Popover) {\n\treturn (<>\n\t\t{this._displayFooter && !!this.footer.length &&\n\t\t\t<footer class=\"ui5-popup-footer-root\" part=\"footer\">\n\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t</footer>\n\t\t}\n\t</>);\n}\n"]}
+{"version":3,"file":"PopoverTemplate.js","sourceRoot":"","sources":["../src/PopoverTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,YAAY,MAAM,gDAAgD,CAAC;AAE1E,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,eAAe;IACtC,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE;QAC/B,aAAa;QACb,YAAY;KACZ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACrB,OAAO,CAAC,8BACP,eAAM,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAS,EAEhE,IAAI,CAAC,cAAc;gBACnB,iBAAQ,KAAK,EAAC,uBAAuB,EAAC,EAAE,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,YACvE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;wBACpB,eAAM,IAAI,EAAC,QAAQ,GAAQ;wBAC3B,CAAC;4BACD,KAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,uBAAuB,YAAE,IAAI,CAAC,UAAU,GAAS,GAElE,IAER,CAAC,CAAC;AACN,CAAC;AAED,SAAS,YAAY;IACpB,OAAO,CAAC,8BACN,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;gBAC3C,iBAAQ,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,QAAQ,YAClD,eAAM,IAAI,EAAC,QAAQ,GAAQ,GACnB,EAGT,IAAI,CAAC,iBAAiB;gBACtB,cAAK,KAAK,EAAC,2BAA2B,EACpC,WAAW,EAAE,IAAI,CAAC,kBAAkB,YAErC,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,IAEL,CAAC,CAAC;AACN,CAAC","sourcesContent":["import Icon from \"./Icon.js\";\nimport resizeCorner from \"@ui5/webcomponents-icons/dist/resize-corner.js\";\nimport type Popover from \"./Popover.js\";\nimport PopupTemplate from \"./PopupTemplate.js\";\nimport Title from \"./Title.js\";\n\nexport default function PopoverTemplate(this: Popover) {\n\treturn PopupTemplate.call(this, {\n\t\tbeforeContent,\n\t\tafterContent,\n\t});\n}\n\nfunction beforeContent(this: Popover) {\n\treturn (<>\n\t\t<span class=\"ui5-popover-arrow\" style={this.styles.arrow}></span>\n\n\t\t{this._displayHeader &&\n\t\t\t<header class=\"ui5-popup-header-root\" id=\"ui5-popup-header\" part=\"header\">\n\t\t\t\t{this.header.length ?\n\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t:\n\t\t\t\t\t<Title level=\"H1\" class=\"ui5-popup-header-text\">{this.headerText}</Title>\n\t\t\t\t}\n\t\t\t</header>\n\t\t}\n\t</>);\n}\n\nfunction afterContent(this: Popover) {\n\treturn (<>\n\t\t{this._displayFooter && !!this.footer.length &&\n\t\t\t<footer class=\"ui5-popup-footer-root\" part=\"footer\">\n\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t</footer>\n\t\t}\n\n\t\t{this._showResizeHandle &&\n\t\t\t<div class=\"ui5-popover-resize-handle\"\n\t\t\t\t onMouseDown={this._onResizeMouseDown}\n\t\t\t>\n\t\t\t\t<Icon name={resizeCorner} />\n\t\t\t</div>\n\t\t}\n\t</>);\n}\n"]}

package/dist/SegmentedButtonItem.js

@@ -91,6 +91,7 @@ let SegmentedButtonItem = SegmentedButtonItem_1 = class SegmentedButtonItem exte
         if (this.disabled) {
             e.preventDefault();
             e.stopPropagation();
+            return;
         }
         this.selected = !this.selected;
     }

package/dist/SegmentedButtonItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedButtonItem.js","sourceRoot":"","sources":["../src/SegmentedButtonItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { getEnableDefaultTooltips } from \"@ui5/webcomponents-base/dist/config/Tooltips.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n\tgetEffectiveAriaLabelText,\n\tgetAssociatedLabelForTexts,\n\tgetEffectiveAriaDescriptionText,\n} from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport willShowContent from \"@ui5/webcomponents-base/dist/util/willShowContent.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION } from \"./generated/i18n/i18n-defaults.js\";\nimport type { ISegmentedButtonItem } from \"./SegmentedButton.js\";\nimport SegmentedButtonItemTemplate from \"./SegmentedButtonItemTemplate.js\";\n\nimport type { IButton } from \"./Button.js\";\nimport segmentedButtonItemCss from \"./generated/themes/SegmentedButtonItem.css.js\";\n/**\n * @class\n *\n * ### Overview\n *\n * Users can use the `ui5-segmented-button-item` as part of a `ui5-segmented-button`.\n *\n * Clicking or tapping on a `ui5-segmented-button-item` changes its state to `selected`.\n * The item returns to its initial state when the user clicks or taps on it again.\n * By applying additional custom CSS-styling classes, apps can give a different style to any\n * `ui5-segmented-button-item`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/SegmentedButtonItem.js\";`\n * @constructor\n * @extends UI5Element\n * @implements { ISegmentedButtonItem }\n * @implements { IButton }\n * @public\n */\n@customElement({\n\ttag: \"ui5-segmented-button-item\",\n\trenderer: jsxRenderer,\n\ttemplate: SegmentedButtonItemTemplate,\n\tstyles: segmentedButtonItemCss,\n})\nclass SegmentedButtonItem extends UI5Element implements IButton, ISegmentedButtonItem {\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be selected or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Determines whether the component is displayed as selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.\n\t * @default undefined\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Receives id(or many ids) of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.1.0\n\t */\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Defines the accessible description of the component.\n\t * @default undefined\n\t * @public\n\t * @since 2.15.0\n\t */\n\t@property()\n\taccessibleDescription?: string;\n\n\t/**\n\t * Defines the IDs of the HTML Elements that describe the component.\n\t * @default undefined\n\t * @public\n\t * @since 2.15.0\n\t */\n\t@property()\n\taccessibleDescriptionRef?: string;\n\n\t/**\n\t * Defines the icon, displayed as graphical element within the component.\n\t * The SAP-icons font provides numerous options.\n\t *\n\t * Example:\n\t * See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines if the button has icon and no text.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\ticonOnly = false;\n\n\t/**\n\t * Indicates if the element is focusable\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tnonInteractive = false;\n\n\t/**\n\t * Defines the tabIndex of the component.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string;\n\n\t/**\n\t * Defines the index of the item inside of the SegmentedButton.\n\t * @default 0\n\t * @private\n\t */\n\t@property({ type: Number })\n\tposInSet? = 0;\n\n\t/**\n\t * Defines how many items are inside of the SegmentedButton.\n\t * @default 0\n\t * @private\n\t */\n\t@property({ type: Number })\n\tsizeOfSet? = 0;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * Defines the text of the component.\n\t *\n\t * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t * @public\n\t */\n\t@slot({ type: Node, \"default\": true })\n\ttext!: Array<Node>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget ariaDescription() {\n\t\treturn SegmentedButtonItem.i18nBundle.getText(SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION);\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tif (this.disabled) {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t}\n\n\t\tthis.selected = !this.selected;\n\t}\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tonBeforeRendering(): void {\n\t\tthis.iconOnly = !willShowContent(this.text);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpaceShift(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tget tabIndexValue() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tabindex = this.getAttribute(\"tabindex\");\n\n\t\tif (tabindex) {\n\t\t\treturn tabindex;\n\t\t}\n\n\t\treturn this.forcedTabIndex;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn getEffectiveAriaLabelText(this) || getAssociatedLabelForTexts(this) || undefined;\n\t}\n\n\tget ariaDescriptionText() {\n\t\treturn getEffectiveAriaDescriptionText(this) || undefined;\n\t}\n\n\tget showIconTooltip() {\n\t\treturn getEnableDefaultTooltips() && this.iconOnly && !this.tooltip;\n\t}\n\n\tget slotTextContent(): string {\n\t\treturn this.text\n\t\t\t.filter(node => node.nodeType === Node.TEXT_NODE)\n\t\t\t.map(node => node.textContent?.trim() || \"\")\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t}\n}\n\nSegmentedButtonItem.define();\n\nexport default SegmentedButtonItem;\n"]}
+{"version":3,"file":"SegmentedButtonItem.js","sourceRoot":"","sources":["../src/SegmentedButtonItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport { getEnableDefaultTooltips } from \"@ui5/webcomponents-base/dist/config/Tooltips.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n\tgetEffectiveAriaLabelText,\n\tgetAssociatedLabelForTexts,\n\tgetEffectiveAriaDescriptionText,\n} from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport willShowContent from \"@ui5/webcomponents-base/dist/util/willShowContent.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION } from \"./generated/i18n/i18n-defaults.js\";\nimport type { ISegmentedButtonItem } from \"./SegmentedButton.js\";\nimport SegmentedButtonItemTemplate from \"./SegmentedButtonItemTemplate.js\";\n\nimport type { IButton } from \"./Button.js\";\nimport segmentedButtonItemCss from \"./generated/themes/SegmentedButtonItem.css.js\";\n/**\n * @class\n *\n * ### Overview\n *\n * Users can use the `ui5-segmented-button-item` as part of a `ui5-segmented-button`.\n *\n * Clicking or tapping on a `ui5-segmented-button-item` changes its state to `selected`.\n * The item returns to its initial state when the user clicks or taps on it again.\n * By applying additional custom CSS-styling classes, apps can give a different style to any\n * `ui5-segmented-button-item`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/SegmentedButtonItem.js\";`\n * @constructor\n * @extends UI5Element\n * @implements { ISegmentedButtonItem }\n * @implements { IButton }\n * @public\n */\n@customElement({\n\ttag: \"ui5-segmented-button-item\",\n\trenderer: jsxRenderer,\n\ttemplate: SegmentedButtonItemTemplate,\n\tstyles: segmentedButtonItemCss,\n})\nclass SegmentedButtonItem extends UI5Element implements IButton, ISegmentedButtonItem {\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be selected or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Determines whether the component is displayed as selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.\n\t * @default undefined\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Receives id(or many ids) of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.1.0\n\t */\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Defines the accessible description of the component.\n\t * @default undefined\n\t * @public\n\t * @since 2.15.0\n\t */\n\t@property()\n\taccessibleDescription?: string;\n\n\t/**\n\t * Defines the IDs of the HTML Elements that describe the component.\n\t * @default undefined\n\t * @public\n\t * @since 2.15.0\n\t */\n\t@property()\n\taccessibleDescriptionRef?: string;\n\n\t/**\n\t * Defines the icon, displayed as graphical element within the component.\n\t * The SAP-icons font provides numerous options.\n\t *\n\t * Example:\n\t * See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines if the button has icon and no text.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\ticonOnly = false;\n\n\t/**\n\t * Indicates if the element is focusable\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tnonInteractive = false;\n\n\t/**\n\t * Defines the tabIndex of the component.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string;\n\n\t/**\n\t * Defines the index of the item inside of the SegmentedButton.\n\t * @default 0\n\t * @private\n\t */\n\t@property({ type: Number })\n\tposInSet? = 0;\n\n\t/**\n\t * Defines how many items are inside of the SegmentedButton.\n\t * @default 0\n\t * @private\n\t */\n\t@property({ type: Number })\n\tsizeOfSet? = 0;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thidden = false;\n\n\t/**\n\t * Defines the text of the component.\n\t *\n\t * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t * @public\n\t */\n\t@slot({ type: Node, \"default\": true })\n\ttext!: Array<Node>;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget ariaDescription() {\n\t\treturn SegmentedButtonItem.i18nBundle.getText(SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION);\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tif (this.disabled) {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.selected = !this.selected;\n\t}\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tonBeforeRendering(): void {\n\t\tthis.iconOnly = !willShowContent(this.text);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpaceShift(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tget tabIndexValue() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tabindex = this.getAttribute(\"tabindex\");\n\n\t\tif (tabindex) {\n\t\t\treturn tabindex;\n\t\t}\n\n\t\treturn this.forcedTabIndex;\n\t}\n\n\tget ariaLabelText() {\n\t\treturn getEffectiveAriaLabelText(this) || getAssociatedLabelForTexts(this) || undefined;\n\t}\n\n\tget ariaDescriptionText() {\n\t\treturn getEffectiveAriaDescriptionText(this) || undefined;\n\t}\n\n\tget showIconTooltip() {\n\t\treturn getEnableDefaultTooltips() && this.iconOnly && !this.tooltip;\n\t}\n\n\tget slotTextContent(): string {\n\t\treturn this.text\n\t\t\t.filter(node => node.nodeType === Node.TEXT_NODE)\n\t\t\t.map(node => node.textContent?.trim() || \"\")\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t}\n}\n\nSegmentedButtonItem.define();\n\nexport default SegmentedButtonItem;\n"]}

package/dist/StepInput.d.ts

@@ -8,6 +8,7 @@ import "@ui5/webcomponents-icons/dist/add.js";
 import type Input from "./Input.js";
 import type { InputAccInfo, InputEventDetail } from "./Input.js";
 import InputType from "./types/InputType.js";
+import NumberFormat from "@ui5/webcomponents-localization/dist/NumberFormat.js";
 type StepInputValueStateChangeEventDetail = {
     valueState: `${ValueState}`;
     valid: boolean;
@@ -166,6 +167,7 @@ declare class StepInput extends UI5Element implements IFormInputElement {
      */
     valueStateMessage: Array<HTMLElement>;
     _initialValueState?: `${ValueState}`;
+    _formatter?: NumberFormat;
     static i18nBundle: I18nBundle;
     formElementAnchor(): Promise<HTMLElement | undefined>;
     get formValidityMessage(): string;
@@ -185,6 +187,7 @@ declare class StepInput extends UI5Element implements IFormInputElement {
         step: number;
     };
     onBeforeRendering(): void;
+    get formatter(): NumberFormat;
     get input(): Input;
     get innerInput(): HTMLInputElement;
     get inputOuter(): Element;
@@ -192,6 +195,7 @@ declare class StepInput extends UI5Element implements IFormInputElement {
     _onInput(e: CustomEvent<InputEventDetail>): void;
     _onInputFocusIn(): void;
     _onInputFocusOut(): void;
+    _onMouseWheel(e: WheelEvent): void;
     _setButtonState(): void;
     _validate(): void;
     _updateValueState(): void;
@@ -205,6 +209,16 @@ declare class StepInput extends UI5Element implements IFormInputElement {
      * @param fireChangeEvent if `true`, fires `change` event when the value is changed
      */
     _modifyValue(modifier: number, fireChangeEvent?: boolean): void;
+    /**
+     * Formats a number with thousands separator based on current locale
+     * @private
+     */
+    _formatNumber(value: number): string;
+    /**
+     * Parses formatted number string back to numeric value
+     * @private
+    */
+    _parseNumber(formattedValue: string): number;
     _incValue(): void;
     _decValue(): void;
     get _isValueWithCorrectPrecision(): boolean;
@@ -215,6 +229,9 @@ declare class StepInput extends UI5Element implements IFormInputElement {
     _onfocusin(): void;
     _onfocusout(): void;
     _onkeydown(e: KeyboardEvent): void;
+    _getCaretPosition(): number | null;
+    _getValueOnkeyDown(e: KeyboardEvent, inputValue: string, cursorPosition?: number): string;
+    _isInputValueValid(typedValue: string, parsedValue: number): boolean;
     _decSpin(): void;
     _incSpin(): void;
     /**