@progress/kendo-react-dialogs 7.2.4-develop.3 → 7.2.4-develop.4

package/Window.mjs

@@ -0,0 +1,407 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as h from "react";
+import * as R from "react-dom";
+import o from "prop-types";
+import { WindowTitleBar as v } from "./WindowTitlebar.mjs";
+import { Keys as r, dispatchEvent as p, validatePackage as x, shouldShowValidationUI as U, ZIndexContext as W, classNames as N, Draggable as H, WatermarkOverlay as k, canUseDOM as z, createPropsContext as _, withIdHOC as Z, withPropsContext as O } from "@progress/kendo-react-common";
+import { ResizeHandlers as P } from "./WindowResizeHandlers.mjs";
+import { MiddleLayerOptimization as K } from "./MiddleLayerOptimization.mjs";
+import { windowStage as i } from "./StageEnum.mjs";
+import { packageMetadata as M } from "./package-metadata.mjs";
+import { WindowActionsBar as A } from "./WindowActionsBar.mjs";
+import { DEFAULT_DIALOGS_ZINDEX as y, ZINDEX_DIALOGS_STEP as B, DATA_DIALOGS_ID as X } from "./constants.mjs";
+import { getMaxZIndex as F } from "./utils.mjs";
+const w = 300, u = 300, m = 120, S = 100, a = 5, c = class c extends h.Component {
+  constructor(s) {
+    super(s), this.context = 0, this.draggable = null, this.offSetCoordinates = { x: 0, y: 0 }, this.titleId = this.generateTitleId(), this.mounted = !1, this.showLicenseWatermark = !1, this.onKeyDown = (t) => {
+      if (t.target !== t.currentTarget)
+        return;
+      const e = this.props.minWidth || m, n = this.props.minHeight || S;
+      if (t.ctrlKey && this.props.resizable) {
+        switch (t.keyCode) {
+          case r.up:
+            t.preventDefault(), n <= this.height - a && this.setState({ height: this.height - a });
+            break;
+          case r.down:
+            t.preventDefault(), this.setState({ height: this.height + a });
+            break;
+          case r.left:
+            e <= this.width - a && this.setState({ width: this.width - a });
+            break;
+          case r.right:
+            this.setState({ width: this.width + a });
+            break;
+          default:
+            return;
+        }
+        this.dispatchMoveEvent(this.props.onResize, t, !1, void 0);
+        return;
+      }
+      if (t.altKey) {
+        switch (t.keyCode) {
+          case r.up:
+            this.windowStage === i.MINIMIZED ? (this.handleRestore(t), p(this.props.onStageChange, t, this, { state: i.DEFAULT })) : this.windowStage === i.DEFAULT && (this.handleFullscreen(t), p(this.props.onStageChange, t, this, { state: i.FULLSCREEN }));
+            break;
+          case r.down:
+            this.windowStage === i.FULLSCREEN ? (this.handleRestore(t), p(this.props.onStageChange, t, this, { state: i.DEFAULT })) : this.windowStage === i.DEFAULT && (this.handleMinimize(t), p(this.props.onStageChange, t, this, { state: i.MINIMIZED }));
+            break;
+        }
+        return;
+      }
+      if (!t.ctrlKey)
+        switch (t.keyCode) {
+          case r.esc:
+            this.props.onClose && this.handleCloseWindow(t);
+            return;
+          case r.up:
+            this.setState({ top: this.state.top - a });
+            break;
+          case r.down:
+            this.setState({ top: this.state.top + a });
+            break;
+          case r.left:
+            this.setState({ left: this.state.left - a });
+            break;
+          case r.right:
+            this.setState({ left: this.state.left + a });
+            break;
+          default:
+            return;
+        }
+      this.dispatchMoveEvent(this.props.onMove, t, !1, void 0);
+    }, this.onPress = (t) => {
+      const e = t.event;
+      this.windowCoordinatesState.differenceLeft = e.pageX - this.left, this.windowCoordinatesState.differenceTop = e.pageY - this.top;
+    }, this.onDrag = (t) => {
+      const e = t.event;
+      e.originalEvent.preventDefault(), this.windowStage !== i.FULLSCREEN && this.props.draggable && (this.setState({
+        top: Math.max(e.pageY - this.windowCoordinatesState.differenceTop, 0),
+        left: e.pageX - this.windowCoordinatesState.differenceLeft,
+        isDragging: !0
+      }), this.props.onMove && this.dispatchMoveEvent(this.props.onMove, e, !0, !1));
+    }, this.onRelease = (t) => {
+      const e = t.event;
+      this.windowStage !== i.FULLSCREEN && this.props.draggable && this.props.onMove && this.dispatchMoveEvent(this.props.onMove, e, !0, !0), this.setState({
+        isDragging: !1
+      });
+    }, this.onFocus = () => {
+      this._blurTimeout ? (clearTimeout(this._blurTimeout), this._blurTimeout = void 0) : this.setState({
+        focused: !0,
+        zIndex: F(this.getCurrentZIndex(), this.getDocument(), this._id)
+      });
+    }, this.onBlur = () => {
+      clearTimeout(this._blurTimeout);
+      const t = this.getWindow();
+      t && (this._blurTimeout = t.setTimeout(() => {
+        this.mounted && this.setState({ focused: !1 }), this._blurTimeout = void 0;
+      }));
+    }, this.getInitialTop = () => {
+      if (this.props.top !== void 0)
+        return this.props.top;
+      if (this.props.initialTop !== void 0)
+        return this.props.initialTop;
+      let t = u;
+      if (this.props.height !== void 0 ? t = this.props.height : this.props.initialHeight !== void 0 && (t = this.props.initialHeight), this.props.appendTo)
+        return this.props.appendTo.offsetHeight / 2 - t / 2;
+      const e = this.getWindow();
+      return e ? e.innerHeight / 2 - t / 2 : 0;
+    }, this.getInitialLeft = () => {
+      if (this.props.left !== void 0)
+        return this.props.left;
+      if (this.props.initialLeft !== void 0)
+        return this.props.initialLeft;
+      let t = w;
+      if (this.props.width !== void 0 ? t = this.props.width : this.props.initialWidth !== void 0 && (t = this.props.initialWidth), this.props.appendTo)
+        return this.props.appendTo.offsetWidth / 2 - t / 2;
+      const e = this.getWindow();
+      return e ? e.innerWidth / 2 - t / 2 : 0;
+    }, this.getInitialWidth = () => {
+      let t = w;
+      return this.props.width !== void 0 ? t = this.props.width : this.props.initialWidth !== void 0 && (t = this.props.initialWidth), t;
+    }, this.getInitialHeight = () => {
+      let t = u;
+      return this.props.height !== void 0 ? t = this.props.height : this.props.initialHeight !== void 0 && (t = this.props.initialHeight), t;
+    }, this.handleMinimize = (t) => {
+      t.preventDefault(), this.windowCoordinatesState.leftBeforeAction = this.left, this.windowCoordinatesState.topBeforeAction = this.top, this.windowCoordinatesState.widthBeforeAction = this.width, this.windowCoordinatesState.heightBeforeAction = this.height, this.setState({
+        stage: i.MINIMIZED,
+        height: 0
+      }), p(this.props.onStageChange, t, this, { state: i.MINIMIZED });
+    }, this.handleFullscreen = (t) => {
+      t.preventDefault(), this.windowCoordinatesState.leftBeforeAction = this.left, this.windowCoordinatesState.topBeforeAction = this.top, this.windowCoordinatesState.widthBeforeAction = this.width, this.windowCoordinatesState.heightBeforeAction = this.height;
+      const e = this.getWindow(), n = e ? e.innerWidth : 0, d = e ? e.innerHeight : 0;
+      this.setState({
+        left: 0,
+        top: 0,
+        width: this.props.appendTo ? this.props.appendTo.offsetWidth : n,
+        height: this.props.appendTo ? this.props.appendTo.offsetHeight : d,
+        stage: i.FULLSCREEN
+      }), p(this.props.onStageChange, t, this, { state: i.FULLSCREEN });
+    }, this.handleRestore = (t) => {
+      t.preventDefault(), this.windowStage === i.FULLSCREEN ? this.setState({
+        stage: i.DEFAULT,
+        left: this.windowCoordinatesState.leftBeforeAction,
+        top: this.windowCoordinatesState.topBeforeAction,
+        width: this.windowCoordinatesState.widthBeforeAction,
+        height: this.windowCoordinatesState.heightBeforeAction
+      }) : this.windowStage === i.MINIMIZED && this.setState({
+        stage: i.DEFAULT,
+        height: this.windowCoordinatesState.heightBeforeAction
+      }), p(this.props.onStageChange, t, this, { state: i.DEFAULT });
+    }, this.handleCloseWindow = (t) => {
+      t.preventDefault(), p(this.props.onClose, t, this, { state: void 0 });
+    }, this.handleDoubleClick = (t) => {
+      this.windowStage === i.FULLSCREEN || this.windowStage === i.MINIMIZED ? this.handleRestore(t) : this.handleFullscreen(t);
+    }, this.handleResize = (t, e) => {
+      const n = this.props.appendTo ? t.pageX - this.offSetCoordinates.x : t.pageX, d = this.props.appendTo ? t.pageY - this.offSetCoordinates.y : t.pageY, f = this.width, l = this.height, C = this.props.minWidth || m, D = this.props.minHeight || S, I = this.top - d, T = this.left - n;
+      let L = n - this.left, b = d - this.top;
+      const g = Object.assign({}, this.state, { isDragging: !e.end });
+      e.direction.indexOf("n") >= 0 && D - (l + I) < 0 && (this.top > 0 && (g.height = l + I), g.top = d), e.direction.indexOf("s") >= 0 && D - b < 0 && (g.height = b), e.direction.indexOf("w") >= 0 && C - (f + T) < 0 && (this.left > 0 && (g.width = f + T), g.left = n), e.direction.indexOf("e") >= 0 && C - L < 0 && (g.width = L), this.setState(g), this.dispatchMoveEvent(this.props.onResize, t, !0, e.end);
+    }, this.dispatchMoveEvent = (t, e, n, d) => {
+      t && t.call(void 0, {
+        nativeEvent: e.nativeEvent ? e.nativeEvent : e.originalEvent,
+        drag: n,
+        end: d,
+        target: this,
+        left: this.state.left,
+        top: this.state.top,
+        width: this.state.width,
+        hight: this.state.height,
+        height: this.state.height
+      });
+    }, this.handleBrowserWindowResize = () => {
+      if (this.windowStage === i.FULLSCREEN) {
+        const t = this.getWindow(), e = t ? t.innerWidth : 0, n = t ? t.innerHeight : 0;
+        this.setState({
+          width: this.props.appendTo ? this.props.appendTo.offsetWidth : e,
+          height: this.props.appendTo ? this.props.appendTo.offsetHeight : n
+        });
+      }
+    }, this.getCurrentZIndex = () => !this.state || this.context === void 0 ? this.context ? this.context : y : this.state.zIndex > (this.context ? this.context + B : 0) ? this.state.zIndex : this.context + B, this.getDocument = () => this.props.appendTo ? this.props.appendTo.ownerDocument : document, this.getWindow = () => {
+      const t = this.getDocument();
+      return t && t.defaultView;
+    }, x(M), this.showLicenseWatermark = U(M), this.state = {
+      stage: this.props.stage || i.DEFAULT,
+      isDragging: !1,
+      top: 0,
+      left: 0,
+      width: w,
+      height: u,
+      focused: !0,
+      zIndex: y
+    };
+  }
+  get _id() {
+    return this.props.id + "-accessibility-id";
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    const s = this.getWindow();
+    s && s.addEventListener("resize", this.handleBrowserWindowResize), this.setState({
+      stage: this.props.stage || i.DEFAULT,
+      isDragging: !1,
+      top: this.getInitialTop(),
+      left: this.getInitialLeft(),
+      width: this.getInitialWidth(),
+      height: this.getInitialHeight(),
+      focused: !0,
+      zIndex: F(this.getCurrentZIndex(), this.getDocument(), this._id)
+    }), this.windowCoordinatesState = {
+      leftBeforeAction: this.getInitialLeft(),
+      topBeforeAction: this.getInitialTop(),
+      widthBeforeAction: this.getInitialWidth(),
+      heightBeforeAction: this.getInitialHeight()
+    };
+    const t = this.getDocument();
+    if (this.props.appendTo && t) {
+      let e = this.props.appendTo.getBoundingClientRect(), n = t.body.getBoundingClientRect();
+      this.offSetCoordinates.x = e.left - n.left, this.offSetCoordinates.y = e.top - n.top;
+    }
+    this.mounted = !0;
+  }
+  /**
+   * @hidden
+   */
+  componentWillUnmount() {
+    const s = this.getWindow();
+    s && s.removeEventListener("resize", this.handleBrowserWindowResize), this.mounted = !1;
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate() {
+    const s = this.getDocument();
+    if (this.props.appendTo && s) {
+      let t = this.props.appendTo.getBoundingClientRect(), e = s.body.getBoundingClientRect();
+      this.offSetCoordinates.x = t.left - e.left, this.offSetCoordinates.y = t.top - e.top;
+    }
+    this.mounted = !0;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const s = h.Children.toArray(this.props.children), t = this.getContent(s), e = this.getActionBar(s), n = this.getCurrentZIndex(), d = N(
+      "k-window",
+      this.props.className,
+      {
+        [`k-window-${this.props.themeColor}`]: this.props.themeColor,
+        "k-window-minimized": this.state.stage === "MINIMIZED",
+        "k-window-focused": this.state.focused
+      }
+    ), f = /* @__PURE__ */ h.createElement(W.Provider, { value: n }, /* @__PURE__ */ h.createElement(h.Fragment, null, this.props.modal && /* @__PURE__ */ h.createElement(
+      "div",
+      {
+        className: "k-overlay",
+        style: {
+          zIndex: n,
+          ...this.props.overlayStyle
+        }
+      }
+    ), /* @__PURE__ */ h.createElement(
+      "div",
+      {
+        id: this.props.id,
+        [X]: this._id,
+        tabIndex: 0,
+        role: "dialog",
+        "aria-labelledby": this.titleId,
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onKeyDown: this.onKeyDown,
+        ref: (l) => {
+          this.windowElement = l, this.element = l;
+        },
+        className: d,
+        style: {
+          top: this.top,
+          left: this.left,
+          width: this.width,
+          height: this.height || "",
+          zIndex: n,
+          ...this.props.style
+        }
+      },
+      /* @__PURE__ */ h.createElement(
+        K,
+        {
+          shouldUpdateOnDrag: this.props.shouldUpdateOnDrag || !1,
+          isDragging: this.state.isDragging
+        },
+        /* @__PURE__ */ h.createElement(
+          H,
+          {
+            onPress: this.onPress,
+            onDrag: this.onDrag,
+            onRelease: this.onRelease,
+            ref: (l) => this.draggable = l
+          },
+          /* @__PURE__ */ h.createElement(
+            v,
+            {
+              stage: this.windowStage,
+              onDoubleClick: this.props.doubleClickStageChange ? this.handleDoubleClick : void 0,
+              onMinimizeButtonClick: this.handleMinimize,
+              onFullScreenButtonClick: this.handleFullscreen,
+              onRestoreButtonClick: this.handleRestore,
+              onCloseButtonClick: this.handleCloseWindow,
+              closeButton: this.props.closeButton,
+              minimizeButton: this.props.minimizeButton,
+              maximizeButton: this.props.maximizeButton,
+              restoreButton: this.props.restoreButton,
+              id: this.titleId
+            },
+            this.props.title
+          )
+        ),
+        this.windowStage !== i.MINIMIZED ? /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("div", { className: "k-window-content" }, t), e) : null,
+        this.windowStage === i.DEFAULT && this.props.resizable ? /* @__PURE__ */ h.createElement(P, { onResize: this.handleResize }) : null
+      ),
+      this.showLicenseWatermark && /* @__PURE__ */ h.createElement(k, null)
+    )));
+    return z ? this.props.appendTo !== null ? R.createPortal(f, this.props.appendTo || document.body) : f : null;
+  }
+  // Getters
+  get top() {
+    return this.windowStage !== i.FULLSCREEN ? Math.max(this.props.top || this.state.top, 0) : 0;
+  }
+  get left() {
+    return this.windowStage !== i.FULLSCREEN ? Math.max(this.props.left || this.state.left, 0) : 0;
+  }
+  get width() {
+    let s = this.props.width || this.state.width;
+    if (this.windowStage === i.FULLSCREEN) {
+      if (this.props.appendTo)
+        return s = this.props.appendTo.offsetWidth, s;
+      const t = this.getWindow();
+      s = t ? t.innerWidth : 0;
+    }
+    return s;
+  }
+  get height() {
+    let s = this.props.height || this.state.height;
+    if (this.windowStage === i.FULLSCREEN) {
+      if (this.props.appendTo)
+        return s = this.props.appendTo.offsetHeight, s;
+      const t = this.getWindow();
+      s = t ? t.innerHeight : 0;
+    } else
+      this.windowStage === i.MINIMIZED && (s = 0);
+    return s;
+  }
+  get windowStage() {
+    return this.props.stage || this.state.stage;
+  }
+  getActionBar(s) {
+    return s.filter((t) => t && t.type === A);
+  }
+  getContent(s) {
+    return s.filter((t) => t && t.type !== A);
+  }
+  generateTitleId() {
+    return "window-title-" + this._id;
+  }
+};
+c.displayName = "Window", c.propTypes = {
+  width: o.number,
+  height: o.number,
+  left: o.number,
+  top: o.number,
+  initialWidth: o.number,
+  initialHeight: o.number,
+  initialLeft: o.number,
+  initialTop: o.number,
+  minWidth: o.number,
+  minHeight: o.number,
+  resizable: o.bool,
+  draggable: o.bool,
+  title: o.any,
+  shouldUpdateOnDrag: o.bool,
+  stage: o.oneOf(["DEFAULT", "MINIMIZED", "FULLSCREEN"]),
+  className: o.string,
+  id: o.string,
+  style: o.object,
+  overlayStyle: o.object
+}, c.defaultProps = {
+  minWidth: m,
+  minHeight: S,
+  resizable: !0,
+  draggable: !0,
+  modal: !1,
+  doubleClickStageChange: !0
+}, c.contextType = W;
+let E = c;
+const G = _(), Y = Z(O(G, E));
+Y.displayName = "KendoReactWindow";
+export {
+  Y as Window,
+  G as WindowPropsContext
+};

