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

package/dist/esm/loader/templates/loader-container-normal.js

@@ -0,0 +1,228 @@
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/component-class-names.ts
+var optionClassNames = (componentClassName, props) => {
+  return classNames(
+    {
+      [`${componentClassName}-xs`]: props.size === "xsmall",
+      [`${componentClassName}-sm`]: props.size === "small",
+      [`${componentClassName}-md`]: props.size === "medium",
+      [`${componentClassName}-lg`]: props.size === "large",
+      [`${componentClassName}-xl`]: props.size === "xlarge",
+      [`${componentClassName}-xxl`]: props.size === "xxlarge",
+      [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+    },
+    {
+      [`${componentClassName}-${props.fillMode}`]: props.fillMode
+    },
+    {
+      [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+    },
+    {
+      [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+    },
+    {
+      "k-rounded-sm": props.rounded === "small",
+      "k-rounded-md": props.rounded === "medium",
+      "k-rounded-lg": props.rounded === "large",
+      "k-rounded-full": props.rounded === "full"
+    }
+  );
+};
+
+// src/misc/theme.ts
+var Size = {
+  "xsmall": "xsmall",
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "xlarge": "xlarge",
+  "xxlarge": "xxlarge",
+  "xxxlarge": "xxxlarge"
+};
+var ThemeColor = {
+  "inherit": "inherit",
+  "base": "base",
+  "primary": "primary",
+  "secondary": "secondary",
+  "tertiary": "tertiary",
+  "info": "info",
+  "success": "success",
+  "warning": "warning",
+  "error": "error",
+  "dark": "dark",
+  "light": "light",
+  "inverse": "inverse"
+};
+
+// src/loader/loader.spec.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LOADER_CLASSNAME = `k-loader`;
+var LoaderAnimationMap = {
+  "pulsing": "pulsing-2",
+  "infinite-spinner": "spinner-3",
+  "converging-spinner": "spinner-4"
+};
+var states = [];
+var options = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  animation: "pulsing"
+};
+var Loader = (props) => {
+  const {
+    size = defaultProps.size,
+    themeColor = defaultProps.themeColor,
+    animation = defaultProps.animation,
+    ...other
+  } = props;
+  const animationElement = /* @__PURE__ */ jsx("span", { className: "k-loader-segment" });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADER_CLASSNAME,
+        {
+          [`k-loader-${LoaderAnimationMap[animation] || animation}`]: animation
+        },
+        optionClassNames(LOADER_CLASSNAME, {
+          size,
+          themeColor
+        })
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "k-loader-canvas", children: [
+        animation === "pulsing" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement
+        ] }),
+        animation === "infinite-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement
+        ] }),
+        animation === "converging-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement,
+          animationElement
+        ] })
+      ] })
+    }
+  );
+};
+Loader.states = states;
+Loader.options = options;
+Loader.className = LOADER_CLASSNAME;
+Loader.defaultProps = defaultProps;
+var loader_spec_default = Loader;
+
+// src/loader/loader-container.spec.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LOADERCONTAINER_CLASSNAME = `k-loader-container`;
+var states2 = [];
+var options2 = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps2 = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  loaderType: "pulsing",
+  position: "top",
+  overlay: "dark",
+  panel: false
+};
+var LoaderContainer = (props) => {
+  const {
+    size = defaultProps2.size,
+    themeColor = defaultProps2.themeColor,
+    loaderType = defaultProps2.loaderType,
+    position = defaultProps2.position,
+    overlay = defaultProps2.overlay,
+    panel = defaultProps2.panel,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADERCONTAINER_CLASSNAME,
+        optionClassNames(LOADERCONTAINER_CLASSNAME, {
+          size
+        }),
+        {
+          [`k-loader-${position}`]: position
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: `k-loader-container-overlay k-overlay-${overlay}` }),
+        /* @__PURE__ */ jsxs2("div", { className: classNames(
+          "k-loader-container-inner",
+          {
+            [`k-loader-container-panel`]: panel
+          }
+        ), children: [
+          /* @__PURE__ */ jsx2(loader_spec_default, { size, themeColor, animation: loaderType }),
+          /* @__PURE__ */ jsx2("div", { className: `k-loader-container-label !k-text-${themeColor}`, children: "Loading..." })
+        ] })
+      ]
+    }
+  );
+};
+LoaderContainer.states = states2;
+LoaderContainer.options = options2;
+LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
+LoaderContainer.defaultProps = defaultProps2;
+
+// src/loader/templates/loader-normal.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-infinite.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-converging.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-container-normal.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var LoaderContainerNormal = (props) => /* @__PURE__ */ jsx6(LoaderContainer, { ...props });
+export {
+  LoaderContainerNormal
+};

package/dist/esm/loader/templates/loader-converging.js

