@progress/kendo-themes-html 5.8.2-dev.5 → 5.8.2-dev.6

package/dist/card/tests/card-custom.js

@@ -1,10 +1,27 @@
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
   var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b ||= {})
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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) {
@@ -12,6 +29,18 @@
       return require.apply(this, arguments);
     throw new Error('Dynamic require of "' + x + '" is not supported');
   });
+  var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   var __copyProps = (to, from, except, desc) => {
     if (from && typeof from === "object" || typeof from === "function") {
       for (let key of __getOwnPropNames(from))
@@ -74,7 +103,7 @@
   // src/card/card.tsx
   var Card = class extends React.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         orientation,
@@ -83,12 +112,21 @@
         hover,
         focus,
         selected,
-        disabled,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React.createElement("div", {
-        style: this.props.style,
-        ...htmlAttributes,
+        disabled
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "orientation",
+        "themeColor",
+        "callout",
+        "hover",
+        "focus",
+        "selected",
+        "disabled"
+      ]);
+      return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           "k-card",
           {
@@ -102,7 +140,7 @@
           },
           className
         )
-      }, callout && callout !== "true" && /* @__PURE__ */ React.createElement(CardCallout, {
+      }), callout && callout !== "true" && /* @__PURE__ */ React.createElement(CardCallout, {
         callout
       }), /* @__PURE__ */ React.createElement(React.Fragment, null, children));
     }
@@ -112,13 +150,14 @@
   var React2 = __toESM(__require("react"));
   var CardCallout = class extends React2.Component {
     render() {
-      const {
+      const _a = this.props, {
         className,
-        callout,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React2.createElement("span", {
-        ...htmlAttributes,
+        callout
+      } = _a, htmlAttributes = __objRest(_a, [
+        "className",
+        "callout"
+      ]);
+      return /* @__PURE__ */ React2.createElement("span", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-callout",
           {
@@ -126,7 +165,7 @@
           },
           className
         )
-      });
+      }));
     }
   };
 
@@ -134,15 +173,18 @@
   var React3 = __toESM(__require("react"));
   var CardTitle = class extends React3.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         hover,
-        focus,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React3.createElement("div", {
-        ...htmlAttributes,
+        focus
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "hover",
+        "focus"
+      ]);
+      return /* @__PURE__ */ React3.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-title",
           {
@@ -151,7 +193,7 @@
           },
           className
         )
-      }, children);
+      }), children);
     }
   };
 
@@ -159,18 +201,19 @@
   var React4 = __toESM(__require("react"));
   var CardSubtitle = class extends React4.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
-        className,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React4.createElement("div", {
-        ...htmlAttributes,
+        className
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className"
+      ]);
+      return /* @__PURE__ */ React4.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-subtitle",
           className
         )
-      }, children);
+      }), children);
     }
   };
 
@@ -178,28 +221,31 @@
   var React5 = __toESM(__require("react"));
   var CardImage = class extends React5.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
-        src,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React5.createElement(React5.Fragment, null, src ? /* @__PURE__ */ React5.createElement("img", {
-        style: this.props.style,
-        ...htmlAttributes,
+        src
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "src"
+      ]);
+      return /* @__PURE__ */ React5.createElement(React5.Fragment, null, src ? /* @__PURE__ */ React5.createElement("img", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           "k-card-image",
           className
         ),
         src
-      }) : /* @__PURE__ */ React5.createElement("span", {
-        style: this.props.style,
-        ...htmlAttributes,
+      })) : /* @__PURE__ */ React5.createElement("span", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           "k-card-image",
           className
         )
-      }, /* @__PURE__ */ React5.createElement(React5.Fragment, null, children)));
+      }), /* @__PURE__ */ React5.createElement(React5.Fragment, null, children)));
     }
   };
 
@@ -234,7 +280,7 @@
   // src/button/button.tsx
   var Button = class extends React7.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         iconClassName,
@@ -250,14 +296,30 @@
         selected,
         disabled,
         showArrow,
-        arrowIconName,
-        ...htmlAttributes
-      } = this.props;
+        arrowIconName
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "iconClassName",
+        "text",
+        "icon",
+        "size",
+        "rounded",
+        "fillMode",
+        "themeColor",
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "showArrow",
+        "arrowIconName"
+      ]);
       const hasIcon = icon !== void 0;
       const hasChildren = children !== void 0;
