@progress/kendo-react-diagram 16.2.0-develop.1 → 16.2.0-develop.10

package/rich-text-editing/TextEditingToolbar.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Connection, Shape } from '@progress/kendo-diagram-common';
+import { ToolbarTools, FontTypeItem, FontSizeItem } from './types';
+import * as React from 'react';
+/** @hidden */
+export interface TextEditingToolbarProps {
+    editorView?: any;
+    editItem?: Shape | Connection | null;
+    defaultStyles: {
+        color?: string;
+        fontSize?: number;
+        fontFamily?: string;
+    };
+    tools: ToolbarTools;
+    fontNames?: FontTypeItem[];
+    fontSizes?: FontSizeItem[];
+}
+/** @hidden */
+export declare const TextEditingToolbar: (props: TextEditingToolbarProps) => React.JSX.Element | null;

package/rich-text-editing/TextEditingToolbar.js

@@ -0,0 +1,8 @@
+/**
+ * @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 Z=require("react"),f=require("@progress/kendo-react-editor"),O=require("@progress/kendo-react-popup"),tt=require("@progress/kendo-diagram-common"),V=require("./DiagramEditorContext.js"),A=require("@progress/kendo-react-buttons"),H=require("@progress/kendo-react-intl"),c=require("@progress/kendo-svg-icons"),e=require("../messages/index.js"),M=require("./Icons-Dropdown.js"),D=require("./utils.js");function et(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const a=et(Z),{DOMResizeObserver:ot,pmDocToRTContent:nt,parseAlignment:it,Data:lt}=tt.EditingUtils,{fontNames:at,fontSizes:rt,floatingToolbarStyle:st}=lt,{bold:L,italic:P,underline:R,fontName:ct,fontSize:dt,foreColor:gt}=f.EditorToolsSettings,ut=f.EditorTools.ForeColor,mt=f.EditorTools.createInlineFormatTool({...L,props:{...L.props,fillMode:"flat"}}),ft=f.EditorTools.createInlineFormatTool({...P,props:{...P.props,fillMode:"flat"}}),pt=f.EditorTools.createInlineFormatTool({...R,props:{...R.props,fillMode:"flat"}}),St=t=>{const l=V.useDiagramEditorPopupProps("text-toolbar"),r=a.useCallback(s=>{const o=l(s);return{...o,onClose:n=>{var u;(u=o.onClose)==null||u.call(o,n),t.onClose&&t.onClose()}}},[l,t]);return a.createElement(O.PopupPropsContext.Provider,{value:r},a.createElement(ut,{...t,colorPickerProps:{...gt.colorPickerProps,fillMode:"flat"}}))},bt={Left:e.editingAlignLeft,Center:e.editingAlignCenter,Right:e.editingAlignRight,Top:e.editingAlignTop,Middle:e.editingAlignMiddle,Bottom:e.editingAlignBottom},Tt={Standard:e.editingFontStandard,Classic:e.editingFontClassic,Technical:e.editingFontTechnical,Handwritten:e.editingFontHandwritten,Headline:e.editingFontHeadline},zt={"Extra Small":e.editingFontSizeExtraSmall,Small:e.editingFontSizeSmall,Medium:e.editingFontSizeMedium,Large:e.editingFontSizeLarge,"Extra Large":e.editingFontSizeExtraLarge},k=[{label:"Left",value:"left",icon:c.alignLeftIcon},{label:"Center",value:"center",icon:c.alignCenterIcon},{label:"Right",value:"right",icon:c.alignRightIcon}],w=[{label:"Top",value:"top",icon:c.alignTopIcon},{label:"Middle",value:"middle",icon:c.alignMiddleIcon},{label:"Bottom",value:"bottom",icon:c.alignBottomIcon}],v={left:c.alignLeftIcon,center:c.alignCenterIcon,right:c.alignRightIcon,top:c.alignTopIcon,middle:c.alignMiddleIcon,bottom:c.alignBottomIcon},N=(t,l,r,s={})=>t.map(o=>{const n=s[o.text];return{...o,text:r.toLanguageString(n||`${l}.${o.text}`,n?e.messages[n]:o.text)}}),q=(t,l)=>t in v?t:l,vt=t=>{const l=H.useLocalization(),r=n=>{const u=bt[n];return l.toLanguageString(u,e.messages[u])},s=k.map(n=>({...n,title:r(n.label)})),o=w.map(n=>({...n,title:r(n.label)}));return a.createElement(a.Fragment,null,a.createElement(M.IconsDropdown,{columns:k.length,data:s,value:t.horizontal,buttonIcon:v[t.horizontal],buttonTitle:l.toLanguageString(e.editingAlignHorizontal,e.messages[e.editingAlignHorizontal]),overlayOwner:"text-toolbar",onSelect:n=>t.onAlignClick(n,t.vertical)}),t.renderVAlign&&a.createElement(M.IconsDropdown,{columns:w.length,data:o,value:t.vertical,buttonIcon:v[t.vertical],buttonTitle:l.toLanguageString(e.editingAlignVertical,e.messages[e.editingAlignVertical]),overlayOwner:"text-toolbar",onSelect:n=>t.onAlignClick(t.horizontal,n)}))},B=t=>t!=null,It=t=>{var C,E,x,h;const l=V.useDiagramEditorPopupProps("text-toolbar"),r=((C=t.editItem)==null?void 0:C.name)==="Shape"&&t.editItem.type!=="text",s=a.useRef(t.editItem);s.current=t.editItem;const o=(E=t.editorView)==null?void 0:E.view,n=a.useRef(o);n.current=o;const u=(o==null?void 0:o.state.doc.attrs.alignment)||"left top",I=it(u),K=q(I.horizontal,"left"),j=q(I.vertical,"top"),p=H.useLocalization(),$=(i,d)=>{o.dispatch(o.state.tr.setDocAttribute("alignment",`${i} ${d}`)),o.focus()},_=()=>{o.focus()},b=t.fontNames||at,T=t.fontSizes||rt,{FontName:U,FontSize:G}=a.useMemo(()=>{const i=N(b,"diagram.editing.font",p,Tt),d=N(T,"diagram.editing.fontSize",p,zt),g=p.toLanguageString(e.editingFontType,e.messages[e.editingFontType]),m=p.toLanguageString(e.editingFontSize,e.messages[e.editingFontSize]),S=f.EditorTools.createStyleDropDownList({...ct,items:i,defaultItem:void 0}),Y=f.EditorTools.createStyleDropDownList({...dt,items:d,defaultItem:void 0});return{FontName:z=>a.createElement(S,{...z,title:g}),FontSize:z=>a.createElement(Y,{...z,title:m})}},[b,T,p]),J=B(t.defaultStyles.fontSize)&&T.find(i=>i.value===`${t.defaultStyles.fontSize}px`)||void 0,Q=B(t.defaultStyles.fontFamily)&&b.find(i=>i.value===t.defaultStyles.fontFamily)||void 0,y=a.useCallback(()=>{var S;const i=s.current,d=n.current;if(!i||!d||i.name!=="Shape"||i.type!=="text"||!i.bounds())return;const m={...i.options.content,...nt(d.state.doc)};(S=i._syncAutoHeightBounds)==null||S.call(i,m)},[]),W=((h=(x=n.current)==null?void 0:x.dom)==null?void 0:h.isConnected)===!0;a.useEffect(()=>{var d;const i=(d=n.current)==null?void 0:d.dom;if(i&&i.isConnected){const g=s.current;if(!g||g.name!=="Shape"||g.type!=="text")return;g.diagram.select(g);const m=new ot(i);return m.bind("resize",y),m.init(),()=>{m.destroy()}}},[t.editItem,W,y]);const X={color:{component:St,props:{view:o,onClose:_,title:p.toLanguageString(e.editingTextColor,e.messages[e.editingTextColor])}},fontSize:{component:G,props:{view:o,className:"k-toolbar-button",fillMode:"flat",defaultValue:J,dataItemKey:"value"}},fontType:{component:U,props:{view:o,className:"k-toolbar-button",fillMode:"flat",defaultValue:Q,dataItemKey:"value"}},bold:{component:mt,props:{view:o}},italic:{component:ft,props:{view:o}},underline:{component:pt,props:{view:o}},separator:{component:A.ToolbarSeparator,props:{}},align:{component:vt,props:{horizontal:K,vertical:j,renderVAlign:r,onAlignClick:$}}},F=D.mapTools(t.tools,X);return F.length===0?null:a.createElement(O.PopupPropsContext.Provider,{value:l},a.createElement(A.Toolbar,{fillMode:"flat",style:st,buttons:D.floatingToolbarButtons},F))};exports.TextEditingToolbar=It;

package/rich-text-editing/TextEditingToolbar.mjs

@@ -0,0 +1,212 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as i from "react";
+import { EditorTools as f, EditorToolsSettings as rt } from "@progress/kendo-react-editor";
+import { PopupPropsContext as O } from "@progress/kendo-react-popup";
+import { EditingUtils as ct } from "@progress/kendo-diagram-common";
+import { useDiagramEditorPopupProps as $ } from "./DiagramEditorContext.mjs";
+import { Toolbar as st, ToolbarSeparator as dt } from "@progress/kendo-react-buttons";
+import { useLocalization as U } from "@progress/kendo-react-intl";
+import { alignBottomIcon as _, alignMiddleIcon as j, alignTopIcon as q, alignRightIcon as G, alignCenterIcon as J, alignLeftIcon as Q } from "@progress/kendo-svg-icons";
+import { editingFontType as A, messages as g, editingFontSize as M, editingTextColor as E, editingFontHeadline as mt, editingFontHandwritten as gt, editingFontTechnical as ut, editingFontClassic as ft, editingFontStandard as pt, editingFontSizeExtraLarge as St, editingFontSizeLarge as bt, editingFontSizeMedium as zt, editingFontSizeSmall as vt, editingFontSizeExtraSmall as Tt, editingAlignHorizontal as L, editingAlignVertical as D, editingAlignBottom as Ft, editingAlignMiddle as yt, editingAlignTop as Ct, editingAlignRight as ht, editingAlignCenter as It, editingAlignLeft as xt } from "../messages/index.mjs";
+import { IconsDropdown as N } from "./Icons-Dropdown.mjs";
+import { mapTools as At, floatingToolbarButtons as Mt } from "./utils.mjs";
+const { DOMResizeObserver: Et, pmDocToRTContent: Lt, parseAlignment: Dt, Data: Nt } = ct, { fontNames: wt, fontSizes: Pt, floatingToolbarStyle: Rt } = Nt, { bold: w, italic: P, underline: R, fontName: kt, fontSize: Bt, foreColor: Vt } = rt, Kt = f.ForeColor, Ht = f.createInlineFormatTool({ ...w, props: { ...w.props, fillMode: "flat" } }), Ot = f.createInlineFormatTool({ ...P, props: { ...P.props, fillMode: "flat" } }), $t = f.createInlineFormatTool({ ...R, props: { ...R.props, fillMode: "flat" } }), Ut = (t) => {
+  const l = $("text-toolbar"), c = i.useCallback(
+    (a) => {
+      const e = l(a);
+      return {
+        ...e,
+        onClose: (o) => {
+          var d;
+          (d = e.onClose) == null || d.call(e, o), t.onClose && t.onClose();
+        }
+      };
+    },
+    [l, t]
+  );
+  return /* @__PURE__ */ i.createElement(O.Provider, { value: c }, /* @__PURE__ */ i.createElement(Kt, { ...t, colorPickerProps: { ...Vt.colorPickerProps, fillMode: "flat" } }));
+}, _t = {
+  Left: xt,
+  Center: It,
+  Right: ht,
+  Top: Ct,
+  Middle: yt,
+  Bottom: Ft
+}, jt = {
+  Standard: pt,
+  Classic: ft,
+  Technical: ut,
+  Handwritten: gt,
+  Headline: mt
+}, qt = {
+  "Extra Small": Tt,
+  Small: vt,
+  Medium: zt,
+  Large: bt,
+  "Extra Large": St
+}, k = [
+  { label: "Left", value: "left", icon: Q },
+  { label: "Center", value: "center", icon: J },
+  { label: "Right", value: "right", icon: G }
+], B = [
+  { label: "Top", value: "top", icon: q },
+  { label: "Middle", value: "middle", icon: j },
+  { label: "Bottom", value: "bottom", icon: _ }
+], v = {
+  left: Q,
+  center: J,
+  right: G,
+  top: q,
+  middle: j,
+  bottom: _
+}, V = (t, l, c, a = {}) => t.map((e) => {
+  const o = a[e.text];
+  return {
+    ...e,
+    text: c.toLanguageString(
+      o || `${l}.${e.text}`,
+      o ? g[o] : e.text
+    )
+  };
+}), K = (t, l) => t in v ? t : l, Gt = (t) => {
+  const l = U(), c = (o) => {
+    const d = _t[o];
+    return l.toLanguageString(d, g[d]);
+  }, a = k.map((o) => ({
+    ...o,
+    title: c(o.label)
+  })), e = B.map((o) => ({
+    ...o,
+    title: c(o.label)
+  }));
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+    N,
+    {
+      columns: k.length,
+      data: a,
+      value: t.horizontal,
+      buttonIcon: v[t.horizontal],
+      buttonTitle: l.toLanguageString(L, g[L]),
+      overlayOwner: "text-toolbar",
+      onSelect: (o) => t.onAlignClick(o, t.vertical)
+    }
+  ), t.renderVAlign && /* @__PURE__ */ i.createElement(
+    N,
+    {
+      columns: B.length,
+      data: e,
+      value: t.vertical,
+      buttonIcon: v[t.vertical],
+      buttonTitle: l.toLanguageString(D, g[D]),
+      overlayOwner: "text-toolbar",
+      onSelect: (o) => t.onAlignClick(t.horizontal, o)
+    }
+  ));
+}, H = (t) => t != null, ie = (t) => {
+  var C, h, I, x;
+  const l = $("text-toolbar"), c = ((C = t.editItem) == null ? void 0 : C.name) === "Shape" && t.editItem.type !== "text", a = i.useRef(t.editItem);
+  a.current = t.editItem;
+  const e = (h = t.editorView) == null ? void 0 : h.view, o = i.useRef(e);
+  o.current = e;
+  const d = (e == null ? void 0 : e.state.doc.attrs.alignment) || "left top", T = Dt(d), W = K(T.horizontal, "left"), X = K(T.vertical, "top"), u = U(), Y = (n, r) => {
+    e.dispatch(e.state.tr.setDocAttribute("alignment", `${n} ${r}`)), e.focus();
+  }, Z = () => {
+    e.focus();
+  }, S = t.fontNames || wt, b = t.fontSizes || Pt, { FontName: tt, FontSize: et } = i.useMemo(() => {
+    const n = V(S, "diagram.editing.font", u, jt), r = V(
+      b,
+      "diagram.editing.fontSize",
+      u,
+      qt
+    ), s = u.toLanguageString(A, g[A]), m = u.toLanguageString(M, g[M]), p = f.createStyleDropDownList({
+      ...kt,
+      items: n,
+      defaultItem: void 0
+    }), at = f.createStyleDropDownList({
+      ...Bt,
+      items: r,
+      defaultItem: void 0
+    });
+    return {
+      FontName: (z) => /* @__PURE__ */ i.createElement(p, { ...z, title: s }),
+      FontSize: (z) => /* @__PURE__ */ i.createElement(at, { ...z, title: m })
+    };
+  }, [S, b, u]), ot = H(t.defaultStyles.fontSize) && b.find((n) => n.value === `${t.defaultStyles.fontSize}px`) || void 0, nt = H(t.defaultStyles.fontFamily) && S.find((n) => n.value === t.defaultStyles.fontFamily) || void 0, F = i.useCallback(() => {
+    var p;
+    const n = a.current, r = o.current;
+    if (!n || !r || n.name !== "Shape" || n.type !== "text" || !n.bounds())
+      return;
+    const m = {
+      ...n.options.content,
+      ...Lt(r.state.doc)
+    };
+    (p = n._syncAutoHeightBounds) == null || p.call(n, m);
+  }, []), it = ((x = (I = o.current) == null ? void 0 : I.dom) == null ? void 0 : x.isConnected) === !0;
+  i.useEffect(() => {
+    var r;
+    const n = (r = o.current) == null ? void 0 : r.dom;
+    if (n && n.isConnected) {
+      const s = a.current;
+      if (!s || s.name !== "Shape" || s.type !== "text")
+        return;
+      s.diagram.select(s);
+      const m = new Et(n);
+      return m.bind("resize", F), m.init(), () => {
+        m.destroy();
+      };
+    }
+  }, [t.editItem, it, F]);
+  const lt = {
+    color: {
+      component: Ut,
+      props: {
+        view: e,
+        onClose: Z,
+        title: u.toLanguageString(E, g[E])
+      }
+    },
+    fontSize: {
+      component: et,
+      props: {
+        view: e,
+        className: "k-toolbar-button",
+        fillMode: "flat",
+        defaultValue: ot,
+        dataItemKey: "value"
+      }
+    },
+    fontType: {
+      component: tt,
+      props: {
+        view: e,
+        className: "k-toolbar-button",
+        fillMode: "flat",
+        defaultValue: nt,
+        dataItemKey: "value"
+      }
+    },
+    bold: { component: Ht, props: { view: e } },
+    italic: { component: Ot, props: { view: e } },
+    underline: { component: $t, props: { view: e } },
+    separator: { component: dt, props: {} },
+    align: {
+      component: Gt,
+      props: {
+        horizontal: W,
+        vertical: X,
+        renderVAlign: c,
+        onAlignClick: Y
+      }
+    }
+  }, y = At(t.tools, lt);
+  return y.length === 0 ? null : /* @__PURE__ */ i.createElement(O.Provider, { value: l }, /* @__PURE__ */ i.createElement(st, { fillMode: "flat", style: Rt, buttons: Mt }, y));
+};
+export {
+  ie as TextEditingToolbar
+};

