@progress/kendo-themes-html 7.2.1-dev.0 → 7.2.1-dev.2

package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js

@@ -5141,9 +5141,63 @@ InputValidationIcon.className = className6;
 
 // src/input/input-prefix.tsx
 import { Fragment as Fragment10, jsx as jsx34 } from "react/jsx-runtime";
+var className7 = `k-input-prefix`;
+var defaultProps16 = {
+  direction: "horizontal"
+};
+var InputPrefix = (props) => {
+  const {
+    direction = defaultProps16.direction,
+    ...other
+  } = props;
+  if (!props.children) {
+    return /* @__PURE__ */ jsx34(Fragment10, {});
+  }
+  return /* @__PURE__ */ jsx34(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        className7,
+        props.className,
+        {
+          [`k-input-prefix-${direction}`]: direction
+        }
+      ),
+      children: props.children
+    }
+  );
+};
 
 // src/input/input-suffix.tsx
 import { Fragment as Fragment11, jsx as jsx35 } from "react/jsx-runtime";
+var className8 = `k-input-suffix`;
+var defaultProps17 = {
+  direction: "horizontal"
+};
+var InputSuffix = (props) => {
+  const {
+    direction = defaultProps17.direction,
+    ...other
+  } = props;
+  if (!props.children) {
+    return /* @__PURE__ */ jsx35(Fragment11, {});
+  }
+  return /* @__PURE__ */ jsx35(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        className8,
+        props.className,
+        {
+          [`k-input-suffix-${direction}`]: direction
+        }
+      ),
+      children: props.children
+    }
+  );
+};
 
 // src/input/input-prefix-text.tsx
 import { jsx as jsx36 } from "react/jsx-runtime";
@@ -5153,6 +5207,29 @@ import { jsx as jsx37 } from "react/jsx-runtime";
 
 // src/input/input-separator.tsx
 import { jsx as jsx38 } from "react/jsx-runtime";
