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

package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js

@@ -7893,146 +7893,158 @@ ToolbarPopup.options = options49;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps46;
 
-// src/toolbar/templates/toolbar-normal.tsx
+// src/split-button/templates/icon-split-button.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-resizable.tsx
+// src/split-button/templates/icon-text-split-button.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-normal.tsx
+// src/split-button/templates/text-split-button.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
 
-// src/toolbar/templates/toolbar-angular-resizable.tsx
+// src/split-button/templates/split-button-popup.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
 
-// src/pivotgrid/tests/pivotgrid-jquery.tsx
+// src/toolbar/templates/toolbar-normal.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
-var pivotgrid_jquery_default = () => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { id: "test-area", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "hidden-on-narrow k-widget k-pivot", style: { height: "580px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("table", { className: "k-pivot-layout", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-pivot-rowheaders", style: { width: "163px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Toolbar, { className: "k-pivot-toolbar k-settings-measures k-pivot-setting", style: { height: "72px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+
+// src/toolbar/templates/toolbar-resizable.tsx
+var import_jsx_runtime126 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-normal.tsx
+var import_jsx_runtime127 = require("react/jsx-runtime");
+
+// src/toolbar/templates/toolbar-angular-resizable.tsx
+var import_jsx_runtime128 = require("react/jsx-runtime");
+
+// src/pivotgrid/tests/pivotgrid-jquery.tsx
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var pivotgrid_jquery_default = () => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { id: "test-area", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "hidden-on-narrow k-widget k-pivot", style: { height: "580px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("table", { className: "k-pivot-layout", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tbody", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-pivot-rowheaders", style: { width: "163px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Toolbar, { className: "k-pivot-toolbar k-settings-measures k-pivot-setting", style: { height: "72px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Chip,
       {
         text: "[Measures].[Reseller Freight Cost]",
-        actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "more" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "more" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" })
         ] })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Toolbar, { className: "k-pivot-toolbar k-settings-rows k-pivot-setting", style: { height: "94px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Toolbar, { className: "k-pivot-toolbar k-settings-rows k-pivot-setting", style: { height: "94px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Chip,
       {
         text: "[Geography].[City]",
-        actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "more" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "more" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" })
         ] })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid k-grid-md k-alt", style: { height: "363px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tr", { className: "k-table-row", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("td", { className: "k-table-td k-first", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "All Geographies" })
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid k-grid-md k-alt", style: { height: "363px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("colgroup", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tr", { className: "k-table-row", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("td", { className: "k-table-td k-first", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: "All Geographies" })
       ] }) }) })
     ] }) })
   ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-pivot-table", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Toolbar, { className: "k-pivot-toolbar k-settings-columns k-pivot-setting", style: { height: "72px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-pivot-table", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Toolbar, { className: "k-pivot-toolbar k-settings-columns k-pivot-setting", style: { height: "72px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         Chip,
         {
           text: "[Date].[Calendar]",
-          actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "more" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" })
+          actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "more" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         Chip,
         {
           text: "[Product].[Category]",
-          actions: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "more" }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ChipAction, { type: "remove" })
+          actions: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "more" }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ChipAction, { type: "remove" })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "k-grid k-grid-md", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-header-wrap", style: { height: "110px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "199%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "k-grid k-grid-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-header-wrap", style: { height: "110px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "199%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tbody", { className: "k-table-tbody", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", colSpan: 4, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-down" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Periods" })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tbody", { className: "k-table-tbody", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", colSpan: 4, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-down" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Periods" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header k-alt", colSpan: 1, rowSpan: 2, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Periods" }) }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header k-alt", colSpan: 1, rowSpan: 2, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-link", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Periods" }) }) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "CY 2005" })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "CY 2005" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "CY 2006" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "CY 2006" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "CY 2007" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "CY 2007" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "CY 2008" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "CY 2008" })
             ] }) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Products" })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Products" })
             ] }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "k-link", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { icon: "caret-alt-right" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "k-column-title", children: "All Products" })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("th", { className: "k-table-th k-header", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-cell-inner", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "k-link", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { icon: "caret-alt-right" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "k-column-title", children: "All Products" })
             ] }) }) })
           ] })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "k-grid-content", style: { height: "380px" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("table", { className: "k-table k-table-md k-grid-table", style: { width: "199%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("colgroup", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("col", {})
+      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "k-grid-content", style: { height: "380px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("table", { className: "k-table k-table-md k-grid-table", style: { width: "199%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("colgroup", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("col", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("tr", { className: "k-table-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "$201,635.92" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "$603,610.94" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "$805,067.19" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td", children: "$400,951.86" }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("td", { className: "k-table-td k-alt", children: "$2,011,265.92" })
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("tbody", { className: "k-table-tbody", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("tr", { className: "k-table-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "$201,635.92" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "$603,610.94" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "$805,067.19" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td", children: "$400,951.86" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("td", { className: "k-table-td k-alt", children: "$2,011,265.92" })
         ] }) })
       ] }) })
     ] })