package/rich-text-editing/border-style.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DashType, DiagramEditorOverlayOwner } from '@progress/kendo-diagram-common';
+import * as React from 'react';
+/** @hidden */
+export declare const BorderStyle: (props: {
+    value: DashType;
+    onSelect: (value: DashType) => void;
+    overlayOwner: DiagramEditorOverlayOwner;
+}) => React.JSX.Element;

package/rich-text-editing/border-style.js

@@ -0,0 +1,8 @@
+/**
+ * @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 l=require("react"),c=require("@progress/kendo-svg-icons"),u=require("@progress/kendo-diagram-common"),g=require("@progress/kendo-react-intl"),e=require("../messages/index.js"),D=require("./Icons-Dropdown.js"),s=require("./utils.js");function y(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const i=y(l),a=u.EditingUtils.Data.borderTypes,p={solid:e.editingBorderStyleSolid,dot:e.editingBorderStyleDotted,dash:e.editingBorderStyleDashed,dashDot:e.editingBorderStyleDashDot,longDash:e.editingBorderStyleLongDash,longDashDot:e.editingBorderStyleLongDashDot,longDashDotDot:e.editingBorderStyleLongDashDotDot},S=t=>{const o=g.useLocalization(),r=o.toLanguageString(e.editingBorderStyle,e.messages[e.editingBorderStyle]),n=i.useMemo(()=>s.localizeDataLabels(a,o,p,d=>d.value),[o]);return i.createElement(D.IconsDropdown,{...t,data:n,buttonIcon:c.borderTypeIcon,buttonTitle:r,columns:a.length,popupClass:s.dropdownPopupClass})};exports.BorderStyle=S;

package/rich-text-editing/border-style.mjs

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import { borderTypeIcon as a } from "@progress/kendo-svg-icons";
+import { EditingUtils as l } from "@progress/kendo-diagram-common";
+import { useLocalization as g } from "@progress/kendo-react-intl";
+import { editingBorderStyle as e, messages as p, editingBorderStyleLongDashDotDot as D, editingBorderStyleLongDashDot as m, editingBorderStyleLongDash as c, editingBorderStyleDashDot as y, editingBorderStyleDashed as h, editingBorderStyleDotted as u, editingBorderStyleSolid as S } from "../messages/index.mjs";
+import { IconsDropdown as B } from "./Icons-Dropdown.mjs";
+import { localizeDataLabels as b, dropdownPopupClass as f } from "./utils.mjs";
+const r = l.Data.borderTypes, L = {
+  solid: S,
+  dot: u,
+  dash: h,
+  dashDot: y,
+  longDash: c,
+  longDashDot: m,
+  longDashDotDot: D
+}, E = (n) => {
+  const o = g(), s = o.toLanguageString(e, p[e]), i = t.useMemo(() => b(r, o, L, (d) => d.value), [o]);
+  return /* @__PURE__ */ t.createElement(
+    B,
+    {
+      ...n,
+      data: i,
+      buttonIcon: a,
+      buttonTitle: s,
+      columns: r.length,
+      popupClass: f
+    }
+  );
+};
+export {
+  E as BorderStyle
+};

