@progress/kendo-react-layout/tilelayout/ResizeHandlers.js

React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),u=require("@progress/kendo-react-common");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=g(d),i=e=>l.createElement(u.Draggable,{onPress:e.onPress,onDrag:t=>{e.onResize(t.event,!1,e.d)},onRelease:t=>{e.onResize(t.event,!0,e.d)}},l.createElement("div",{className:"k-resize-handle k-cursor-"+e.d+"-resize",style:{bottom:0,right:0,...e.style}})),f=({resizable:e,onResize:t,onPress:n,rtl:r})=>{const a=l.useCallback((c,o,s)=>{c.originalEvent.preventDefault(),t(c,{end:o,direction:s})},[t]);return e?l.createElement(l.Fragment,null,e!=="vertical"&&l.createElement(i,{onPress:n,onResize:a,d:"ew",style:r?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),e!=="horizontal"&&l.createElement(i,{onPress:n,onResize:a,d:"ns",style:{left:0,height:9}}),e===!0&&l.createElement(i,{onResize:a,onPress:n,d:r?"nesw":"nwse",style:r?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null};exports.ResizeHandlers=f;