@progress/kendo-themes-html 7.0.1-dev.1 → 7.0.2-dev.0

package/dist/esm/editor/tests/editor.js

@@ -146,7 +146,6 @@ Editor.states = states;
 Editor.options = options;
 Editor.className = EDITOR_CLASSNAME;
 Editor.defaultProps = defaultProps;
-var editor_spec_default = Editor;
 
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
@@ -7670,27 +7669,39 @@ ToolbarPopup.options = options47;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps44;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 import { jsx as jsx111 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 import { jsx as jsx112 } from "react/jsx-runtime";
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 import { jsx as jsx113 } from "react/jsx-runtime";
 
+// src/split-button/templates/split-button-popup.tsx
+import { jsx as jsx114, jsxs as jsxs47 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-normal.tsx
+import { Fragment as Fragment29, jsx as jsx115, jsxs as jsxs48 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-resizable.tsx
+import { jsx as jsx116 } from "react/jsx-runtime";
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+import { jsx as jsx117 } from "react/jsx-runtime";
+
 // src/toolbar/templates/toolbar-angular-resizable.tsx
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 
 // src/editor/editor-toolbar.tsx
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var EDITORTOOLBAR_CLASSNAME = `k-editor-toolbar`;
 var EditorToolbar = (props) => {
   const {
     resizable,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx119(
     Toolbar,
     {
       ...other,
@@ -7705,7 +7716,7 @@ var EditorToolbar = (props) => {
 };
 
 // src/editor/editor-content.tsx
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var EDITORCONTENT_CLASSNAME = `k-editor-content`;
 var states50 = [
   States.focus
@@ -7715,7 +7726,7 @@ var EditorContent = (props) => {
     focus,
     ...other
   } = props;
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx120(
     "div",
     {
       ...other,
@@ -7732,11 +7743,28 @@ var EditorContent = (props) => {
 };
 
 // src/editor/templates/editor-normal.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
-var EditorNormal = (props) => /* @__PURE__ */ jsx117(editor_spec_default, { ...props });
+import { Fragment as Fragment30, jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
+var EditorNormal = (props) => /* @__PURE__ */ jsx121(
+  Editor,
+  {
+    children: [
+      /* @__PURE__ */ jsxs49(Fragment30, { children: [
+        /* @__PURE__ */ jsxs49(EditorToolbar, { resizable: true, children: [
+          /* @__PURE__ */ jsxs49(ButtonGroup, { children: [
+            /* @__PURE__ */ jsx121(Button, { icon: "undo" }),
+            /* @__PURE__ */ jsx121(Button, { icon: "redo" })
+          ] }),
+          /* @__PURE__ */ jsx121(Button, { icon: "more-vertical", className: "k-toolbar-overflow-button", fillMode: "flat", rounded: null })
+        ] }),
+        /* @__PURE__ */ jsx121(EditorContent, { children: /* @__PURE__ */ jsx121("iframe", { className: "k-iframe", frameBorder: "0", src: "editor-iFrameContent.html" }) })
+      ] })
+    ],
+    ...props
+  }
+);
 
 // src/editor/tests/editor.tsx
-import { Fragment as Fragment29, jsx as jsx118, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx122, jsxs as jsxs50 } from "react/jsx-runtime";
 var styles = `
     .k-editor .k-dialog-wrapper {
         position: static;
@@ -7753,249 +7781,240 @@ var styles = `
         position: relative;
     }
 `;
-var editor_default = () => /* @__PURE__ */ jsxs47(Fragment29, { children: [
-  /* @__PURE__ */ jsx118("style", { children: styles }),
-  /* @__PURE__ */ jsxs47("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ jsx118("span", { children: "Editor with iFrame; responsive toolbar" }),
-    /* @__PURE__ */ jsx118("span", { children: "Editor without iFrame; responsive toolbar" }),
-    /* @__PURE__ */ jsx118("section", { children: /* @__PURE__ */ jsxs47(EditorNormal, { style: { height: "300px" }, children: [
-      /* @__PURE__ */ jsxs47(EditorToolbar, { resizable: true, children: [
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "undo" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "redo" })
-        ] }),
-        /* @__PURE__ */ jsx118(Button, { icon: "more-vertical", className: "k-toolbar-overflow-button", fillMode: "flat", rounded: null })
-      ] }),
-      /* @__PURE__ */ jsx118(EditorContent, { children: /* @__PURE__ */ jsx118("iframe", { className: "k-iframe", frameBorder: "0", src: "editor-iFrameContent.html" }) })
-    ] }) }),
-    /* @__PURE__ */ jsx118("section", { children: /* @__PURE__ */ jsxs47(EditorNormal, { style: { height: "300px" }, children: [
-      /* @__PURE__ */ jsxs47(EditorToolbar, { resizable: true, children: [
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "undo" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "redo" })
+var editor_default = () => /* @__PURE__ */ jsxs50(Fragment31, { children: [
+  /* @__PURE__ */ jsx122("style", { children: styles }),
+  /* @__PURE__ */ jsxs50("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ jsx122("span", { children: "Editor with iFrame; responsive toolbar" }),
+    /* @__PURE__ */ jsx122("span", { children: "Editor without iFrame; responsive toolbar" }),
+    /* @__PURE__ */ jsx122("section", { children: /* @__PURE__ */ jsx122(EditorNormal, { style: { height: "300px" } }) }),
+    /* @__PURE__ */ jsx122("section", { children: /* @__PURE__ */ jsxs50(EditorNormal, { style: { height: "300px" }, children: [
+      /* @__PURE__ */ jsxs50(EditorToolbar, { resizable: true, children: [
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "undo" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "redo" })
         ] }),
-        /* @__PURE__ */ jsx118(Button, { icon: "more-vertical", className: "k-toolbar-overflow-button", fillMode: "flat", rounded: null })
+        /* @__PURE__ */ jsx122(Button, { icon: "more-vertical", className: "k-toolbar-overflow-button", fillMode: "flat", rounded: null })
       ] }),
-      /* @__PURE__ */ jsx118(EditorContent, { children: /* @__PURE__ */ jsxs47("div", { className: "ProseMirror", children: [
-        /* @__PURE__ */ jsx118("p", { children: /* @__PURE__ */ jsx118("table", { children: /* @__PURE__ */ jsxs47("tbody", { children: [
-          /* @__PURE__ */ jsxs47("tr", { children: [
-            /* @__PURE__ */ jsx118("td", { className: "selectedCell", children: "cell 1" }),
-            /* @__PURE__ */ jsx118("td", { children: "cell 2" }),
-            /* @__PURE__ */ jsx118("td", { children: "cell 3" })
+      /* @__PURE__ */ jsx122(EditorContent, { children: /* @__PURE__ */ jsxs50("div", { className: "ProseMirror", children: [
+        /* @__PURE__ */ jsx122("p", { children: /* @__PURE__ */ jsx122("table", { children: /* @__PURE__ */ jsxs50("tbody", { children: [
+          /* @__PURE__ */ jsxs50("tr", { children: [
+            /* @__PURE__ */ jsx122("td", { className: "selectedCell", children: "cell 1" }),
+            /* @__PURE__ */ jsx122("td", { children: "cell 2" }),
+            /* @__PURE__ */ jsx122("td", { children: "cell 3" })
           ] }),
-          /* @__PURE__ */ jsxs47("tr", { children: [
-            /* @__PURE__ */ jsx118("td", { children: "cell 4" }),
-            /* @__PURE__ */ jsx118("td", { children: "cell 5" }),
-            /* @__PURE__ */ jsx118("td", { children: "cell 6" })
+          /* @__PURE__ */ jsxs50("tr", { children: [
+            /* @__PURE__ */ jsx122("td", { children: "cell 4" }),
+            /* @__PURE__ */ jsx122("td", { children: "cell 5" }),
+            /* @__PURE__ */ jsx122("td", { children: "cell 6" })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsxs47("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx118("img", { className: "ProseMirror-selectednode", src: "/packages/html/assets/avatar.jpg" }),
-          /* @__PURE__ */ jsxs47("div", { className: "k-editor-resize-handles-wrapper ProseMirror-widget", style: { width: "100px", height: "110px", top: "0", left: "0" }, children: [
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle southeast" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle east" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle south" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle north" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle west" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle southwest" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle northwest" }),
-            /* @__PURE__ */ jsx118("div", { className: "k-editor-resize-handle northeast" })
+        /* @__PURE__ */ jsxs50("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx122("img", { className: "ProseMirror-selectednode", src: "/packages/html/assets/avatar.jpg" }),
+          /* @__PURE__ */ jsxs50("div", { className: "k-editor-resize-handles-wrapper ProseMirror-widget", style: { width: "100px", height: "110px", top: "0", left: "0" }, children: [
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle southeast" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle east" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle south" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle north" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle west" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle southwest" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle northwest" }),
+            /* @__PURE__ */ jsx122("div", { className: "k-editor-resize-handle northeast" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx118("p", { children: "The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way." }),
-        /* @__PURE__ */ jsxs47("p", { children: [
+        /* @__PURE__ */ jsx122("p", { children: "The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way." }),
+        /* @__PURE__ */ jsxs50("p", { children: [
           "In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",
-          /* @__PURE__ */ jsx118("strong", { children: "outputs identical HTML" }),
+          /* @__PURE__ */ jsx122("strong", { children: "outputs identical HTML" }),
           " across all major browsers, follows accessibility standards, and provides API for content manipulation."
         ] }),
-        /* @__PURE__ */ jsx118("p", { children: "Features include:" }),
-        /* @__PURE__ */ jsxs47("ul", { children: [
-          /* @__PURE__ */ jsx118("li", { children: "Text formatting" }),
-          /* @__PURE__ */ jsx118("li", { children: "Bulleted and numbered lists" }),
-          /* @__PURE__ */ jsx118("li", { children: "Hyperlinks" }),
-          /* @__PURE__ */ jsx118("li", { children: "Cross-browser support" }),
-          /* @__PURE__ */ jsx118("li", { children: "Identical HTML output across browsers" })
+        /* @__PURE__ */ jsx122("p", { children: "Features include:" }),
+        /* @__PURE__ */ jsxs50("ul", { children: [
+          /* @__PURE__ */ jsx122("li", { children: "Text formatting" }),
+          /* @__PURE__ */ jsx122("li", { children: "Bulleted and numbered lists" }),
+          /* @__PURE__ */ jsx122("li", { children: "Hyperlinks" }),
+          /* @__PURE__ */ jsx122("li", { children: "Cross-browser support" }),
+          /* @__PURE__ */ jsx122("li", { children: "Identical HTML output across browsers" })
         ] })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsx118("span", { children: "Editor with iFrame; NO-responsive toolbar" }),
-    /* @__PURE__ */ jsx118("span", { children: "Readonly Editor without iFrame; NO-responsive toolbar" }),
-    /* @__PURE__ */ jsx118("section", { children: /* @__PURE__ */ jsxs47(EditorNormal, { style: { height: "350px" }, children: [
-      /* @__PURE__ */ jsxs47(EditorToolbar, { children: [
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "bold" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "italic" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "underline" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "strikethrough" })
+    /* @__PURE__ */ jsx122("span", { children: "Editor with iFrame; NO-responsive toolbar" }),
+    /* @__PURE__ */ jsx122("span", { children: "Readonly Editor without iFrame; NO-responsive toolbar" }),
+    /* @__PURE__ */ jsx122("section", { children: /* @__PURE__ */ jsxs50(EditorNormal, { style: { height: "350px" }, children: [
+      /* @__PURE__ */ jsxs50(EditorToolbar, { children: [
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "bold" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "italic" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "underline" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "strikethrough" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "subscript" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "supscript" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "subscript" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "supscript" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "align-left" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-center" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-right" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-justify" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "align-left" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-center" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-right" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-justify" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "indent" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "outdent" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "indent" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "outdent" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "list-ordered" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "list-unordered" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "list-ordered" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "list-unordered" })
         ] }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Font Size" }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Font Name" }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Paragraph" }) }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "undo" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "redo" })
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Font Size" }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Font Name" }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Paragraph" }) }),
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "undo" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "redo" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "link" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "unlink" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "image" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "code" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "link" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "unlink" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "image" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "code" })
         ] }),
-        /* @__PURE__ */ jsx118(Button, { icon: "table-add" }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "table-row-insert-above" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-row-insert-below" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-insert-left" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-insert-right" })
+        /* @__PURE__ */ jsx122(Button, { icon: "table-add" }),
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "table-row-insert-above" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-row-insert-below" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-insert-left" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-insert-right" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "table-row-delete" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-delete" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-delete" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "table-row-delete" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-delete" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-delete" })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "cells-merge" }),
-          /* @__PURE__ */ jsx118(Button, { icon: "cell-split-horizontally" })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "cells-merge" }),
+          /* @__PURE__ */ jsx122(Button, { icon: "cell-split-horizontally" })
         ] }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(ColorPicker, { value: "red", valueIconName: "foreground-color" }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(ColorPicker, { value: "fuchsia", valueIconName: "droplet" }) }),
-        /* @__PURE__ */ jsx118(Button, { icon: "clear-css" })
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(ColorPicker, { value: "red", valueIconName: "foreground-color" }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(ColorPicker, { value: "fuchsia", valueIconName: "droplet" }) }),
+        /* @__PURE__ */ jsx122(Button, { icon: "clear-css" })
       ] }),
-      /* @__PURE__ */ jsx118(EditorContent, { focus: true, children: /* @__PURE__ */ jsx118("iframe", { className: "k-iframe", frameBorder: "0", src: "editor-iFrameContent.html" }) })
+      /* @__PURE__ */ jsx122(EditorContent, { focus: true, children: /* @__PURE__ */ jsx122("iframe", { className: "k-iframe", frameBorder: "0", src: "editor-iFrameContent.html" }) })
     ] }) }),
-    /* @__PURE__ */ jsx118("section", { children: /* @__PURE__ */ jsxs47(EditorNormal, { readonly: true, style: { height: "350px" }, children: [
-      /* @__PURE__ */ jsxs47(EditorToolbar, { children: [
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "bold", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "italic", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "underline", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "strikethrough", disabled: true })
+    /* @__PURE__ */ jsx122("section", { children: /* @__PURE__ */ jsxs50(EditorNormal, { readonly: true, style: { height: "350px" }, children: [
+      /* @__PURE__ */ jsxs50(EditorToolbar, { children: [
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "bold", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "italic", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "underline", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "strikethrough", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "subscript", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "supscript", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "subscript", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "supscript", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "align-left", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-center", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-right", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "align-justify", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "align-left", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-center", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-right", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "align-justify", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "indent", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "outdent", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "indent", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "outdent", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "list-ordered", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "list-unordered", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "list-ordered", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "list-unordered", disabled: true })
         ] }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Font Size", disabled: true }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Font Name", disabled: true }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(DropdownList, { value: "Paragraph", disabled: true }) }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "undo", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "redo", disabled: true })
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Font Size", disabled: true }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Font Name", disabled: true }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(DropdownList, { value: "Paragraph", disabled: true }) }),
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "undo", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "redo", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "link", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "unlink", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "image", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "code", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "link", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "unlink", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "image", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "code", disabled: true })
         ] }),
-        /* @__PURE__ */ jsx118(Button, { icon: "table-add", disabled: true }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "table-row-insert-below", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-insert-left", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-insert-right", disabled: true })
+        /* @__PURE__ */ jsx122(Button, { icon: "table-add", disabled: true }),
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "table-row-insert-below", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-insert-left", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-insert-right", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "table-row-delete", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-column-delete", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "table-delete", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "table-row-delete", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-column-delete", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "table-delete", disabled: true })
         ] }),
-        /* @__PURE__ */ jsxs47(ButtonGroup, { disabled: true, children: [
-          /* @__PURE__ */ jsx118(Button, { icon: "cells-merge", disabled: true }),
-          /* @__PURE__ */ jsx118(Button, { icon: "cell-split-horizontally", disabled: true })
+        /* @__PURE__ */ jsxs50(ButtonGroup, { disabled: true, children: [
+          /* @__PURE__ */ jsx122(Button, { icon: "cells-merge", disabled: true }),
+          /* @__PURE__ */ jsx122(Button, { icon: "cell-split-horizontally", disabled: true })
         ] }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(ColorPicker, { value: "red", valueIconName: "foreground-color", disabled: true }) }),
-        /* @__PURE__ */ jsx118(ToolbarItem, { children: /* @__PURE__ */ jsx118(ColorPicker, { value: "fuchsia", valueIconName: "droplet", disabled: true }) }),
-        /* @__PURE__ */ jsx118(Button, { icon: "clear-css", disabled: true })
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(ColorPicker, { value: "red", valueIconName: "foreground-color", disabled: true }) }),
+        /* @__PURE__ */ jsx122(ToolbarItem, { children: /* @__PURE__ */ jsx122(ColorPicker, { value: "fuchsia", valueIconName: "droplet", disabled: true }) }),
+        /* @__PURE__ */ jsx122(Button, { icon: "clear-css", disabled: true })
       ] }),
-      /* @__PURE__ */ jsx118(EditorContent, { focus: true, children: /* @__PURE__ */ jsxs47("div", { className: "ProseMirror", children: [
-        /* @__PURE__ */ jsx118("p", { children: "The Editor allows your users to edit HTML in a familiar, user-friendly way." }),
-        /* @__PURE__ */ jsxs47("p", { children: [
+      /* @__PURE__ */ jsx122(EditorContent, { focus: true, children: /* @__PURE__ */ jsxs50("div", { className: "ProseMirror", children: [
+        /* @__PURE__ */ jsx122("p", { children: "The Editor allows your users to edit HTML in a familiar, user-friendly way." }),
+        /* @__PURE__ */ jsxs50("p", { children: [
           "In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",
-          /* @__PURE__ */ jsx118("strong", { children: "outputs identical HTML" }),
+          /* @__PURE__ */ jsx122("strong", { children: "outputs identical HTML" }),
           " across all major browsers, follows accessibility standards, and provides API for content manipulation."
         ] }),
-        /* @__PURE__ */ jsx118("p", { children: "Features include:" }),
-        /* @__PURE__ */ jsxs47("ul", { children: [
-          /* @__PURE__ */ jsx118("li", { children: "Text formatting" }),
-          /* @__PURE__ */ jsx118("li", { children: "Bulleted and numbered lists" }),
-          /* @__PURE__ */ jsx118("li", { children: "Hyperlinks" }),
-          /* @__PURE__ */ jsx118("li", { children: "Cross-browser support" }),
-          /* @__PURE__ */ jsx118("li", { children: "Identical HTML output across browsers" })
+        /* @__PURE__ */ jsx122("p", { children: "Features include:" }),
+        /* @__PURE__ */ jsxs50("ul", { children: [
+          /* @__PURE__ */ jsx122("li", { children: "Text formatting" }),
+          /* @__PURE__ */ jsx122("li", { children: "Bulleted and numbered lists" }),
+          /* @__PURE__ */ jsx122("li", { children: "Hyperlinks" }),
+          /* @__PURE__ */ jsx122("li", { children: "Cross-browser support" }),
+          /* @__PURE__ */ jsx122("li", { children: "Identical HTML output across browsers" })
         ] })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ jsx118("span", { children: "Table Wizard" }),
-    /* @__PURE__ */ jsx118("span", {}),
-    /* @__PURE__ */ jsx118("section", { children: /* @__PURE__ */ jsxs47(Popup, { className: "k-ct-popup k-group k-reset", style: { display: "block", position: "absolute", width: "100%" }, children: [
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled k-selected" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("span", { className: "k-ct-cell k-disabled" }),
-      /* @__PURE__ */ jsx118("div", { className: "k-status", children: "Create a 3 x 5 table" }),
-      /* @__PURE__ */ jsx118("div", { children: /* @__PURE__ */ jsx118(Button, { icon: "table-wizard", children: "Table Wizard" }) })
+    /* @__PURE__ */ jsx122("span", { children: "Table Wizard" }),
+    /* @__PURE__ */ jsx122("span", {}),
+    /* @__PURE__ */ jsx122("section", { children: /* @__PURE__ */ jsxs50(Popup, { className: "k-ct-popup k-group k-reset", style: { display: "block", position: "absolute", width: "100%" }, children: [
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled k-selected" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("span", { className: "k-ct-cell k-disabled" }),
+      /* @__PURE__ */ jsx122("div", { className: "k-status", children: "Create a 3 x 5 table" }),
+      /* @__PURE__ */ jsx122("div", { children: /* @__PURE__ */ jsx122(Button, { icon: "table-wizard", children: "Table Wizard" }) })
     ] }) })
   ] })
 ] });

package/dist/esm/expansion-panel/expansion-panel.spec.js

@@ -4351,6 +4351,8 @@ ExpansionPanel.states = states4;
 ExpansionPanel.options = options4;
 ExpansionPanel.className = EXPANSION_PANEL_CLASSNAME;
 ExpansionPanel.defaultProps = defaultProps4;
+var expansion_panel_spec_default = ExpansionPanel;
 export {
-  ExpansionPanel
+  ExpansionPanel,
+  expansion_panel_spec_default as default
 };