package/rich-text-editing/border-width.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DiagramEditorOverlayOwner } from '@progress/kendo-diagram-common';
+import * as React from 'react';
+/** @hidden */
+export interface BorderWidthProps {
+    value: number;
+    onSelect: (value: number) => void;
+    label: string;
+    min?: number;
+    overlayOwner: DiagramEditorOverlayOwner;
+}
+/** @hidden */
+export declare const BorderWidth: (props: BorderWidthProps) => React.JSX.Element;

package/rich-text-editing/border-width.js

@@ -0,0 +1,8 @@
+/**
+ * @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"),B=require("@progress/kendo-react-buttons"),R=require("@progress/kendo-react-common"),P=require("@progress/kendo-react-popup"),p=require("@progress/kendo-svg-icons"),h=require("@progress/kendo-react-inputs"),m=require("./utils.js"),k=require("./DiagramEditorContext.js");function M(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(s,l,i.get?i:{enumerable:!0,get:()=>r[l]})}}return s.default=r,Object.freeze(s)}const t=M(D),j=()=>t.createElement(h.InputPrefix,{orientation:"horizontal"},t.createElement(R.SvgIcon,{icon:p.rowsIcon}));function T(r){return r.getBoundingClientRect().height}const W=20,z=1,L=r=>{var E;const{value:s,min:l=0,onSelect:i}=r,f=t.useRef(null),d=t.useRef(null),g=t.useRef(null),o=t.useRef(null),{controller:v}=k.useDiagramEditorContext(),{open:u,setOpen:a}=k.useControlledDiagramOverlay(r.overlayOwner),[y,S]=t.useState(60),w=()=>{a(e=>!e)},C=t.useCallback(e=>{var c,b;(c=o.current)==null||c.call(o);const n=(b=e==null?void 0:e.element)==null?void 0:b.querySelector(".k-popup");if(u&&n instanceof HTMLElement){g.current=n,o.current=v.registerSurface(n);return}g.current=null,o.current=null},[v,u]),q=t.useCallback(e=>{const n=e.target.element;setTimeout(()=>{const c=n.querySelector("input");c&&(c.focus(),c.select())},0)},[]),I=t.useCallback(e=>{var n,c;(e.key==="Enter"||e.key==="Escape")&&(a(!1),(c=(n=f.current)==null?void 0:n.element)==null||c.focus())},[a]),O=t.useCallback(()=>{a(!1)},[a]),x=t.useCallback(e=>{i(e.value||0)},[i]);return t.useEffect(()=>{var n;const e=(n=d.current)==null?void 0:n.element;if(!(!e||!u))return e.addEventListener("wheel",m.preventDefault,{capture:!0,passive:!1}),()=>{e.removeEventListener("wheel",m.preventDefault,!0)}},[u]),t.useEffect(()=>()=>{var e;(e=o.current)==null||e.call(o),o.current=null},[]),t.useEffect(()=>{var n;const e=(n=f.current)==null?void 0:n.element;!u||!e||S(Math.ceil(T(e)/5)*10)},[u]),t.createElement(t.Fragment,null,t.createElement(B.Button,{svgIcon:p.borderWidthIcon,endIcon:t.createElement(R.SvgIcon,{icon:p.chevronDownIcon}),onClick:w,type:"button",fillMode:"flat",title:r.label,ref:f,...m.preventFocusSteal}),t.createElement(P.Popup,{anchor:(E=f.current)==null?void 0:E.element,show:u,popupClass:m.dropdownPopupClass,onOpen:q,ref:C},t.createElement(h.NumericTextBox,{spinners:!1,ref:d,width:y,value:s,min:l,max:W,step:z,onKeyDown:I,onBlur:O,fillMode:"flat",onChange:x,prefix:j})))};exports.BorderWidth=L;

package/rich-text-editing/border-width.mjs

@@ -0,0 +1,112 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import { Button as B } from "@progress/kendo-react-buttons";
+import { SvgIcon as h } from "@progress/kendo-react-common";
+import { Popup as S } from "@progress/kendo-react-popup";
+import { borderWidthIcon as D, chevronDownIcon as M, rowsIcon as O } from "@progress/kendo-svg-icons";
+import { NumericTextBox as P, InputPrefix as W } from "@progress/kendo-react-inputs";
+import { preventDefault as d, preventFocusSteal as L, dropdownPopupClass as T } from "./utils.mjs";
+import { useDiagramEditorContext as q, useControlledDiagramOverlay as z } from "./DiagramEditorContext.mjs";
+const F = () => /* @__PURE__ */ t.createElement(W, { orientation: "horizontal" }, /* @__PURE__ */ t.createElement(h, { icon: O }));
+function N(l) {
+  return l.getBoundingClientRect().height;
+}
+const H = 20, K = 1, X = (l) => {
+  var p;
+  const { value: v, min: g = 0, onSelect: i } = l, s = t.useRef(null), a = t.useRef(null), m = t.useRef(null), r = t.useRef(null), { controller: f } = q(), { open: c, setOpen: u } = z(l.overlayOwner), [w, R] = t.useState(60), b = () => {
+    u((e) => !e);
+  }, k = t.useCallback(
+    (e) => {
+      var o, E;
+      (o = r.current) == null || o.call(r);
+      const n = (E = e == null ? void 0 : e.element) == null ? void 0 : E.querySelector(".k-popup");
+      if (c && n instanceof HTMLElement) {
+        m.current = n, r.current = f.registerSurface(n);
+        return;
+      }
+      m.current = null, r.current = null;
+    },
+    [f, c]
+  ), x = t.useCallback((e) => {
+    const n = e.target.element;
+    setTimeout(() => {
+      const o = n.querySelector("input");
+      o && (o.focus(), o.select());
+    }, 0);
+  }, []), C = t.useCallback(
+    (e) => {
+      var n, o;
+      (e.key === "Enter" || e.key === "Escape") && (u(!1), (o = (n = s.current) == null ? void 0 : n.element) == null || o.focus());
+    },
+    [u]
+  ), y = t.useCallback(() => {
+    u(!1);
+  }, [u]), I = t.useCallback(
+    (e) => {
+      i(e.value || 0);
+    },
+    [i]
+  );
+  return t.useEffect(() => {
+    var n;
+    const e = (n = a.current) == null ? void 0 : n.element;
+    if (!(!e || !c))
+      return e.addEventListener("wheel", d, { capture: !0, passive: !1 }), () => {
+        e.removeEventListener("wheel", d, !0);
+      };
+  }, [c]), t.useEffect(() => () => {
+    var e;
+    (e = r.current) == null || e.call(r), r.current = null;
+  }, []), t.useEffect(() => {
+    var n;
+    const e = (n = s.current) == null ? void 0 : n.element;
+    !c || !e || R(Math.ceil(N(e) / 5) * 10);
+  }, [c]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    B,
+    {
+      svgIcon: D,
+      endIcon: /* @__PURE__ */ t.createElement(h, { icon: M }),
+      onClick: b,
+      type: "button",
+      fillMode: "flat",
+      title: l.label,
+      ref: s,
+      ...L
+    }
+  ), /* @__PURE__ */ t.createElement(
+    S,
+    {
+      anchor: (p = s.current) == null ? void 0 : p.element,
+      show: c,
+      popupClass: T,
+      onOpen: x,
+      ref: k
+    },
+    /* @__PURE__ */ t.createElement(
+      P,
+      {
+        spinners: !1,
+        ref: a,
+        width: w,
+        value: v,
+        min: g,
+        max: H,
+        step: K,
+        onKeyDown: C,
+        onBlur: y,
+        fillMode: "flat",
+        onChange: I,
+        prefix: F
+      }
+    )
+  ));
+};
+export {
+  X as BorderWidth
+};