package/WindowActionsBar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function u(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const l=u(a),r=t=>{const n={layout:"end",...t},{layout:e,children:o}=n,s=i.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":e==="start","k-justify-content-center":e==="center","k-justify-content-end":e==="end","k-justify-content-stretch":e==="stretched"});return l.createElement("div",{className:s},o)};r.propTypes={children:c.any,layout:c.oneOf(["start","center","end","stretched"])};exports.WindowActionsBar=r;

package/WindowActionsBar.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as c from "react";
+import e from "prop-types";
+import { classNames as a } from "@progress/kendo-react-common";
+const i = (n) => {
+  const s = {
+    layout: "end",
+    ...n
+  }, { layout: t, children: o } = s, r = a(
+    "k-actions",
+    "k-window-actions",
+    "k-actions-horizontal",
+    "k-hstack",
+    {
+      "k-justify-content-start": t === "start",
+      "k-justify-content-center": t === "center",
+      "k-justify-content-end": t === "end",
+      "k-justify-content-stretch": t === "stretched"
+    }
+  );
+  return /* @__PURE__ */ c.createElement("div", { className: r }, o);
+};
+i.propTypes = {
+  children: e.any,
+  layout: e.oneOf(["start", "center", "end", "stretched"])
+};
+export {
+  i as WindowActionsBar
+};

package/WindowResizeHandlers.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@progress/kendo-react-common");function i(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 o=i(a),l=["n","e","s","w","se","sw","ne","nw"];class d extends o.Component{render(){return o.createElement("div",{className:"k-resize-handles-wrapper"}," ",l.map((e,n)=>o.createElement(c.Draggable,{key:n,onDrag:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!1,direction:e})},onRelease:r=>{const{event:s}=r;s.originalEvent.preventDefault(),this.props.onResize(s,{end:!0,direction:e})}},o.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none"}}))))}}exports.ResizeHandlers=d;