-      return /* @__PURE__ */ React7.createElement("button", {
-        style: this.props.style,
-        ...htmlAttributes,
+      return /* @__PURE__ */ React7.createElement("button", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         dir: this.props.dir,
         className: classNames(
           className,
@@ -275,7 +337,7 @@
             "k-disabled": disabled
           }
         )
-      }, icon && /* @__PURE__ */ React7.createElement(Icon, {
+      }), icon && /* @__PURE__ */ React7.createElement(Icon, {
         className: classNames(iconClassName, "k-button-icon"),
         name: icon
       }), text ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, text && /* @__PURE__ */ React7.createElement("span", {
@@ -301,21 +363,25 @@
   // src/card/card-header.tsx
   var CardHeader = class extends React8.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         title,
         subtitle,
-        details,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React8.createElement("div", {
-        ...htmlAttributes,
+        details
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "title",
+        "subtitle",
+        "details"
+      ]);
+      return /* @__PURE__ */ React8.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-header",
           className
         )
-      }, title && /* @__PURE__ */ React8.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React8.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React8.createElement(React8.Fragment, null, children), details && /* @__PURE__ */ React8.createElement("span", {
+      }), title && /* @__PURE__ */ React8.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React8.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React8.createElement(React8.Fragment, null, children), details && /* @__PURE__ */ React8.createElement("span", {
         className: "k-card-header-actions"
       }, /* @__PURE__ */ React8.createElement(Button, {
         className: "k-card-details",
@@ -332,18 +398,19 @@
   var React9 = __toESM(__require("react"));
   var CardFooter = class extends React9.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
-        className,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React9.createElement("div", {
-        ...htmlAttributes,
+        className
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className"
+      ]);
+      return /* @__PURE__ */ React9.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-footer",
           className
         )
-      }, children);
+      }), children);
     }
   };
 
@@ -351,22 +418,27 @@
   var React10 = __toESM(__require("react"));
   var CardBody = class extends React10.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         title,
         subtitle,
-        details,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React10.createElement("div", {
-        style: this.props.style,
-        ...htmlAttributes,
+        details
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "title",
+        "subtitle",
+        "details"
+      ]);
+      return /* @__PURE__ */ React10.createElement("div", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           "k-card-body",
           className
         )
-      }, title && /* @__PURE__ */ React10.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React10.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React10.createElement(React10.Fragment, null, children), details && /* @__PURE__ */ React10.createElement("span", {
+      }), title && /* @__PURE__ */ React10.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React10.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React10.createElement(React10.Fragment, null, children), details && /* @__PURE__ */ React10.createElement("span", {
         className: "k-card-body-actions"
       }, /* @__PURE__ */ React10.createElement(Button, {
         className: "k-card-details",
@@ -386,15 +458,18 @@
   var React12 = __toESM(__require("react"));
   var ActionButtons = class extends React12.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         alignment,
-        orientation,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React12.createElement("div", {
-        ...htmlAttributes,
+        orientation
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "alignment",
+        "orientation"
+      ]);
+      return /* @__PURE__ */ React12.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-actions",
           {
@@ -403,7 +478,7 @@
           },
           className
         )
-      }, children);
+      }), children);
     }
   };
   ActionButtons.defaultProps = {
@@ -415,7 +490,7 @@
   var React13 = __toESM(__require("react"));
   var Layout = class extends React13.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         type,
@@ -423,12 +498,20 @@
         alignItems,
         justifyContent,
         justifyItems,
-        wrap,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React13.createElement("div", {
-        style: this.props.style,
-        ...htmlAttributes,
+        wrap
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "type",
+        "orientation",
+        "alignItems",
+        "justifyContent",
+        "justifyItems",
+        "wrap"
+      ]);
+      return /* @__PURE__ */ React13.createElement("div", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           {
             [`k-${type}-layout`]: type,
@@ -440,7 +523,7 @@
           },
           className
         )
-      }, children);
+      }), children);
     }
   };
   Layout.defaultProps = {
@@ -457,7 +540,7 @@
   var React14 = __toESM(__require("react"));
   var Avatar = class extends React14.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
         type,
@@ -465,12 +548,20 @@
         rounded,
         fillMode,
         themeColor,
-        border,
-        ...htmlAttributes
-      } = this.props;
-      return /* @__PURE__ */ React14.createElement("div", {
-        style: this.props.style,
-        ...htmlAttributes,
+        border
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "type",
+        "size",
+        "rounded",
+        "fillMode",
+        "themeColor",
+        "border"
+      ]);
+      return /* @__PURE__ */ React14.createElement("div", __spreadProps(__spreadValues({
+        style: this.props.style
+      }, htmlAttributes), {
         className: classNames(
           "k-avatar",
           {
@@ -482,7 +573,7 @@
           },
           className
         )
-      }, /* @__PURE__ */ React14.createElement("span", {
+      }), /* @__PURE__ */ React14.createElement("span", {
         className: `k-avatar-${type}`
       }, children));
     }
@@ -500,23 +591,25 @@
   var React15 = __toESM(__require("react"));
   var Typography = class extends React15.Component {
     render() {
-      const {
+      const _a = this.props, {
         children,
         className,
-        type,
-        ...htmlAttributes
-      } = this.props;
+        type
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "type"
+      ]);
       const typeClass = type === "p" ? "paragraph" : type;
       const Component16 = type.includes("display") ? "div" : type;
-      return /* @__PURE__ */ React15.createElement(Component16, {
-        ...htmlAttributes,
+      return /* @__PURE__ */ React15.createElement(Component16, __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           {
             [`k-${typeClass}`]: type
           },
           className
         )
-      }, children);
+      }), children);
     }
   };