@@ -0,0 +1,228 @@
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/component-class-names.ts
+var optionClassNames = (componentClassName, props) => {
+  return classNames(
+    {
+      [`${componentClassName}-xs`]: props.size === "xsmall",
+      [`${componentClassName}-sm`]: props.size === "small",
+      [`${componentClassName}-md`]: props.size === "medium",
+      [`${componentClassName}-lg`]: props.size === "large",
+      [`${componentClassName}-xl`]: props.size === "xlarge",
+      [`${componentClassName}-xxl`]: props.size === "xxlarge",
+      [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+    },
+    {
+      [`${componentClassName}-${props.fillMode}`]: props.fillMode
+    },
+    {
+      [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+    },
+    {
+      [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+    },
+    {
+      "k-rounded-sm": props.rounded === "small",
+      "k-rounded-md": props.rounded === "medium",
+      "k-rounded-lg": props.rounded === "large",
+      "k-rounded-full": props.rounded === "full"
+    }
+  );
+};
+
+// src/misc/theme.ts
+var Size = {
+  "xsmall": "xsmall",
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "xlarge": "xlarge",
+  "xxlarge": "xxlarge",
+  "xxxlarge": "xxxlarge"
+};
+var ThemeColor = {
+  "inherit": "inherit",
+  "base": "base",
+  "primary": "primary",
+  "secondary": "secondary",
+  "tertiary": "tertiary",
+  "info": "info",
+  "success": "success",
+  "warning": "warning",
+  "error": "error",
+  "dark": "dark",
+  "light": "light",
+  "inverse": "inverse"
+};
+
+// src/loader/loader.spec.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LOADER_CLASSNAME = `k-loader`;
+var LoaderAnimationMap = {
+  "pulsing": "pulsing-2",
+  "infinite-spinner": "spinner-3",
+  "converging-spinner": "spinner-4"
+};
+var states = [];
+var options = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  animation: "pulsing"
+};
+var Loader = (props) => {
+  const {
+    size = defaultProps.size,
+    themeColor = defaultProps.themeColor,
+    animation = defaultProps.animation,
+    ...other
+  } = props;
+  const animationElement = /* @__PURE__ */ jsx("span", { className: "k-loader-segment" });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADER_CLASSNAME,
+        {
+          [`k-loader-${LoaderAnimationMap[animation] || animation}`]: animation
+        },
+        optionClassNames(LOADER_CLASSNAME, {
+          size,
+          themeColor
+        })
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "k-loader-canvas", children: [
+        animation === "pulsing" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement
+        ] }),
+        animation === "infinite-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement
+        ] }),
+        animation === "converging-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement,
+          animationElement
+        ] })
+      ] })
+    }
+  );
+};
+Loader.states = states;
+Loader.options = options;
+Loader.className = LOADER_CLASSNAME;
+Loader.defaultProps = defaultProps;
+var loader_spec_default = Loader;
+
+// src/loader/loader-container.spec.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LOADERCONTAINER_CLASSNAME = `k-loader-container`;
+var states2 = [];
+var options2 = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps2 = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  loaderType: "pulsing",
+  position: "top",
+  overlay: "dark",
+  panel: false
+};
+var LoaderContainer = (props) => {
+  const {
+    size = defaultProps2.size,
+    themeColor = defaultProps2.themeColor,
+    loaderType = defaultProps2.loaderType,
+    position = defaultProps2.position,
+    overlay = defaultProps2.overlay,
+    panel = defaultProps2.panel,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADERCONTAINER_CLASSNAME,
+        optionClassNames(LOADERCONTAINER_CLASSNAME, {
+          size
+        }),
+        {
+          [`k-loader-${position}`]: position
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: `k-loader-container-overlay k-overlay-${overlay}` }),
+        /* @__PURE__ */ jsxs2("div", { className: classNames(
+          "k-loader-container-inner",
+          {
+            [`k-loader-container-panel`]: panel
+          }
+        ), children: [
+          /* @__PURE__ */ jsx2(loader_spec_default, { size, themeColor, animation: loaderType }),
+          /* @__PURE__ */ jsx2("div", { className: `k-loader-container-label !k-text-${themeColor}`, children: "Loading..." })
+        ] })
+      ]
+    }
+  );
+};
+LoaderContainer.states = states2;
+LoaderContainer.options = options2;
+LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
+LoaderContainer.defaultProps = defaultProps2;
+
+// src/loader/templates/loader-normal.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-infinite.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-container-normal.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-converging.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var LoaderConverging = (props) => /* @__PURE__ */ jsx6(Loader, { animation: "converging-spinner", ...props });
+export {
+  LoaderConverging
+};

package/dist/esm/loader/templates/loader-infinite.js