package/rich-text-editing/cap-type.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { DiagramEditorOverlayOwner } from '@progress/kendo-diagram-common';
+import * as React from 'react';
+interface CapTypeProps {
+    value: string;
+    onSelect: (value: string) => void;
+    data: {
+        label: string;
+        icon: SVGIcon;
+        value: string;
+    }[];
+    buttonIcon: SVGIcon;
+    buttonTitle: string;
+    overlayOwner: DiagramEditorOverlayOwner;
+}
+/** @hidden */
+export declare const CapType: ({ value, onSelect, data, buttonIcon, buttonTitle, overlayOwner }: CapTypeProps) => React.JSX.Element;
+export {};

package/rich-text-editing/cap-type.js

@@ -0,0 +1,8 @@
+/**
+ * @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 u=require("react"),g=require("@progress/kendo-react-intl"),e=require("../messages/index.js"),w=require("./Icons-Dropdown.js"),l=require("./utils.js");function C(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>r[t]})}}return n.default=r,Object.freeze(n)}const c=C(u),f={none:e.editingCapNone,ArrowStart:e.editingCapArrow,ArrowEnd:e.editingCapArrow,TriangleArrowStart:e.editingCapTriangleArrow,TriangleArrowEnd:e.editingCapTriangleArrow,LineArrow:e.editingCapLineArrow,FilledCircle:e.editingCapFilledCircle,FilledDiamond:e.editingCapFilledDiamond},m=({value:r,onSelect:n,data:t,buttonIcon:o,buttonTitle:s,overlayOwner:d})=>{const a=g.useLocalization(),p=c.useMemo(()=>l.localizeDataLabels(t,a,f,i=>i.value),[t,a]);return c.createElement(w.IconsDropdown,{buttonIcon:o,columns:3,onSelect:i=>n(i),value:r,data:p,buttonTitle:s,popupClass:l.dropdownPopupClass,overlayOwner:d})};exports.CapType=m;

package/rich-text-editing/cap-type.mjs

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as i from "react";
+import { useLocalization as m } from "@progress/kendo-react-intl";
+import { editingCapFilledDiamond as C, editingCapFilledCircle as g, editingCapLineArrow as w, editingCapTriangleArrow as a, editingCapArrow as n, editingCapNone as u } from "../messages/index.mjs";
+import { IconsDropdown as A } from "./Icons-Dropdown.mjs";
+import { localizeDataLabels as f, dropdownPopupClass as D } from "./utils.mjs";
+const T = {
+  none: u,
+  ArrowStart: n,
+  ArrowEnd: n,
+  TriangleArrowStart: a,
+  TriangleArrowEnd: a,
+  LineArrow: w,
+  FilledCircle: g,
+  FilledDiamond: C
+}, E = ({ value: t, onSelect: l, data: e, buttonIcon: p, buttonTitle: d, overlayOwner: s }) => {
+  const r = m(), c = i.useMemo(() => f(e, r, T, (o) => o.value), [e, r]);
+  return /* @__PURE__ */ i.createElement(
+    A,
+    {
+      buttonIcon: p,
+      columns: 3,
+      onSelect: (o) => l(o),
+      value: t,
+      data: c,
+      buttonTitle: d,
+      popupClass: D,
+      overlayOwner: s
+    }
+  );
+};
+export {
+  E as CapType
+};