package/dist/cjs/popover/templates/popover-normal.js

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover/templates/popover-normal.tsx
+var popover_normal_exports = {};
+__export(popover_normal_exports, {
+  PopoverNormal: () => PopoverNormal
+});
+module.exports = __toCommonJS(popover_normal_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/theme.ts
+var kendoThemeMaps = {
+  calloutMap: {
+    top: "n",
+    bottom: "s",
+    left: "w",
+    right: "e"
+  },
+  orientationMap: {
+    vertical: "vstack",
+    horizontal: "hstack"
+  }
+};
+
+// src/popover/popover.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var POPOVER_CLASSNAME = `k-popover`;
+var states = [];
+var options = {};
+var defaultProps = {};
+var Popover = (props) => {
+  const {
+    callout,
+    title,
+    body,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        POPOVER_CLASSNAME
+      ),
+      children: [
+        callout && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classNames(
+          "k-popover-callout",
+          {
+            [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "k-popover-inner", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "k-popover-header", children: title }),
+          body && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "k-popover-body", children: body }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children })
+        ] })
+      ]
+    }
+  );
+};
+Popover.states = states;
+Popover.options = options;
+Popover.className = POPOVER_CLASSNAME;
+Popover.defaultProps = defaultProps;
+var popover_spec_default = Popover;
+
+// src/popover/templates/popover-normal.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(popover_spec_default, { ...other, children });

package/dist/cjs/popover/tests/popover.js

@@ -183,9 +183,14 @@ Popover.states = states;
 Popover.options = options;
 Popover.className = POPOVER_CLASSNAME;
 Popover.defaultProps = defaultProps;
+var popover_spec_default = Popover;
 
-// src/icon/font-icon.spec.tsx
+// src/popover/templates/popover-normal.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverNormal = ({ children, ...other }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(popover_spec_default, { ...other, children });
+
+// src/icon/font-icon.spec.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
@@ -214,9 +219,9 @@ var FontIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     {
       ...other,
@@ -244,7 +249,7 @@ FontIcon.defaultProps = defaultProps2;
 var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
@@ -276,10 +281,10 @@ var SvgIcon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
   }
   if (icon === "none") {
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "span",
       {
         ...other,
@@ -292,7 +297,7 @@ var SvgIcon = (props) => {
     );
   }
   const name = typeof icon === "object" && icon.name && icon.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "span",
     {
       ...other,
@@ -310,7 +315,7 @@ var SvgIcon = (props) => {
           "k-flip-v": flip === "v" || flip === "both"
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "svg",
         {
           "aria-hidden": true,
@@ -4326,7 +4331,7 @@ var chartChoroplethIcon = {
 };
 
 // src/icon/icon.spec.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var snakeToCamel = (str) => str.toLowerCase().replace(
   /([-_][a-z])/g,
   (group) => group.toUpperCase().replace("-", "").replace("_", "")
@@ -4363,26 +4368,26 @@ var Icon = (props) => {
     ...other
   } = props;
   if (!icon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
   }
   if (type === "svg") {
     if (icon === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(svg_icon_spec_default, { ...other, icon, size });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(svg_icon_spec_default, { ...other, icon, size });
     }
     const iconSVG = snakeToCamel(`${icon}-icon`);
     if (!index_es_exports[iconSVG]) {
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(svg_icon_spec_default, { ...other, icon: index_es_exports[iconSVG], size, themeColor, rotate, flip, viewBox });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(font_icon_spec_default, { ...other, icon, size, themeColor, rotate, flip });
 };
 Icon.states = states4;
 Icon.options = options4;
 Icon.defaultProps = defaultProps4;
 
 // src/button/button.spec.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var BUTTON_CLASSNAME = `k-button`;
 var states5 = [
   States.hover,
@@ -4437,7 +4442,7 @@ var Button = (props) => {
   } = props;
   const hasIcon = icon !== void 0;
   const hasChildren = props.children !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "button",
     {
       ...other,
@@ -4462,18 +4467,18 @@ var Button = (props) => {
         }
       ),
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Icon,
           {
             className: classNames(iconClassName, "k-button-icon"),
             icon
           }
         ),
-        text ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          text && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "k-button-text", children: text }),
+        text ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          text && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-button-text", children: text }),
           props.children
-        ] }) : props.children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "k-button-text", children: props.children }),
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { icon: arrowIconName }) })
+        ] }) : props.children && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-button-text", children: props.children }),
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "k-menu-button-arrow k-button-arrow", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { icon: arrowIconName }) })
       ]
     }
   );
@@ -4484,16 +4489,16 @@ Button.className = BUTTON_CLASSNAME;
 Button.defaultProps = defaultProps5;
 
 // src/button/templates/icon-button.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 
 // src/button/templates/icon-text-button.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/button/templates/text-button.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/action-buttons/action-buttons.spec.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ACTIONBUTTONS_CLASSNAME = `k-actions`;
 var states6 = [];
 var options6 = {};
@@ -4507,7 +4512,7 @@ var ActionButtons = (props) => {
     orientation = defaultProps6.orientation,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       ...other,
@@ -4529,37 +4534,37 @@ ActionButtons.className = ACTIONBUTTONS_CLASSNAME;
 ActionButtons.defaultProps = defaultProps6;
 
 // src/popover/tests/popover.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var styles = `
     .k-popover {
         position: relative;
         overflow: visible;
     }
 `;
-var popover_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Callout top" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Callout right" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Callout bottom" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Callout left" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: "Empty body fixed height" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popover, { callout: "top", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+var popover_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Callout top" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Callout right" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Callout bottom" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Callout left" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Empty body fixed height" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverNormal, { callout: "top", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popover, { callout: "right", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverNormal, { callout: "right", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popover, { callout: "bottom", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverNormal, { callout: "bottom", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popover, { callout: "left", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", children: "Action" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverNormal, { callout: "left", title: "Title", body: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: "Body content" }), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(ActionButtons, { className: "k-popover-actions", alignment: "stretched", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", children: "Action" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { fillMode: "flat", themeColor: "primary", children: "Primary" })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Popover, { callout: "left", title: "Title", style: { height: "150px" } }) })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverNormal, { callout: "left", title: "Title", style: { height: "150px" } }) })
   ] })
 ] });