@@ -0,0 +1,228 @@
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/misc/component-class-names.ts
+var optionClassNames = (componentClassName, props) => {
+  return classNames(
+    {
+      [`${componentClassName}-xs`]: props.size === "xsmall",
+      [`${componentClassName}-sm`]: props.size === "small",
+      [`${componentClassName}-md`]: props.size === "medium",
+      [`${componentClassName}-lg`]: props.size === "large",
+      [`${componentClassName}-xl`]: props.size === "xlarge",
+      [`${componentClassName}-xxl`]: props.size === "xxlarge",
+      [`${componentClassName}-xxxl`]: props.size === "xxxlarge"
+    },
+    {
+      [`${componentClassName}-${props.fillMode}`]: props.fillMode
+    },
+    {
+      [`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
+    },
+    {
+      [`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
+    },
+    {
+      "k-rounded-sm": props.rounded === "small",
+      "k-rounded-md": props.rounded === "medium",
+      "k-rounded-lg": props.rounded === "large",
+      "k-rounded-full": props.rounded === "full"
+    }
+  );
+};
+
+// src/misc/theme.ts
+var Size = {
+  "xsmall": "xsmall",
+  "small": "small",
+  "medium": "medium",
+  "large": "large",
+  "xlarge": "xlarge",
+  "xxlarge": "xxlarge",
+  "xxxlarge": "xxxlarge"
+};
+var ThemeColor = {
+  "inherit": "inherit",
+  "base": "base",
+  "primary": "primary",
+  "secondary": "secondary",
+  "tertiary": "tertiary",
+  "info": "info",
+  "success": "success",
+  "warning": "warning",
+  "error": "error",
+  "dark": "dark",
+  "light": "light",
+  "inverse": "inverse"
+};
+
+// src/loader/loader.spec.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LOADER_CLASSNAME = `k-loader`;
+var LoaderAnimationMap = {
+  "pulsing": "pulsing-2",
+  "infinite-spinner": "spinner-3",
+  "converging-spinner": "spinner-4"
+};
+var states = [];
+var options = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  animation: "pulsing"
+};
+var Loader = (props) => {
+  const {
+    size = defaultProps.size,
+    themeColor = defaultProps.themeColor,
+    animation = defaultProps.animation,
+    ...other
+  } = props;
+  const animationElement = /* @__PURE__ */ jsx("span", { className: "k-loader-segment" });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADER_CLASSNAME,
+        {
+          [`k-loader-${LoaderAnimationMap[animation] || animation}`]: animation
+        },
+        optionClassNames(LOADER_CLASSNAME, {
+          size,
+          themeColor
+        })
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "k-loader-canvas", children: [
+        animation === "pulsing" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement
+        ] }),
+        animation === "infinite-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement
+        ] }),
+        animation === "converging-spinner" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          animationElement,
+          animationElement,
+          animationElement,
+          animationElement
+        ] })
+      ] })
+    }
+  );
+};
+Loader.states = states;
+Loader.options = options;
+Loader.className = LOADER_CLASSNAME;
+Loader.defaultProps = defaultProps;
+var loader_spec_default = Loader;
+
+// src/loader/loader-container.spec.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LOADERCONTAINER_CLASSNAME = `k-loader-container`;
+var states2 = [];
+var options2 = {
+  size: [Size.small, Size.medium, Size.large],
+  themeColor: [
+    ThemeColor.base,
+    ThemeColor.primary,
+    ThemeColor.secondary,
+    ThemeColor.tertiary,
+    ThemeColor.success,
+    ThemeColor.warning,
+    ThemeColor.error,
+    ThemeColor.info,
+    ThemeColor.light,
+    ThemeColor.dark,
+    ThemeColor.inverse
+  ]
+};
+var defaultProps2 = {
+  size: Size.medium,
+  themeColor: ThemeColor.primary,
+  loaderType: "pulsing",
+  position: "top",
+  overlay: "dark",
+  panel: false
+};
+var LoaderContainer = (props) => {
+  const {
+    size = defaultProps2.size,
+    themeColor = defaultProps2.themeColor,
+    loaderType = defaultProps2.loaderType,
+    position = defaultProps2.position,
+    overlay = defaultProps2.overlay,
+    panel = defaultProps2.panel,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...other,
+      className: classNames(
+        props.className,
+        LOADERCONTAINER_CLASSNAME,
+        optionClassNames(LOADERCONTAINER_CLASSNAME, {
+          size
+        }),
+        {
+          [`k-loader-${position}`]: position
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: `k-loader-container-overlay k-overlay-${overlay}` }),
+        /* @__PURE__ */ jsxs2("div", { className: classNames(
+          "k-loader-container-inner",
+          {
+            [`k-loader-container-panel`]: panel
+          }
+        ), children: [
+          /* @__PURE__ */ jsx2(loader_spec_default, { size, themeColor, animation: loaderType }),
+          /* @__PURE__ */ jsx2("div", { className: `k-loader-container-label !k-text-${themeColor}`, children: "Loading..." })
+        ] })
+      ]
+    }
+  );
+};
+LoaderContainer.states = states2;
+LoaderContainer.options = options2;
+LoaderContainer.className = LOADERCONTAINER_CLASSNAME;
+LoaderContainer.defaultProps = defaultProps2;
+
+// src/loader/templates/loader-normal.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-converging.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-container-normal.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+
+// src/loader/templates/loader-infinite.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var LoaderInfinite = (props) => /* @__PURE__ */ jsx6(Loader, { animation: "infinite-spinner", ...props });
+export {
+  LoaderInfinite
+};