package/WindowResizeHandlers.mjs

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as n from "react";
+import { Draggable as a } from "@progress/kendo-react-common";
+const o = ["n", "e", "s", "w", "se", "sw", "ne", "nw"];
+class c extends n.Component {
+  render() {
+    return /* @__PURE__ */ n.createElement("div", { className: "k-resize-handles-wrapper" }, " ", o.map((t, r) => /* @__PURE__ */ n.createElement(
+      a,
+      {
+        key: r,
+        onDrag: (s) => {
+          const { event: e } = s;
+          e.originalEvent.preventDefault(), this.props.onResize(e, { end: !1, direction: t });
+        },
+        onRelease: (s) => {
+          const { event: e } = s;
+          e.originalEvent.preventDefault(), this.props.onResize(e, { end: !0, direction: t });
+        }
+      },
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          className: "k-resize-handle k-resize-" + t,
+          style: { display: "block", touchAction: "none" }
+        }
+      )
+    )));
+  }
+}
+export {
+  c as ResizeHandlers
+};

package/WindowTitlebar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),d=require("./StageEnum.js"),r=require("@progress/kendo-react-buttons"),E=require("@progress/kendo-react-intl"),s=require("@progress/kendo-svg-icons"),n=require("./messages/index.js");function R(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(o,i,l.get?l:{enumerable:!0,get:()=>e[i]})}}return o.default=e,Object.freeze(o)}const t=R(C),S=e=>{const{children:o,onCloseButtonClick:i,onMinimizeButtonClick:l,onFullScreenButtonClick:u,onRestoreButtonClick:m,onDoubleClick:w,stage:a,forwardedRef:g,id:B}=e,c=E.useLocalization(),f=e.minimizeButton?t.createElement(e.minimizeButton,{onClick:l,stage:a}):t.createElement(r.Button,{fillMode:"flat",icon:"window-minimize",svgIcon:s.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:l,"aria-label":c.toLanguageString(n.dialogsWindowMinimizeButton,n.messages[n.dialogsWindowMinimizeButton])}),k=e.maximizeButton?t.createElement(e.maximizeButton,{onClick:u,stage:a}):t.createElement(r.Button,{fillMode:"flat",icon:"window-maximize",svgIcon:s.windowIcon,className:"k-window-titlebar-action",onClick:u,"aria-label":c.toLanguageString(n.dialogsWindowMaximizeButton,n.messages[n.dialogsWindowMaximizeButton])}),b=e.restoreButton?t.createElement(e.restoreButton,{onClick:m,stage:a}):t.createElement(r.Button,{fillMode:"flat",icon:"window-restore",svgIcon:s.windowRestoreIcon,className:"k-window-titlebar-action",onClick:m,"aria-label":c.toLanguageString(n.dialogsWindowRestoreButton,n.messages[n.dialogsWindowRestoreButton])}),z=e.closeButton?t.createElement(e.closeButton,{onClick:i,stage:a}):t.createElement(r.Button,{fillMode:"flat",icon:"x",svgIcon:s.xIcon,className:"k-window-titlebar-action",onClick:i,"aria-label":c.toLanguageString(n.dialogsWindowCloseButton,n.messages[n.dialogsWindowCloseButton])});return t.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:g,onDoubleClick:w},t.createElement("span",{className:"k-window-title",id:B},o||""),t.createElement("div",{className:"k-window-titlebar-actions"},a===d.windowStage.DEFAULT&&f,a===d.windowStage.DEFAULT&&k,a!==d.windowStage.DEFAULT&&b,z))},M=t.forwardRef((e,o)=>t.createElement(S,{...e,forwardedRef:o}));exports.WindowTitleBar=M;

