@progress/kendo-themes-html 5.6.1-dev.5 → 5.7.0

package/dist/pivotgrid/tests/pivotgrid-header-cell-states.js

@@ -0,0 +1,480 @@
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined")
+      return require.apply(this, arguments);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+
+  // src/pivotgrid/tests/pivotgrid-header-cell-states.tsx
+  var import_react = __toESM(__require("react"));
+  var import_client = __toESM(__require("react-dom/client"));
+
+  // src/icon/icon.tsx
+  var React = __toESM(__require("react"));
+
+  // src/utils/classNames.ts
+  var classNames = (...args) => {
+    const result = {};
+    const addLeafKeys = (arg) => {
+      typeof arg === "object" ? Object.keys(arg).forEach((key) => {
+        result[key] = arg[key];
+      }) : result[arg] = true;
+    };
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map(
+      (arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg)
+    );
+    addKeys(args);
+    return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
+  };
+
+  // src/icon/icon.tsx
+  var Icon = class extends React.Component {
+    render() {
+      const {
+        className,
+        style,
+        name
+      } = this.props;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, name && /* @__PURE__ */ React.createElement("span", {
+        className: classNames(
+          className,
+          "k-icon",
+          {
+            [`k-i-${name}`]: name
+          }
+        ),
+        style
+      }));
+    }
+  };
+
+  // src/pivotgrid/tests/pivotgrid-header-cell-states.tsx
+  var root = import_client.default.createRoot(
+    document.getElementById("app")
+  );
+  root.render(
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      id: "test-area",
+      className: "k-d-grid k-grid-cols-1"
+    }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-d-flex k-flex-row k-pos-relative"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-pivotgrid"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-empty-cell k-focus"
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-pivotgrid-column-headers"
+    }, /* @__PURE__ */ import_react.default.createElement("table", {
+      className: "k-pivotgrid-table"
+    }, /* @__PURE__ */ import_react.default.createElement("tbody", {
+      className: "k-pivotgrid-tbody"
+    }, /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row k-pivotgrid-column-total"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 10,
+      className: "k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root"
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "arrow-chevron-up"
+    }), /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "All Periods"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 5,
+      className: "k-pivotgrid-cell"
+    }, "Beverages"), /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 5,
+      className: "k-pivotgrid-cell"
+    }, "Seafood")), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 10,
+      className: "k-pivotgrid-cell k-pivotgrid-expanded"
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "arrow-chevron-up"
+    }), /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "CY 2010")))))), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-pivotgrid-row-headers"
+    }, /* @__PURE__ */ import_react.default.createElement("table", {
+      className: "k-pivotgrid-table"
+    }, /* @__PURE__ */ import_react.default.createElement("tbody", {
+      className: "k-pivotgrid-tbody"
+    }, /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      rowSpan: 9,
+      className: "k-pivotgrid-cell k-pivotgrid-row-total k-pivotgrid-expanded k-pivotgrid-header-root"
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "arrow-chevron-up"
+    }), /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "All Geographies")), /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Austell"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row k-hover"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Biloxi"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Braintree"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-selected"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Casper"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Clearwater"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-focus"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Destin"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Euclid"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Everett"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "Fort Wayne"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 2,
+      className: "k-pivotgrid-cell k-pivotgrid-header-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-header-title"
+    }, "All Geographies")))))), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-pivotgrid-values"
+    }, /* @__PURE__ */ import_react.default.createElement("table", {
+      className: "k-pivotgrid-table"
+    }, /* @__PURE__ */ import_react.default.createElement("tbody", {
+      className: "k-pivotgrid-tbody"
+    }, /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$514.14")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2.02")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2451.14")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2919.53")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$10567.67"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$344.69")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2.52")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$105.70")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$1911.60"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$96.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$0.72")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$816.16"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$1070.34")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$3.03")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$6621.86")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$5156.51")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$17520.10"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$514.14")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2.02")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$4.00")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2919.53")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$10567.67"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$344.69")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$2.52")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$105.70")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$1911.60"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$96.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$816.16"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$1070.34")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$3.03")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$6621.86")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$5156.51")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$17520.10"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$96.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$96.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    })), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$816.16"))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-pivotgrid-row"
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$9336.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$9546.89")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$4719.27")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$4719.27")), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-pivotgrid-cell k-pivotgrid-total"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-pivotgrid-content"
+    }, "$88816.16")))))))))))
+  );
+})();
+//# sourceMappingURL=pivotgrid-header-cell-states.js.map

