@progress/kendo-themes-html 7.1.0-dev.8 → 7.1.0-dev.9

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

@@ -7016,7 +7016,9 @@ var defaultProps39 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -7025,6 +7027,8 @@ var Slider = (props) => {
     readonly = defaultProps39.readonly,
     disabled = defaultProps39.disabled,
     handlePosition = defaultProps39.handlePosition,
+    showButtons = defaultProps39.showButtons,
+    showTicks = defaultProps39.showTicks,
     hover,
     focus,
     active,
@@ -7053,9 +7057,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: classNames(
@@ -7078,7 +7082,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states40;
@@ -7138,6 +7142,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime99
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SliderTick, {}),

package/dist/cjs/filter/templates/filter-preview.js

@@ -7016,7 +7016,9 @@ var defaultProps39 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -7025,6 +7027,8 @@ var Slider = (props) => {
     readonly = defaultProps39.readonly,
     disabled = defaultProps39.disabled,
     handlePosition = defaultProps39.handlePosition,
+    showButtons = defaultProps39.showButtons,
+    showTicks = defaultProps39.showTicks,
     hover,
     focus,
     active,
@@ -7053,9 +7057,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: classNames(
@@ -7078,7 +7082,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states40;
@@ -7138,6 +7142,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime99
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(SliderTick, {}),

package/dist/cjs/filter/tests/filter-preview.js

@@ -6916,7 +6916,9 @@ var defaultProps34 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6925,6 +6927,8 @@ var Slider = (props) => {
     readonly = defaultProps34.readonly,
     disabled = defaultProps34.disabled,
     handlePosition = defaultProps34.handlePosition,
+    showButtons = defaultProps34.showButtons,
+    showTicks = defaultProps34.showTicks,
     hover,
     focus,
     active,
@@ -6953,9 +6957,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: classNames(
@@ -6978,7 +6982,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states35;
@@ -7038,6 +7042,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime94
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SliderTick, {}),

package/dist/cjs/filter/tests/filter.js

@@ -6916,7 +6916,9 @@ var defaultProps34 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6925,6 +6927,8 @@ var Slider = (props) => {
     readonly = defaultProps34.readonly,
     disabled = defaultProps34.disabled,
     handlePosition = defaultProps34.handlePosition,
+    showButtons = defaultProps34.showButtons,
+    showTicks = defaultProps34.showTicks,
     hover,
     focus,
     active,
@@ -6953,9 +6957,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: classNames(
@@ -6978,7 +6982,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states35;
@@ -7038,6 +7042,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime94
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SliderTick, {}),