package/rich-text-editing/connection-style.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DashType, DiagramEditorOverlayOwner } from '@progress/kendo-diagram-common';
+import * as React from 'react';
+/** @hidden */
+export declare const ConnectionStyle: (props: {
+    value: DashType;
+    onSelect: (value: DashType) => void;
+    overlayOwner: DiagramEditorOverlayOwner;
+}) => React.JSX.Element;

package/rich-text-editing/connection-style.js

@@ -0,0 +1,8 @@
+/**
+ * @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"),l=require("@progress/kendo-svg-icons"),u=require("@progress/kendo-diagram-common"),g=require("@progress/kendo-react-intl"),e=require("../messages/index.js"),D=require("./Icons-Dropdown.js"),i=require("./utils.js");function y(t){const o=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(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const s=y(d),a=u.EditingUtils.Data.borderTypes,p={solid:e.editingBorderStyleSolid,dot:e.editingBorderStyleDotted,dash:e.editingBorderStyleDashed,dashDot:e.editingBorderStyleDashDot,longDash:e.editingBorderStyleLongDash,longDashDot:e.editingBorderStyleLongDashDot,longDashDotDot:e.editingBorderStyleLongDashDotDot},S=t=>{const o=g.useLocalization(),n=o.toLanguageString(e.editingConnectionStyle,e.messages[e.editingConnectionStyle]),r=s.useMemo(()=>i.localizeDataLabels(a,o,p,c=>c.value),[o]);return s.createElement(D.IconsDropdown,{...t,data:r,buttonIcon:l.borderTypeIcon,buttonTitle:n,columns:a.length,popupClass:i.dropdownPopupClass})};exports.ConnectionStyle=S;

package/rich-text-editing/connection-style.mjs

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import { borderTypeIcon as d } from "@progress/kendo-svg-icons";
+import { EditingUtils as l } from "@progress/kendo-diagram-common";
+import { useLocalization as g } from "@progress/kendo-react-intl";
+import { editingConnectionStyle as e, messages as p, editingBorderStyleLongDashDotDot as D, editingBorderStyleLongDashDot as c, editingBorderStyleLongDash as m, editingBorderStyleDashDot as y, editingBorderStyleDashed as h, editingBorderStyleDotted as u, editingBorderStyleSolid as S } from "../messages/index.mjs";
+import { IconsDropdown as B } from "./Icons-Dropdown.mjs";
+import { localizeDataLabels as b, dropdownPopupClass as f } from "./utils.mjs";
+const r = l.Data.borderTypes, L = {
+  solid: S,
+  dot: u,
+  dash: h,
+  dashDot: y,
+  longDash: m,
+  longDashDot: c,
+  longDashDotDot: D
+}, E = (n) => {
+  const o = g(), i = o.toLanguageString(e, p[e]), s = t.useMemo(() => b(r, o, L, (a) => a.value), [o]);
+  return /* @__PURE__ */ t.createElement(
+    B,
+    {
+      ...n,
+      data: s,
+      buttonIcon: d,
+      buttonTitle: i,
+      columns: r.length,
+      popupClass: f
+    }
+  );
+};
+export {
+  E as ConnectionStyle
+};