+var className9 = `k-input-separator`;
+var defaultProps18 = {
+  direction: "vertical"
+};
+var InputSeparator = (props) => {
+  const {
+    direction = defaultProps18.direction,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx38(
+    "span",
+    {
+      ...other,
+      className: classNames(
+        className9,
+        props.className,
+        {
+          [`${className9}-${direction}`]: direction
+        }
+      )
+    }
+  );
+};
 
 // src/searchbox/searchbox.spec.tsx
 import { jsx as jsx39, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -5171,7 +5248,7 @@ var options18 = {
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
 };
-var defaultProps16 = {
+var defaultProps19 = {
   showIcon: true,
   icon: "search",
   size: Input.defaultProps.size,
@@ -5192,8 +5269,8 @@ var Searchbox = (props) => {
     required,
     loading,
     disabled,
-    showIcon = defaultProps16.showIcon,
-    icon = defaultProps16.icon,
+    showIcon = defaultProps19.showIcon,
+    icon = defaultProps19.icon,
     ...other
   } = props;
   return /* @__PURE__ */ jsxs6(
@@ -5224,7 +5301,7 @@ var Searchbox = (props) => {
 Searchbox.states = states19;
 Searchbox.options = options18;
 Searchbox.className = SEARCHBOX_CLASSNAME;
-Searchbox.defaultProps = defaultProps16;
+Searchbox.defaultProps = defaultProps19;
 
 // src/searchbox/templates/searchbox-normal.tsx
 import { jsx as jsx40 } from "react/jsx-runtime";
@@ -5237,12 +5314,12 @@ var states20 = [];
 var options19 = {
   size: [Size.small, Size.medium, Size.large]
 };
-var defaultProps17 = {
+var defaultProps20 = {
   size: Size.medium
 };
 var Treeview = (props) => {
   const {
-    size = defaultProps17.size,
+    size = defaultProps20.size,
     children,
     dir,
     ...other
@@ -5294,12 +5371,12 @@ var Treeview = (props) => {
 Treeview.states = states20;
 Treeview.options = options19;
 Treeview.className = TREEVIEW_CLASSNAME;
-Treeview.defaultProps = defaultProps17;
+Treeview.defaultProps = defaultProps20;
 
 // src/treeview/treeview-group.tsx
 import { jsx as jsx42 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
-var className7 = `k-treeview-group`;
+var className10 = `k-treeview-group`;
 var TreeviewGroup = (props) => {
   const {
     children,
@@ -5323,7 +5400,7 @@ var TreeviewGroup = (props) => {
       }
     }
   }
-  return /* @__PURE__ */ jsx42("ul", { className: classNames(props.className, className7), children: listChildren });
+  return /* @__PURE__ */ jsx42("ul", { className: classNames(props.className, className10), children: listChildren });
 };
 
 // src/treeview/treeview-leaf.tsx
@@ -5381,7 +5458,7 @@ var states22 = [
   States.disabled
 ];
 var options21 = {};
-var defaultProps18 = {};
+var defaultProps21 = {};
 var TreeviewItem = (props) => {
   const {
     leafClassName,
@@ -5464,7 +5541,7 @@ var TreeviewItem = (props) => {
 TreeviewItem.states = states22;
 TreeviewItem.options = options21;
 TreeviewItem.className = TREEVIEWITEM_CLASSNAME;
-TreeviewItem.defaultProps = defaultProps18;
+TreeviewItem.defaultProps = defaultProps21;
 var treeview_item_spec_default = TreeviewItem;
 
 // src/treeview/templates/treeview-normal.tsx
@@ -5484,7 +5561,7 @@ import { jsx as jsx49 } from "react/jsx-runtime";
 var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states23 = [];
 var options22 = {};
-var defaultProps19 = {
+var defaultProps22 = {
   positionMode: "absolute"
 };
 var AnimationContainer = (props) => {
@@ -5513,14 +5590,14 @@ var AnimationContainer = (props) => {
 AnimationContainer.states = states23;
 AnimationContainer.options = options22;
 AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
-AnimationContainer.defaultProps = defaultProps19;
+AnimationContainer.defaultProps = defaultProps22;
 
 // src/popup/popup.spec.tsx
 import { jsx as jsx50 } from "react/jsx-runtime";
 var POPUP_CLASSNAME = `k-popup`;
 var states24 = [];
 var options23 = {};
-var defaultProps20 = {
+var defaultProps23 = {
   positionMode: "absolute"
 };
 var Popup = (props) => {
@@ -5541,10 +5618,818 @@ var Popup = (props) => {
 Popup.states = states24;
 Popup.options = options23;
 Popup.className = POPUP_CLASSNAME;
-Popup.defaultProps = defaultProps20;
+Popup.defaultProps = defaultProps23;
+
+// src/column-menu/column-menu.spec.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var COLUMNMENU_CLASSNAME = `k-column-menu`;
+var states25 = [];
+var options24 = {};
+var defaultProps24 = {
+  view: "list"
+};
+var ColumnMenu = (props) => {
+  const {
+    view = defaultProps24.view,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx51(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        COLUMNMENU_CLASSNAME,
+        {
+          "k-column-menu-tabbed": view === "tabbed"
+        }
+      ),
+      children: props.children
+    }
+  );
+};
+ColumnMenu.states = states25;
+ColumnMenu.options = options24;
+ColumnMenu.className = COLUMNMENU_CLASSNAME;
+ColumnMenu.defaultProps = defaultProps24;
+
+// src/column-menu/column-menu-item.spec.tsx
+import { jsx as jsx52, jsxs as jsxs12 } from "react/jsx-runtime";
+var COLUMNMENUITEM_CLASSNAME = `k-columnmenu-item`;
+var states26 = [
+  States.focus,
+  States.selected
+];
+var options25 = {};
+var defaultProps25 = {};
+var ColumnMenuItem = (props) => {
+  const {
+    focus,
+    selected,
+    text,
+    icon,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        COLUMNMENUITEM_CLASSNAME,
+        stateClassNames(COLUMNMENUITEM_CLASSNAME, {
+          focus,
+          selected
+        })
+      ),
+      children: [
+        /* @__PURE__ */ jsx52(Icon, { icon }),
+        text,
+        props.children
+      ]
+    }
+  );
+};
+ColumnMenuItem.states = states26;
+ColumnMenuItem.options = options25;
+ColumnMenuItem.className = COLUMNMENUITEM_CLASSNAME;
+ColumnMenuItem.defaultProps = defaultProps25;
+
+// src/column-menu/column-menu-item-wrapper.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var className11 = `k-columnmenu-item-wrapper`;
+var ColumnMenuItemWrapper = (props) => /* @__PURE__ */ jsx53(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      props.className,
+      className11
+    ),
+    children: props.children
+  }
+);
+
+// src/column-menu/column-menu-item-content.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+var className12 = `k-columnmenu-item-content`;
+var ColumnMenuItemContent = (props) => /* @__PURE__ */ jsx54(
+  "div",
+  {
+    ...props,
+    className: classNames(
+      props.className,
+      className12,
+      "k-columns-item"
+    ),
+    children: props.children
+  }
+);
+
+// src/column-menu/filter-menu.spec.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+var FILTERMENU_CLASSNAME = `k-filter-menu`;
+var states27 = [];
+var options26 = {};
+var defaultProps26 = {};
+var FilterMenu = (props) => {
+  const {
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx55(
+    "form",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        FILTERMENU_CLASSNAME
+      ),
+      children: /* @__PURE__ */ jsx55("div", { className: "k-filter-menu-container", children: props.children })
+    }
+  );
+};
+FilterMenu.states = states27;
+FilterMenu.options = options26;
+FilterMenu.className = FILTERMENU_CLASSNAME;
+FilterMenu.defaultProps = defaultProps26;
+
+// src/column-menu/column-menu-multicheck-wrap.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+
+// src/column-menu/column-menu-multicheck-item.tsx
+import { jsx as jsx57, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// src/column-menu/column-menu-expander.spec.tsx
+import { Fragment as Fragment13, jsx as jsx58, jsxs as jsxs14 } from "react/jsx-runtime";
+var COLUMNMENUEXPANDER_CLASSNAME = `k-expander`;
+var states28 = [];
+var options27 = {};
+var defaultProps27 = {};
+var ColumnMenuExpander = (props) => {
+  const {
+    itemText,
+    itemIcon,
+    expanded,
+    itemContent,
+    expanderIcon,
+    ...other
+  } = props;
+  let icon = /* @__PURE__ */ jsx58(Fragment13, {});
+  if (!expanded && !expanderIcon) {
+    icon = /* @__PURE__ */ jsx58(Icon, { icon: "chevron-down" });
+  } else if (expanded && !expanderIcon) {
+    icon = /* @__PURE__ */ jsx58(Icon, { icon: "chevron-up" });
+  } else {
+    icon = /* @__PURE__ */ jsx58(Icon, { icon: expanderIcon });
+  }
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        COLUMNMENUEXPANDER_CLASSNAME
+      ),
+      children: [
+        /* @__PURE__ */ jsxs14(ColumnMenuItem, { text: itemText, icon: itemIcon, children: [
+          /* @__PURE__ */ jsx58("span", { className: "k-spacer" }),
+          /* @__PURE__ */ jsx58("span", { className: "k-expander-indicator", children: icon })
+        ] }),
+        expanded && /* @__PURE__ */ jsx58(ColumnMenuItemContent, { children: itemContent }),
+        props.children
+      ]
+    }
+  );
+};
+ColumnMenuExpander.states = states28;
+ColumnMenuExpander.options = options27;
+ColumnMenuExpander.className = COLUMNMENUEXPANDER_CLASSNAME;
+ColumnMenuExpander.defaultProps = defaultProps27;
+
+// src/column-menu/templates/column-menu-normal.tsx
+import { jsx as jsx59, jsxs as jsxs15 } from "react/jsx-runtime";
+var ColumnMenuNormal = (props) => /* @__PURE__ */ jsx59(
+  ColumnMenu,
+  {
+    children: [
+      /* @__PURE__ */ jsxs15(ColumnMenuItemWrapper, { children: [
+        /* @__PURE__ */ jsx59(ColumnMenuItem, { text: "Item 1", icon: "sort-asc-small" }),
+        /* @__PURE__ */ jsx59(ColumnMenuItem, { text: "Item 2", icon: "sort-desc-small" })
+      ] }),
+      /* @__PURE__ */ jsx59(ColumnMenuItemWrapper, { children: /* @__PURE__ */ jsx59(ColumnMenuExpander, { itemText: "Expandable item 1", itemIcon: "columns" }) }),
+      /* @__PURE__ */ jsx59(ColumnMenuItemWrapper, { children: /* @__PURE__ */ jsx59(ColumnMenuExpander, { itemText: "Expandable item 2", itemIcon: "filter" }) }),
+      /* @__PURE__ */ jsx59(ColumnMenuItemWrapper, { children: /* @__PURE__ */ jsx59(ColumnMenuExpander, { itemText: "Item with icons", itemIcon: "arrows-left-right", expanderIcon: "window-restore" }) })
+    ],
+    ...props
+  }
+);
+
+// src/column-menu/templates/column-menu-tabbed.tsx
+import { jsx as jsx60, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// src/dropdownlist/dropdownlist.spec.tsx
+import { Fragment as Fragment14, jsx as jsx61, jsxs as jsxs17 } from "react/jsx-runtime";
+var DROPDOWNLIST_CLASSNAME = `k-dropdownlist`;
+var states29 = [
+  States.hover,
+  States.focus,
+  States.valid,
+  States.invalid,
+  States.required,
+  States.disabled,
+  States.loading,
+  States.readonly
+];
+var options28 = {
+  size: [Size.small, Size.medium, Size.large],
+  rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+  fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
+};
+var defaultProps28 = {
+  showValue: true,
+  arrowIconName: "caret-alt-down",
+  size: Size.medium,
+  rounded: Roundness.medium,
+  fillMode: FillMode.solid
+};
+var DropdownList = (props) => {
+  const {
+    valueIconName,
+    arrowIconName = defaultProps28.arrowIconName,
+    prefix,
+    suffix,
+    value,
+    placeholder,
+    size,
+    rounded,
+    fillMode,
+    hover,
+    focus,
+    valid,
+    invalid,
+    required,
+    loading,
+    disabled,
+    readonly,
+    showValue = defaultProps28.showValue,
+    popup,
+    opened,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs17(Fragment14, { children: [
+    /* @__PURE__ */ jsxs17(
+      Picker,
+      {
+        ...other,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        readonly,
+        className: classNames(
+          props.className,
+          DROPDOWNLIST_CLASSNAME,
+          {
+            "k-icon-picker": !showValue && valueIconName
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx61(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx61(
+            InputInnerSpan,
+            {
+              placeholder,
+              value,
+              showValue,
+              valueIconName
+            }
+          ),
+          /* @__PURE__ */ jsx61(
+            InputValidationIcon,
+            {
+              valid,
+              invalid,
+              loading,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx61(
+            InputLoadingIcon,
+            {
+              loading,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx61(InputSuffix, { children: suffix }),
+          /* @__PURE__ */ jsx61(
+            Button,
+            {
+              className: "k-input-button",
+              icon: arrowIconName,
+              rounded: null,
+              size: props.size,
+              fillMode: props.fillMode
+            }
+          )
+        ]
+      }
+    ),
+    opened && popup && /* @__PURE__ */ jsx61(Popup, { className: "k-list-container k-dropdownlist-popup", children: popup })
+  ] });
+};
+DropdownList.states = states29;
+DropdownList.options = options28;
+DropdownList.className = DROPDOWNLIST_CLASSNAME;
+DropdownList.defaultProps = defaultProps28;
+
+// src/dropdownlist/templates/dropdownlist-normal.tsx
+import { jsx as jsx62 } from "react/jsx-runtime";
+
+// src/nodata/nodata.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+var className13 = `k-nodata`;
+var NoData = (props) => /* @__PURE__ */ jsx63("span", { className: classNames(className13, props.className), children: props.children });
+
+// src/list/list.spec.tsx
+import { jsx as jsx64, jsxs as jsxs18 } from "react/jsx-runtime";
+var LIST_CLASSNAME = `k-list`;
+var states30 = [];
+var options29 = {
+  size: [Size.small, Size.medium, Size.large]
+};
+var defaultProps29 = {
+  size: Size.medium
+};
+var List = (props) => {
+  const {
+    size = defaultProps29.size,
+    virtualization,
+    children,
+    optionLabel,
+    ...other
+  } = props;
+  let listHeader;
+  let listGroup;
+  let listContent;
+  const listChildren = [];
+  if (children) {
+    children.map((child, index) => {
+      if (child.type === ListGroup) {
+        if (child.props.root === true) {
+          listHeader = child.props.label;
+          child.props.children.map((optChild, index2) => {
+            listChildren.push(
+              /* @__PURE__ */ jsx64(
+                ListItem,
+                {
+                  ...optChild.props
+                },
+                `optChild-${index2}-${(/* @__PURE__ */ new Date()).getTime()}`
+              )
+            );
+          });
+        } else {
+          child.props.children.forEach((optChild, index2) => {
+            let groupLabel = "";
+            if (index2 === 0) {
+              groupLabel = child.props.label;
+            }
+            listChildren.push(
+              /* @__PURE__ */ jsx64(
+                ListItem,
+                {
+                  className: index2 === 0 ? "k-first" : "",
+                  ...optChild.props,
+                  groupLabel
+                },
+                `groupLabel-${index2}-${(/* @__PURE__ */ new Date()).getTime()}`
+              )
+            );
+          });
+        }
+        listGroup = /* @__PURE__ */ jsx64(ListGroup, { label: listHeader, virtualization, children: listChildren });
+      } else if (child.type === ListItem) {
+        listChildren.push(/* @__PURE__ */ jsx64(ListItem, { ...child.props }, `${child.type}-${index}`));
+        listContent = /* @__PURE__ */ jsx64(ListContent, { virtualization, children: listChildren });
+      }
+    });
+  } else {
+    listContent = /* @__PURE__ */ jsx64(NoData, { children: "No data found." });
+  }
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LIST_CLASSNAME,
+        optionClassNames(LIST_CLASSNAME, {
+          size
+        }),
+        {
+          ["k-virtual-list"]: virtualization
+        }
+      ),
+      children: [
+        optionLabel,
+        listGroup,
+        listContent
+      ]
+    }
+  );
+};
+List.states = states30;
+List.options = options29;
+List.className = LIST_CLASSNAME;
+List.defaultProps = defaultProps29;
+
+// src/list/list-angular.spec.tsx
+import { jsx as jsx65, jsxs as jsxs19 } from "react/jsx-runtime";
+var LISTANGULAR_CLASSNAME = `k-list`;
+var states31 = [];
+var options30 = {
+  size: [Size.small, Size.medium, Size.large]
+};
+var defaultProps30 = {
+  size: Size.medium
+};
+var ListAngular = (props) => {
+  const {
+    size = defaultProps30.size,
+    virtualization,
+    children,
+    ...other
+  } = props;
+  let listHeader;
+  let listGroup;
+  let listContent;
+  const listChildren = [];
+  if (children) {
+    children.map((child, index) => {
+      if (child.type === ListGroup) {
+        if (child.props.root === true) {
+          listHeader = child.props.label;
+          child.props.children.map((optChild, index2) => {
+            listChildren.push(
+              /* @__PURE__ */ jsx65(
+                ListItem,
+                {
+                  ...optChild.props
+                },
+                `optChild-${index2}-${(/* @__PURE__ */ new Date()).getTime()}`
+              )
+            );
+          });
+        } else {
+          listChildren.push(
+            /* @__PURE__ */ jsx65(
+              ListGroupItem,
+              {
+                ...child.props,
+                children: child.props.label
+              },
+              `listChild-${index}`
+            )
+          );
+          child.props.children.map((optChild, index2) => {
+            listChildren.push(
+              /* @__PURE__ */ jsx65(
+                ListItem,
+                {
+                  ...optChild.props
+                },
+                `fwOptChild-${index2}-${(/* @__PURE__ */ new Date()).getTime()}`
+              )
+            );
+          });
+        }
+        listGroup = /* @__PURE__ */ jsx65(ListGroup, { label: listHeader, virtualization, children: listChildren });
+      } else if (child.type === ListItem) {
+        listChildren.push(/* @__PURE__ */ jsx65(ListItem, { ...child.props }, `${child.type}-${index}`));
+        listContent = /* @__PURE__ */ jsx65(ListContent, { virtualization, children: listChildren });
+      }
+    });
+  } else {
+    listContent = /* @__PURE__ */ jsx65(NoData, { children: "No data found." });
+  }
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LISTANGULAR_CLASSNAME,
+        optionClassNames(LISTANGULAR_CLASSNAME, {
+          size
+        }),
+        {
+          ["k-virtual-list"]: virtualization
+        }
+      ),
+      children: [
+        listGroup,
+        listContent
+      ]
+    }
+  );
+};
+ListAngular.states = states31;
+ListAngular.options = options30;
+ListAngular.className = LISTANGULAR_CLASSNAME;
+ListAngular.defaultProps = defaultProps30;
+
+// src/list/list-item.spec.tsx
+import { jsx as jsx66, jsxs as jsxs20 } from "react/jsx-runtime";
+var LISTITEM_CLASSNAME = `k-list-item`;
+var states32 = [
+  States.hover,
+  States.focus,
+  States.selected,
+  States.disabled
+];
+var options31 = {};
+var defaultProps31 = {};
+var ListItem = (props) => {
+  const {
+    text,
+    groupLabel,
+    showIcon,
+    iconName,
+    showCheckbox,
+    checked,
+    hover,
+    focus,
+    selected,
+    disabled,
+    ...other
+  } = props;
+  const textOrChildren = text ? text : props.children;
+  return /* @__PURE__ */ jsxs20(
+    "li",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LISTITEM_CLASSNAME,
+        stateClassNames(LISTITEM_CLASSNAME, {
+          hover,
+          focus,
+          disabled,
+          selected
+        })
+      ),
+      children: [
+        showCheckbox && /* @__PURE__ */ jsx66(Checkbox, { checked }),
+        showIcon && /* @__PURE__ */ jsx66(Icon, { icon: iconName }),
+        /* @__PURE__ */ jsx66("span", { className: "k-list-item-text", children: textOrChildren }),
+        groupLabel && groupLabel !== "" && /* @__PURE__ */ jsx66("div", { className: "k-list-item-group-label", children: groupLabel })
+      ]
+    }
+  );
+};
+ListItem.states = states32;
+ListItem.options = options31;
+ListItem.className = LISTITEM_CLASSNAME;
+ListItem.defaultProps = defaultProps31;
+
+// src/list/list-content.tsx
+import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
+var className14 = `k-list-content`;
+var ListContent = (props) => {
+  const {
+    virtualization
+  } = props;
+  return /* @__PURE__ */ jsxs21("div", { className: classNames(className14, props.className), children: [
+    /* @__PURE__ */ jsx67("ul", { className: classNames("k-list-ul"), children: props.children }),
+    virtualization && /* @__PURE__ */ jsx67("div", { className: "k-height-container", children: /* @__PURE__ */ jsx67("div", {}) })
+  ] });
+};
+
+// src/list/list-header.tsx
+import { jsx as jsx68 } from "react/jsx-runtime";
+var className15 = `k-list-group-sticky-header`;
+var ListHeader = (props) => /* @__PURE__ */ jsx68("div", { className: classNames(className15, props.className), children: /* @__PURE__ */ jsx68("div", { className: "k-list-header-text", children: props.children }) });
+
+// src/list/list-group.tsx
+import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs22 } from "react/jsx-runtime";
+var ListGroup = (props) => {
+  const {
+    virtualization,
+    label
+  } = props;
+  return /* @__PURE__ */ jsxs22(Fragment15, { children: [
+    label && /* @__PURE__ */ jsx69(ListHeader, { children: label }),
+    props.children && /* @__PURE__ */ jsx69(ListContent, { virtualization, children: props.children })
+  ] });
+};
+
+// src/list/list-group-item.tsx
+import { jsx as jsx70 } from "react/jsx-runtime";
+var className16 = `k-list-group-item`;
+var ListGroupItem = (props) => /* @__PURE__ */ jsx70("li", { className: classNames(className16, props.className), children: /* @__PURE__ */ jsx70("span", { className: "k-list-item-text", children: props.children }) });
+
+// src/list/list-option-label.tsx
+import { jsx as jsx71 } from "react/jsx-runtime";
+var LIST_OPTIONLABEL_CLASSNAME = `k-list-optionlabel`;
+var states33 = [
+  States.hover,
+  States.focus,
+  States.selected,
+  States.disabled
+];
+var options32 = {};
+var defaultProps32 = {};
+var ListOptionLabel = (props) => {
+  const {
+    text,
+    hover,
+    focus,
+    selected,
+    disabled,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx71(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        LIST_OPTIONLABEL_CLASSNAME,
+        stateClassNames(LIST_OPTIONLABEL_CLASSNAME, {
+          hover,
+          focus,
+          selected,
+          disabled
+        })
+      ),
+      children: text
+    }
+  );
+};
+ListOptionLabel.states = states33;
+ListOptionLabel.options = options32;
+ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
+ListOptionLabel.defaultProps = defaultProps32;
+
+// src/list/templates/list-normal.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+
+// src/list/templates/list-virtualization.tsx
+import { jsx as jsx73 } from "react/jsx-runtime";
+
+// src/list/templates/list-grouping.tsx
+import { jsx as jsx74, jsxs as jsxs23 } from "react/jsx-runtime";
+
+// src/list/templates/list-virualization-grouping.tsx
+import { jsx as jsx75, jsxs as jsxs24 } from "react/jsx-runtime";
+
+// src/list/templates/list-virtualization-angular.tsx
+import { jsx as jsx76 } from "react/jsx-runtime";
+
+// src/list/templates/list-grouping-angular.tsx
+import { jsx as jsx77, jsxs as jsxs25 } from "react/jsx-runtime";
+
+// src/list/templates/list-virualization-grouping-angular.tsx
+import { jsx as jsx78, jsxs as jsxs26 } from "react/jsx-runtime";
+
+// src/dropdownlist/templates/dropdownlist-popup.tsx
+import { jsx as jsx79, jsxs as jsxs27 } from "react/jsx-runtime";
+
+// src/dropdownlist/templates/dropdownlist-filtering.tsx
+import { Fragment as Fragment16, jsx as jsx80, jsxs as jsxs28 } from "react/jsx-runtime";
+
+// src/dropdownlist/templates/dropdownlist-grouping.tsx
+import { jsx as jsx81, jsxs as jsxs29 } from "react/jsx-runtime";
+
+// src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
+import { Fragment as Fragment17, jsx as jsx82, jsxs as jsxs30 } from "react/jsx-runtime";
+
+// src/textbox/textbox.spec.tsx
+import { Fragment as Fragment18, jsx as jsx83, jsxs as jsxs31 } from "react/jsx-runtime";
+var TEXTBOX_CLASSNAME = `k-textbox`;
+var states34 = [
+  States.hover,
+  States.focus,
+  States.valid,
+  States.invalid,
+  States.required,
+  States.disabled,
+  States.loading,
+  States.readonly
+];
+var options33 = {
+  size: [Size.small, Size.medium, Size.large],
+  rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
+  fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
+};
+var defaultProps33 = {
+  showClearButton: true,
+  size: Input.defaultProps.size,
+  rounded: Input.defaultProps.rounded,
+  fillMode: Input.defaultProps.fillMode
+};
+var Textbox = (props) => {
+  const {
+    prefix,
+    suffix,
+    value,
+    placeholder,
+    size,
+    rounded,
+    fillMode,
+    hover,
+    focus,
+    valid,
+    invalid,
+    required,
+    loading,
+    disabled,
+    readonly,
+    showClearButton = defaultProps33.showClearButton,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs31(
+    Input,
+    {
+      ...other,
+      size,
+      rounded,
+      fillMode,
+      hover,
+      focus,
+      valid,
+      invalid,
+      required,
+      loading,
+      disabled,
+      readonly,
+      className: classNames(props.className, TEXTBOX_CLASSNAME),
+      children: [
+        prefix && /* @__PURE__ */ jsxs31(Fragment18, { children: [
+          /* @__PURE__ */ jsx83(InputPrefix, { children: prefix }),
+          /* @__PURE__ */ jsx83(InputSeparator, {})
+        ] }),
+        /* @__PURE__ */ jsx83(InputInnerInput, { placeholder, value }),
+        /* @__PURE__ */ jsx83(
+          InputValidationIcon,
+          {
+            valid,
+            invalid,
+            loading,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx83(
+          InputLoadingIcon,
+          {
+            loading,
+            disabled
+          }
+        ),
+        showClearButton && /* @__PURE__ */ jsx83(
+          InputClearValue,
+          {
+            loading,
+            disabled,
+            readonly,
+            value
+          }
+        ),
+        suffix && /* @__PURE__ */ jsxs31(Fragment18, { children: [
+          /* @__PURE__ */ jsx83(InputSeparator, {}),
+          /* @__PURE__ */ jsx83(InputSuffix, { children: suffix })
+        ] })
+      ]
+    }
+  );
+};
+Textbox.states = states34;
+Textbox.options = options33;
+Textbox.className = TEXTBOX_CLASSNAME;
+Textbox.defaultProps = defaultProps33;
+
+// src/textbox/templates/textbox-normal.tsx
+import { jsx as jsx84 } from "react/jsx-runtime";
+
+// src/textbox/templates/textbox-prefix.tsx
+import { Fragment as Fragment19, jsx as jsx85 } from "react/jsx-runtime";
+
+// src/textbox/templates/textbox-suffix.tsx
+import { Fragment as Fragment20, jsx as jsx86 } from "react/jsx-runtime";
+
+// src/column-menu/templates/filter-menu-normal.tsx
+import { jsx as jsx87, jsxs as jsxs32 } from "react/jsx-runtime";
+
+// src/column-menu/templates/filter-menu-multi-check.tsx
+import { jsx as jsx88, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/pivotgrid/tests/pivotgrid-settings-panel-reordering.tsx
-import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx89, jsxs as jsxs34 } from "react/jsx-runtime";
 var style = `
     .k-animation-container {
         bottom: 160px;
@@ -5552,371 +6437,350 @@ var style = `
         position: relative;
     }
 `;
-var pivotgrid_settings_panel_reordering_default = () => /* @__PURE__ */ jsxs12(Fragment13, { children: [
-  /* @__PURE__ */ jsx51("style", { children: style }),
-  /* @__PURE__ */ jsxs12("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
-    /* @__PURE__ */ jsx51("section", { children: /* @__PURE__ */ jsxs12("div", { className: "k-d-flex k-flex-row k-pos-relative", children: [
-      /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-configurator k-pivotgrid-configurator-vertical k-pivotgrid-configurator-push", style: { height: "552px" }, children: /* @__PURE__ */ jsxs12("div", { className: "k-pivotgrid-configurator-panel", children: [
-        /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-configurator-header", children: /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-configurator-header-text", children: "Settings" }) }),
-        /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-configurator-content", children: /* @__PURE__ */ jsxs12("form", { className: "k-form k-form-md k-form-horizontal", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "k-form-field", children: [
-            /* @__PURE__ */ jsx51("label", { className: "k-label", children: "Fields" }),
-            /* @__PURE__ */ jsx51("span", { className: "k-spacer" }),
-            /* @__PURE__ */ jsx51(Searchbox, { placeholder: "Search..." })
+var pivotgrid_settings_panel_reordering_default = () => /* @__PURE__ */ jsxs34(Fragment21, { children: [
+  /* @__PURE__ */ jsx89("style", { children: style }),
+  /* @__PURE__ */ jsxs34("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: [
+    /* @__PURE__ */ jsx89("section", { children: /* @__PURE__ */ jsxs34("div", { className: "k-d-flex k-flex-row k-pos-relative", children: [
+      /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-configurator k-pivotgrid-configurator-vertical k-pivotgrid-configurator-push", style: { height: "552px" }, children: /* @__PURE__ */ jsxs34("div", { className: "k-pivotgrid-configurator-panel", children: [
+        /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-configurator-header", children: /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-configurator-header-text", children: "Settings" }) }),
+        /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-configurator-content", children: /* @__PURE__ */ jsxs34("form", { className: "k-form k-form-md k-form-horizontal", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "k-form-field", children: [
+            /* @__PURE__ */ jsx89("label", { className: "k-label", children: "Fields" }),
+            /* @__PURE__ */ jsx89("span", { className: "k-spacer" }),
+            /* @__PURE__ */ jsx89(Searchbox, { placeholder: "Search..." })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "k-form-field", children: [
-            /* @__PURE__ */ jsxs12("div", { className: "k-select-all", children: [
-              /* @__PURE__ */ jsx51(Checkbox, {}),
-              /* @__PURE__ */ jsx51("span", { children: "Select all" })
+          /* @__PURE__ */ jsxs34("div", { className: "k-form-field", children: [
+            /* @__PURE__ */ jsxs34("div", { className: "k-select-all", children: [
+              /* @__PURE__ */ jsx89(Checkbox, {}),
+              /* @__PURE__ */ jsx89("span", { children: "Select all" })
             ] }),
-            /* @__PURE__ */ jsx51("span", { className: "k-spacer" }),
-            /* @__PURE__ */ jsx51("span", { children: "5 fields selected" })
+            /* @__PURE__ */ jsx89("span", { className: "k-spacer" }),
+            /* @__PURE__ */ jsx89("span", { children: "5 fields selected" })
           ] }),
-          /* @__PURE__ */ jsx51("div", { className: "k-form-field", children: /* @__PURE__ */ jsx51("div", { className: "k-fields-list-wrapper", children: /* @__PURE__ */ jsxs12(Treeview, { children: [
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Account" }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Customer" }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date", children: /* @__PURE__ */ jsxs12(TreeviewGroup, { children: [
-              /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Date.Calendar" }),
-              /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date.Calendar Quarter of Year", children: /* @__PURE__ */ jsxs12(TreeviewGroup, { children: [
-                /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "(All)" }),
-                /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Calendar Quarter of Year" })
+          /* @__PURE__ */ jsx89("div", { className: "k-form-field", children: /* @__PURE__ */ jsx89("div", { className: "k-fields-list-wrapper", children: /* @__PURE__ */ jsxs34(Treeview, { children: [
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Account" }),
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Customer" }),
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date", children: /* @__PURE__ */ jsxs34(TreeviewGroup, { children: [
+              /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Date.Calendar" }),
+              /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, expanded: true, text: "Date.Calendar Quarter of Year", children: /* @__PURE__ */ jsxs34(TreeviewGroup, { children: [
+                /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "(All)" }),
+                /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Calendar Quarter of Year" })
               ] }) })
             ] }) }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Delivery date" }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Department" }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Country" }),
-            /* @__PURE__ */ jsx51(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Region" })
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Delivery date" }),
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Department" }),
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Country" }),
+            /* @__PURE__ */ jsx89(TreeviewItem, { showCheckbox: true, hasChildren: true, text: "Region" })
           ] }) }) }),
-          /* @__PURE__ */ jsx51("div", { className: "k-form-field", children: /* @__PURE__ */ jsx51("label", { className: "k-label", children: "Columns" }) }),
-          /* @__PURE__ */ jsxs12(ChipList, { className: "k-column-fields", children: [
-            /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx89("div", { className: "k-form-field", children: /* @__PURE__ */ jsx89("label", { className: "k-label", children: "Columns" }) }),
+          /* @__PURE__ */ jsxs34(ChipList, { className: "k-column-fields", children: [
+            /* @__PURE__ */ jsx89(
               Chip,
               {
                 text: "Date.Calendar",
-                actions: /* @__PURE__ */ jsxs12(Fragment13, { children: [
-                  /* @__PURE__ */ jsx51(ChipAction, { type: "more" }),
-                  /* @__PURE__ */ jsx51(ChipAction, { type: "remove" })
+                actions: /* @__PURE__ */ jsxs34(Fragment21, { children: [
+                  /* @__PURE__ */ jsx89(ChipAction, { type: "more" }),
+                  /* @__PURE__ */ jsx89(ChipAction, { type: "remove" })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsx89(
               Chip,
               {
                 text: "Product.Category",
-                actions: /* @__PURE__ */ jsxs12(Fragment13, { children: [
-                  /* @__PURE__ */ jsx51(ChipAction, { type: "more" }),
-                  /* @__PURE__ */ jsx51(ChipAction, { type: "remove" })
+                actions: /* @__PURE__ */ jsxs34(Fragment21, { children: [
+                  /* @__PURE__ */ jsx89(ChipAction, { type: "more" }),
+                  /* @__PURE__ */ jsx89(ChipAction, { type: "remove" })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx51("div", { className: "k-form-field", children: /* @__PURE__ */ jsx51("label", { className: "k-label", children: "Rows" }) }),
-          /* @__PURE__ */ jsx51(ChipList, { className: "k-row-fields", children: /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx89("div", { className: "k-form-field", children: /* @__PURE__ */ jsx89("label", { className: "k-label", children: "Rows" }) }),
+          /* @__PURE__ */ jsx89(ChipList, { className: "k-row-fields", children: /* @__PURE__ */ jsx89(
             Chip,
             {
               text: "Geography.City",
-              actions: /* @__PURE__ */ jsxs12(Fragment13, { children: [
-                /* @__PURE__ */ jsx51(ChipAction, { type: "more" }),
-                /* @__PURE__ */ jsx51(ChipAction, { type: "remove" })
+              actions: /* @__PURE__ */ jsxs34(Fragment21, { children: [
+                /* @__PURE__ */ jsx89(ChipAction, { type: "more" }),
+                /* @__PURE__ */ jsx89(ChipAction, { type: "remove" })
               ] })
             }
           ) }),
-          /* @__PURE__ */ jsxs12("div", { className: "k-form-field", children: [
-            /* @__PURE__ */ jsx51("label", { className: "k-label", children: "Values" }),
-            /* @__PURE__ */ jsx51("span", { className: "k-spacer" }),
-            /* @__PURE__ */ jsx51(Button, { children: "Add Custom" })
+          /* @__PURE__ */ jsxs34("div", { className: "k-form-field", children: [
+            /* @__PURE__ */ jsx89("label", { className: "k-label", children: "Values" }),
+            /* @__PURE__ */ jsx89("span", { className: "k-spacer" }),
+            /* @__PURE__ */ jsx89(Button, { children: "Add Custom" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs12(ActionButtons, { alignment: "end", className: "k-pivotgrid-configurator-actions", children: [
-          /* @__PURE__ */ jsx51(Button, { children: "Cancel" }),
-          /* @__PURE__ */ jsx51(Button, { themeColor: "primary", children: "Apply" })
+        /* @__PURE__ */ jsxs34(ActionButtons, { alignment: "end", className: "k-pivotgrid-configurator-actions", children: [
+          /* @__PURE__ */ jsx89(Button, { children: "Cancel" }),
+          /* @__PURE__ */ jsx89(Button, { themeColor: "primary", children: "Apply" })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-configurator-button", children: /* @__PURE__ */ jsxs12("span", { children: [
+      /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-configurator-button", children: /* @__PURE__ */ jsxs34("span", { children: [
         "Change settings",
-        /* @__PURE__ */ jsx51(Icon, { icon: "gear" })
+        /* @__PURE__ */ jsx89(Icon, { icon: "gear" })
       ] }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "k-pivotgrid", style: { height: "550px", gridTemplateColumns: "150px auto", gridTemplateRows: "242px auto" }, children: [
-        /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-empty-cell" }),
-        /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-column-headers", children: /* @__PURE__ */ jsxs12("table", { className: "k-pivotgrid-table", children: [
-          /* @__PURE__ */ jsxs12("colgroup", { children: [
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" })
+      /* @__PURE__ */ jsxs34("div", { className: "k-pivotgrid", style: { height: "550px", gridTemplateColumns: "150px auto", gridTemplateRows: "242px auto" }, children: [
+        /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-empty-cell" }),
+        /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-column-headers", children: /* @__PURE__ */ jsxs34("table", { className: "k-pivotgrid-table", children: [
+          /* @__PURE__ */ jsxs34("colgroup", { children: [
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" })
           ] }),
-          /* @__PURE__ */ jsxs12("tbody", { className: "k-pivotgrid-tbody", children: [
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row k-pivotgrid-column-total", children: [
-              /* @__PURE__ */ jsxs12("th", { colSpan: 9, className: "k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Periods" })
+          /* @__PURE__ */ jsxs34("tbody", { className: "k-pivotgrid-tbody", children: [
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row k-pivotgrid-column-total", children: [
+              /* @__PURE__ */ jsxs34("th", { colSpan: 9, className: "k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Periods" })
               ] }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, rowSpan: 4, className: "k-pivotgrid-cell k-pivotgrid-header-total k-pivotgrid-header-root", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Periods" }) })
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, rowSpan: 4, className: "k-pivotgrid-cell k-pivotgrid-header-total k-pivotgrid-header-root", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Periods" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsxs12("th", { colSpan: 6, className: "k-pivotgrid-cell k-pivotgrid-expanded", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "CY 2010" })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsxs34("th", { colSpan: 6, className: "k-pivotgrid-cell k-pivotgrid-expanded", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "CY 2010" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "CY 2011" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "CY 2011" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "CY 2012" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "CY 2012" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "CY 2013" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 3, className: "k-pivotgrid-cell", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "CY 2013" })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-expanded", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "H2 CY 2010" })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-expanded", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "H2 CY 2010" })
               ] }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 5, rowSpan: 2, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "H2 CY 2010" }) })
+              /* @__PURE__ */ jsx89("th", { colSpan: 5, rowSpan: 2, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "H2 CY 2010" }) })
             ] }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsxs12("th", { colSpan: 1, className: "k-pivotgrid-cell", children: [
-              /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-              /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Q4 CY 2010" })
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsxs34("th", { colSpan: 1, className: "k-pivotgrid-cell", children: [
+              /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+              /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Q4 CY 2010" })
             ] }) }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row k-pivotgrid-column-total", children: [
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row k-pivotgrid-column-total", children: [
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 4, className: "k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 4, className: "k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" }) }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" }) }),
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] }),
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-total k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Products" })
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-total k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-down" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Products" })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell k-first", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Accessories" }) }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Bikes" }) }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Clothing" }) }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Components" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell k-first", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Accessories" }) }),
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Bikes" }) }),
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Clothing" }) }),
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Components" }) })
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-row-headers", children: /* @__PURE__ */ jsxs12("table", { className: "k-pivotgrid-table", children: [
-          /* @__PURE__ */ jsxs12("colgroup", { children: [
-            /* @__PURE__ */ jsx51("col", {}),
-            /* @__PURE__ */ jsx51("col", {})
+        /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-row-headers", children: /* @__PURE__ */ jsxs34("table", { className: "k-pivotgrid-table", children: [
+          /* @__PURE__ */ jsxs34("colgroup", { children: [
+            /* @__PURE__ */ jsx89("col", {}),
+            /* @__PURE__ */ jsx89("col", {})
           ] }),
-          /* @__PURE__ */ jsxs12("tbody", { className: "k-pivotgrid-tbody", children: [
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsxs12("th", { colSpan: 1, rowSpan: 9, className: "k-pivotgrid-cell k-pivotgrid-row-total k-pivotgrid-expanded k-pivotgrid-header-root", children: [
-                /* @__PURE__ */ jsx51(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
-                /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Geographies" })
+          /* @__PURE__ */ jsxs34("tbody", { className: "k-pivotgrid-tbody", children: [
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsxs34("th", { colSpan: 1, rowSpan: 9, className: "k-pivotgrid-cell k-pivotgrid-row-total k-pivotgrid-expanded k-pivotgrid-header-root", children: [
+                /* @__PURE__ */ jsx89(Icon, { className: "k-pivotgrid-toggle", icon: "chevron-up" }),
+                /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Geographies" })
               ] }),
-              /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Austell" }) })
+              /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Austell" }) })
             ] }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Biloxi" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Braintree" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Casper" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Clearwater" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Destin" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Euclid" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Everett" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "Fort Wayne" }) }) }),
-            /* @__PURE__ */ jsx51("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx51("th", { colSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-header-title", children: "All Geographies" }) }) })
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Biloxi" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Braintree" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Casper" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Clearwater" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Destin" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Euclid" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Everett" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "Fort Wayne" }) }) }),
+            /* @__PURE__ */ jsx89("tr", { className: "k-pivotgrid-row", children: /* @__PURE__ */ jsx89("th", { colSpan: 2, className: "k-pivotgrid-cell k-pivotgrid-header-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-header-title", children: "All Geographies" }) }) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx51("div", { className: "k-pivotgrid-values", children: /* @__PURE__ */ jsxs12("table", { className: "k-pivotgrid-table", style: { width: "1200px" }, children: [
-          /* @__PURE__ */ jsxs12("colgroup", { children: [
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" }),
-            /* @__PURE__ */ jsx51("col", { width: "120" })
+        /* @__PURE__ */ jsx89("div", { className: "k-pivotgrid-values", children: /* @__PURE__ */ jsxs34("table", { className: "k-pivotgrid-table", style: { width: "1200px" }, children: [
+          /* @__PURE__ */ jsxs34("colgroup", { children: [
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" }),
+            /* @__PURE__ */ jsx89("col", { width: "120" })
           ] }),
-          /* @__PURE__ */ jsxs12("tbody", { className: "k-pivotgrid-tbody", children: [
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.02" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$508.12" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4.00" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$3682.86" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2451.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2919.53" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$10567.67" }) })
+          /* @__PURE__ */ jsxs34("tbody", { className: "k-pivotgrid-tbody", children: [
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.02" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$508.12" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4.00" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$3682.86" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2451.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2919.53" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$10567.67" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row k-hover", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.52" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$298.45" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$7.47" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$36.25" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1461.20" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$105.70" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1911.60" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row k-hover", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.52" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$298.45" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$7.47" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$36.25" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1461.20" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$105.70" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1911.60" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-focus", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-focus", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row k-selected", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$3.03" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1064.62" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4671.39" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$6621.86" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$5156.51" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$17520.10" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row k-selected", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$3.03" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1064.62" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4671.39" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$6621.86" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$5156.51" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$17520.10" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.02" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$508.12" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4.00" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$3682.86" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2451.14" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2919.53" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$10567.67" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.02" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$508.12" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4.00" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$514.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$3682.86" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2451.14" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2919.53" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$10567.67" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-selected", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.52" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$298.45" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$7.47" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$36.25" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1461.20" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$105.70" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1911.60" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-selected", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.52" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$298.45" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$7.47" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$36.25" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$344.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1461.20" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$105.70" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1911.60" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$3.03" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1064.62" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$2.69" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4671.39" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$6621.86" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$5156.51" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$17520.10" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$3.03" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1064.62" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$2.69" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$1070.34" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4671.39" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$6621.86" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$5156.51" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$17520.10" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.17" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$0.72" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$96.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$816.16" }) })
             ] }),
-            /* @__PURE__ */ jsxs12("tr", { className: "k-pivotgrid-row", children: [
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$9336.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$9687.17" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$7680.72" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$9546.89" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
-              /* @__PURE__ */ jsx51("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx51("span", { className: "k-pivotgrid-content", children: "$88816.16" }) })
+            /* @__PURE__ */ jsxs34("tr", { className: "k-pivotgrid-row", children: [
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$9336.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$9687.17" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$7680.72" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$9546.89" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$4719.27" }) }),
+              /* @__PURE__ */ jsx89("td", { colSpan: 1, className: "k-pivotgrid-cell k-pivotgrid-total", children: /* @__PURE__ */ jsx89("span", { className: "k-pivotgrid-content", children: "$88816.16" }) })
             ] })
           ] })
         ] }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx51(Popup, { className: "k-column-menu k-grid-columnmenu-popup", children: /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item-wrapper", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-        /* @__PURE__ */ jsx51(Icon, { icon: "sort-asc-small" }),
-        "Sort ascending"
-      ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-        /* @__PURE__ */ jsx51(Icon, { icon: "sort-desc-small" }),
-        "Sort descending"
+    /* @__PURE__ */ jsx89(Popup, { className: "k-grid-columnmenu-popup", children: /* @__PURE__ */ jsxs34(ColumnMenuNormal, { children: [
+      /* @__PURE__ */ jsxs34(ColumnMenuItemWrapper, { children: [
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Sort ascending", icon: "sort-asc-small" }),
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Sort descending", icon: "sort-desc-small" })
       ] }),
-      /* @__PURE__ */ jsx51("div", { className: "k-columnmen-item-wrapper", children: /* @__PURE__ */ jsx51("div", { className: "k-expander", children: /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-        /* @__PURE__ */ jsx51(Icon, { icon: "grid-layout" }),
-        "Include Fields",
-        /* @__PURE__ */ jsx51("span", { className: "k-spacer" }),
-        /* @__PURE__ */ jsx51("span", { className: "k-expander-indicator", children: /* @__PURE__ */ jsx51(Icon, { icon: "chevron-down" }) })
-      ] }) }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item-wrapper", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item k-disabled", children: [
-          /* @__PURE__ */ jsx51(Icon, { icon: "caret-alt-left" }),
-          "Move Previous"
-        ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-          /* @__PURE__ */ jsx51(Icon, { icon: "caret-alt-right" }),
-          "Move Next"
-        ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-          /* @__PURE__ */ jsx51(Icon, { icon: "caret-alt-down" }),
-          "Move to Rows"
-        ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "k-columnmenu-item", children: [
-          /* @__PURE__ */ jsx51(Icon, { icon: "caret-alt-to-bottom" }),
-          "Move to Values"
-        ] })
+      /* @__PURE__ */ jsx89(ColumnMenuItemWrapper, { children: /* @__PURE__ */ jsx89(ColumnMenuExpander, { itemText: "Include fields", itemIcon: "grid-layout" }) }),
+      /* @__PURE__ */ jsxs34(ColumnMenuItemWrapper, { children: [
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Move to Columns", icon: "columns", className: "k-disabled" }),
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Move to Rows", icon: "rows" }),
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Move previous", icon: "arrow-left", className: "k-disabled" }),
+        /* @__PURE__ */ jsx89(ColumnMenuItem, { text: "Move next", icon: "arrow-right" })
       ] })
     ] }) })
   ] })