package/dist/pivotgrid/tests/pivotgrid-header-cell-states.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/pivotgrid/tests/pivotgrid-header-cell-states.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <section>\n                <div className=\"k-d-flex k-flex-row k-pos-relative\">\n                    <div className=\"k-pivotgrid\">\n                        <span className=\"k-pivotgrid-empty-cell k-focus\"></span>\n\n                        {/* Pivot Multi Column Headers */}\n                        <div className=\"k-pivotgrid-column-headers\">\n\n                            <table className=\"k-pivotgrid-table\">\n                                <tbody className=\"k-pivotgrid-tbody\">\n                                    {/* Four Rows for Date.Calendar Column grouping field */}\n                                    <tr className=\"k-pivotgrid-row k-pivotgrid-column-total\">\n                                        <th colSpan={10} className=\"k-pivotgrid-cell k-pivotgrid-expanded k-pivotgrid-header-root\">\n                                            <Icon name=\"arrow-chevron-up\" />\n                                            <span className=\"k-pivotgrid-header-title\">All Periods</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={5} className=\"k-pivotgrid-cell\">\n                                            Beverages\n                                        </th>\n                                        <th colSpan={5} className=\"k-pivotgrid-cell\">\n                                            Seafood\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={10} className=\"k-pivotgrid-cell k-pivotgrid-expanded\">\n                                            <Icon name=\"arrow-chevron-up\" />\n                                            <span className=\"k-pivotgrid-header-title\">CY 2010</span>\n                                        </th>\n                                    </tr>\n\n                                </tbody>\n                            </table>\n                        </div>\n                        {/* Pivot Multi Row Headers */}\n                        <div className=\"k-pivotgrid-row-headers\">\n                            <table className=\"k-pivotgrid-table\">\n                                <tbody className=\"k-pivotgrid-tbody\">\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} rowSpan={9} className=\"k-pivotgrid-cell k-pivotgrid-row-total k-pivotgrid-expanded k-pivotgrid-header-root\">\n                                            <Icon name=\"arrow-chevron-up\" />\n                                            <span className=\"k-pivotgrid-header-title\">All Geographies</span>\n                                        </th>\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Austell</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row k-hover\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Biloxi</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Braintree</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell k-selected\">\n                                            <span className=\"k-pivotgrid-header-title\">Casper</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Clearwater</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell k-focus\">\n                                            <span className=\"k-pivotgrid-header-title\">Destin</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Euclid</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Everett</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-header-title\">Fort Wayne</span>\n                                        </th>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <th colSpan={2} className=\"k-pivotgrid-cell k-pivotgrid-header-total\">\n                                            <span className=\"k-pivotgrid-header-title\">All Geographies</span>\n                                        </th>\n                                    </tr>\n                                </tbody>\n                            </table>\n                        </div>\n\n                        {/* Details */}\n                        <div className=\"k-pivotgrid-values\">\n                            <table className=\"k-pivotgrid-table\">\n                                <tbody className=\"k-pivotgrid-tbody\">\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$514.14</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2.02</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2451.14</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2919.53</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$10567.67</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$344.69</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2.52</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$105.70</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$1911.60</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$96.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$0.72</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$816.16</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$1070.34</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$3.03</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$6621.86</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$5156.51</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$17520.10</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$514.14</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2.02</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$4.00</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2919.53</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$10567.67</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$344.69</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$2.52</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$105.70</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$1911.60</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$96.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$816.16</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$1070.34</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$3.03</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$6621.86</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$5156.51</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$17520.10</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$96.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\">$96.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell\">\n                                            <span className=\"k-pivotgrid-content\"></span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$816.16</span>\n                                        </td>\n                                    </tr>\n                                    <tr className=\"k-pivotgrid-row\">\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$9336.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$9546.89</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$4719.27</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$4719.27</span>\n                                        </td>\n                                        <td colSpan={1} className=\"k-pivotgrid-cell k-pivotgrid-total\">\n                                            <span className=\"k-pivotgrid-content\">$88816.16</span>\n                                        </td>\n                                    </tr>\n                                </tbody>\n                            </table>\n                        </div>\n                    </div>\n\n                </div>\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
+  "names": ["ReactDOM", "React"]
+}

package/dist/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js

@@ -160,7 +160,7 @@
             [`k-button-${fillMode}`]: fillMode,
             [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
             [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
-            "k-icon-button": !hasChildren && hasIcon,
+            "k-icon-button": !text && !hasChildren && hasIcon,
             "k-hover": hover,
             "k-focus": focus,
             "k-active": active,