package/rich-text-editing/connection-types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ConnectionType, DiagramEditorOverlayOwner } from '@progress/kendo-diagram-common';
+import * as React from 'react';
+/** @hidden */
+export declare const ConnectionTypes: (props: {
+    value: ConnectionType;
+    onSelect: (value: ConnectionType) => void;
+    overlayOwner: DiagramEditorOverlayOwner;
+}) => React.JSX.Element;

package/rich-text-editing/connection-types.js

@@ -0,0 +1,8 @@
+/**
+ * @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 u=require("react"),p=require("@progress/kendo-react-intl"),r=require("@progress/kendo-diagram-common"),t=require("../messages/index.js"),d=require("./Icons-Dropdown.js"),c=require("./utils.js");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const s=g(u),a=r.EditingUtils.Data.connectionTypes,y=r.EditingUtils.Icons.diagonalLineIcon,T={cascading:t.editingConnectionTypeCascading,polyline:t.editingConnectionTypePolyline},m=e=>{const n=p.useLocalization(),o=n.toLanguageString(t.editingConnectionType,t.messages[t.editingConnectionType]),i=s.useMemo(()=>c.localizeDataLabels(a,n,T,l=>l.value),[n]);return s.createElement(d.IconsDropdown,{...e,data:i,buttonIcon:y,buttonTitle:o,columns:a.length,popupClass:c.dropdownPopupClass})};exports.ConnectionTypes=m;