@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 © 2025 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 l=require("react"),a=require("@progress/kendo-react-common");function o(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const s=o(l),i=t=>s.createElement(a.Draggable,{onPress:t.onPress,onDrag:e=>{t.onResize(e.event,!1,t.d)},onRelease:e=>{t.onResize(e.event,!0,t.d)}},s.createElement("div",{className:"k-resize-handle k-cursor-"+t.d+"-resize",style:{bottom:0,right:0,...t.style}}));class c extends s.Component{constructor(){super(...arguments),this.handleResize=(e,n,r)=>{e.originalEvent.preventDefault(),this.props.onResize(e,{end:n,direction:r})}}render(){const{resizable:e,onPress:n,rtl:r}=this.props;return e?s.createElement(s.Fragment,null,e!=="vertical"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ew",style:r?{top:0,width:9,left:0,right:""}:{top:0,width:9,right:0,left:""}}),e!=="horizontal"&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:"ns",style:{left:0,height:9}}),e===!0&&s.createElement(i,{onPress:n,onResize:this.handleResize,d:r?"nesw":"nwse",style:r?{width:9,height:9,right:"",left:0}:{width:9,height:9,right:0,left:""}})):null}}exports.ResizeHandlers=c;