package/WindowTitlebar.mjs

@@ -0,0 +1,87 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { windowStage as c } from "./StageEnum.mjs";
+import { Button as a } from "@progress/kendo-react-buttons";
+import { useLocalization as x } from "@progress/kendo-react-intl";
+import { windowMinimizeIcon as I, windowIcon as L, windowRestoreIcon as M, xIcon as N } from "@progress/kendo-svg-icons";
+import { dialogsWindowMinimizeButton as w, messages as l, dialogsWindowMaximizeButton as u, dialogsWindowRestoreButton as g, dialogsWindowCloseButton as B } from "./messages/index.mjs";
+const v = (t) => {
+  const {
+    children: o,
+    onCloseButtonClick: r,
+    onMinimizeButtonClick: m,
+    onFullScreenButtonClick: s,
+    onRestoreButtonClick: d,
+    onDoubleClick: f,
+    stage: n,
+    forwardedRef: k,
+    id: C
+  } = t, i = x(), E = t.minimizeButton ? /* @__PURE__ */ e.createElement(t.minimizeButton, { onClick: m, stage: n }) : /* @__PURE__ */ e.createElement(
+    a,
+    {
+      fillMode: "flat",
+      icon: "window-minimize",
+      svgIcon: I,
+      className: "k-window-titlebar-action",
+      onClick: m,
+      "aria-label": i.toLanguageString(w, l[w])
+    }
+  ), z = t.maximizeButton ? /* @__PURE__ */ e.createElement(t.maximizeButton, { onClick: s, stage: n }) : /* @__PURE__ */ e.createElement(
+    a,
+    {
+      fillMode: "flat",
+      icon: "window-maximize",
+      svgIcon: L,
+      className: "k-window-titlebar-action",
+      onClick: s,
+      "aria-label": i.toLanguageString(u, l[u])
+    }
+  ), b = t.restoreButton ? /* @__PURE__ */ e.createElement(t.restoreButton, { onClick: d, stage: n }) : /* @__PURE__ */ e.createElement(
+    a,
+    {
+      fillMode: "flat",
+      icon: "window-restore",
+      svgIcon: M,
+      className: "k-window-titlebar-action",
+      onClick: d,
+      "aria-label": i.toLanguageString(g, l[g])
+    }
+  ), R = t.closeButton ? /* @__PURE__ */ e.createElement(t.closeButton, { onClick: r, stage: n }) : /* @__PURE__ */ e.createElement(
+    a,
+    {
+      fillMode: "flat",
+      icon: "x",
+      svgIcon: N,
+      className: "k-window-titlebar-action",
+      onClick: r,
+      "aria-label": i.toLanguageString(B, l[B])
+    }
+  );
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "k-window-titlebar",
+      style: { touchAction: "none" },
+      ref: k,
+      onDoubleClick: f
+    },
+    /* @__PURE__ */ e.createElement("span", { className: "k-window-title", id: C }, o || ""),
+    /* @__PURE__ */ e.createElement("div", { className: "k-window-titlebar-actions" }, n === c.DEFAULT && E, n === c.DEFAULT && z, n !== c.DEFAULT && b, R)
+  );
+}, F = e.forwardRef((t, o) => /* @__PURE__ */ e.createElement(
+  v,
+  {
+    ...t,
+    forwardedRef: o
+  }
+));
+export {
+  F as WindowTitleBar
+};

package/constants.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D="data-windowid",A=10002,I=2,S=".k-window:not(.k-dialog), .k-dialog-wrapper";exports.DATA_DIALOGS_ID=D;exports.DEFAULT_DIALOGS_ZINDEX=A;exports.DIALOGS_SELECTOR=S;exports.ZINDEX_DIALOGS_STEP=I;

package/constants.mjs

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const o = "data-windowid", D = 10002, n = 2, t = ".k-window:not(.k-dialog), .k-dialog-wrapper";
+export {
+  o as DATA_DIALOGS_ID,
+  D as DEFAULT_DIALOGS_ZINDEX,
+  t as DIALOGS_SELECTOR,
+  n as ZINDEX_DIALOGS_STEP
+};