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

package/dist/esm/grid/tests/grid-editing-inline-angular.js

@@ -5387,7 +5387,9 @@ var defaultProps21 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5396,6 +5398,8 @@ var Slider = (props) => {
     readonly = defaultProps21.readonly,
     disabled = defaultProps21.disabled,
     handlePosition = defaultProps21.handlePosition,
+    showButtons = defaultProps21.showButtons,
+    showTicks = defaultProps21.showTicks,
     hover,
     focus,
     active,
@@ -5424,9 +5428,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx42(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx42(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs12("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx42("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx42("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs12("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx42("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx42("span", { className: classNames(
@@ -5449,7 +5453,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx42(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx42(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5509,6 +5513,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx49(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs18(Fragment21, { children: [
       /* @__PURE__ */ jsx49(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx49(SliderTick, {}),

package/dist/esm/grid/tests/grid-editing-inline-blazor.js

@@ -5387,7 +5387,9 @@ var defaultProps21 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5396,6 +5398,8 @@ var Slider = (props) => {
     readonly = defaultProps21.readonly,
     disabled = defaultProps21.disabled,
     handlePosition = defaultProps21.handlePosition,
+    showButtons = defaultProps21.showButtons,
+    showTicks = defaultProps21.showTicks,
     hover,
     focus,
     active,
@@ -5424,9 +5428,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx42(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx42(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs12("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx42("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx42("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs12("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx42("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx42("span", { className: classNames(
@@ -5449,7 +5453,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx42(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx42(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5509,6 +5513,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx49(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs18(Fragment21, { children: [
       /* @__PURE__ */ jsx49(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx49(SliderTick, {}),

package/dist/esm/grid/tests/grid-editing.js

@@ -6135,7 +6135,9 @@ var defaultProps29 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6144,6 +6146,8 @@ var Slider = (props) => {
     readonly = defaultProps29.readonly,
     disabled = defaultProps29.disabled,
     handlePosition = defaultProps29.handlePosition,
+    showButtons = defaultProps29.showButtons,
+    showTicks = defaultProps29.showTicks,
     hover,
     focus,
     active,
@@ -6172,9 +6176,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs29("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs29("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx71("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx71("span", { className: classNames(
@@ -6197,7 +6201,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states30;
@@ -6257,6 +6261,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx78(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs35(Fragment28, { children: [
       /* @__PURE__ */ jsx78(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx78(SliderTick, {}),

package/dist/esm/grid/tests/grid-filter-row-angular.js

@@ -6123,7 +6123,9 @@ var defaultProps29 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6132,6 +6134,8 @@ var Slider = (props) => {
     readonly = defaultProps29.readonly,
     disabled = defaultProps29.disabled,
     handlePosition = defaultProps29.handlePosition,
+    showButtons = defaultProps29.showButtons,
+    showTicks = defaultProps29.showTicks,
     hover,
     focus,
     active,
@@ -6160,9 +6164,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs29("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs29("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx71("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx71("span", { className: classNames(
@@ -6185,7 +6189,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states30;
@@ -6245,6 +6249,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx78(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs35(Fragment28, { children: [
       /* @__PURE__ */ jsx78(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx78(SliderTick, {}),

package/dist/esm/grid/tests/grid-filter-row-blazor.js

@@ -6123,7 +6123,9 @@ var defaultProps29 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6132,6 +6134,8 @@ var Slider = (props) => {
     readonly = defaultProps29.readonly,
     disabled = defaultProps29.disabled,
     handlePosition = defaultProps29.handlePosition,
+    showButtons = defaultProps29.showButtons,
+    showTicks = defaultProps29.showTicks,
     hover,
     focus,
     active,
@@ -6160,9 +6164,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs29("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx71("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs29("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx71("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx71("span", { className: classNames(
@@ -6185,7 +6189,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx71(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states30;
@@ -6245,6 +6249,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx78(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs35(Fragment28, { children: [
       /* @__PURE__ */ jsx78(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx78(SliderTick, {}),

package/dist/esm/grid/tests/grid-filter-row.js

@@ -6013,7 +6013,9 @@ var defaultProps27 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6022,6 +6024,8 @@ var Slider = (props) => {
     readonly = defaultProps27.readonly,
     disabled = defaultProps27.disabled,
     handlePosition = defaultProps27.handlePosition,
+    showButtons = defaultProps27.showButtons,
+    showTicks = defaultProps27.showTicks,
     hover,
     focus,
     active,
@@ -6050,9 +6054,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx67(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx67(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs27("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx67("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx67("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs27("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx67("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx67("span", { className: classNames(
@@ -6075,7 +6079,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx67(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx67(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states29;
@@ -6135,6 +6139,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx74(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs33(Fragment26, { children: [
       /* @__PURE__ */ jsx74(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx74(SliderTick, {}),

package/dist/esm/grid/tests/grid-grouping-actions.js

@@ -6793,7 +6793,9 @@ var defaultProps35 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6802,6 +6804,8 @@ var Slider = (props) => {
     readonly = defaultProps35.readonly,
     disabled = defaultProps35.disabled,
     handlePosition = defaultProps35.handlePosition,
+    showButtons = defaultProps35.showButtons,
+    showTicks = defaultProps35.showTicks,
     hover,
     focus,
     active,
@@ -6830,9 +6834,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx106(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx106(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs34("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx106("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx106("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs34("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx106("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx106("span", { className: classNames(
@@ -6855,7 +6859,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx106(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx106(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states38;
@@ -6915,6 +6919,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx113(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs40(Fragment25, { children: [
       /* @__PURE__ */ jsx113(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx113(SliderTick, {}),

package/dist/esm/grid/tests/grid-grouping.js

@@ -5147,7 +5147,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5156,6 +5158,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5184,9 +5188,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx32(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx32(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs9("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx32("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx32("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs9("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx32("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx32("span", { className: classNames(
@@ -5209,7 +5213,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx32(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx32(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5269,6 +5273,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx39(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs15(Fragment16, { children: [
       /* @__PURE__ */ jsx39(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx39(SliderTick, {}),

package/dist/esm/grid/tests/grid-row-reordering.js

@@ -6279,7 +6279,9 @@ var defaultProps29 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6288,6 +6290,8 @@ var Slider = (props) => {
     readonly = defaultProps29.readonly,
     disabled = defaultProps29.disabled,
     handlePosition = defaultProps29.handlePosition,
+    showButtons = defaultProps29.showButtons,
+    showTicks = defaultProps29.showTicks,
     hover,
     focus,
     active,
@@ -6316,9 +6320,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx72(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx72(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs29("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx72("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx72("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs29("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx72("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx72("span", { className: classNames(
@@ -6341,7 +6345,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx72(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx72(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states30;
@@ -6401,6 +6405,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx79(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs35(Fragment25, { children: [
       /* @__PURE__ */ jsx79(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx79(SliderTick, {}),

package/dist/esm/grid/tests/grid-rows-resizing.js

@@ -5147,7 +5147,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5156,6 +5158,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5184,9 +5188,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx32(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx32(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs9("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx32("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx32("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs9("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx32("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx32("span", { className: classNames(
@@ -5209,7 +5213,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx32(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx32(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5269,6 +5273,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx39(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs15(Fragment16, { children: [
       /* @__PURE__ */ jsx39(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx39(SliderTick, {}),

package/dist/esm/grid/tests/grid-size-sm-comp-sm.js

@@ -6691,7 +6691,9 @@ var defaultProps34 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6700,6 +6702,8 @@ var Slider = (props) => {
     readonly = defaultProps34.readonly,
     disabled = defaultProps34.disabled,
     handlePosition = defaultProps34.handlePosition,
+    showButtons = defaultProps34.showButtons,
+    showTicks = defaultProps34.showTicks,
     hover,
     focus,
     active,
@@ -6728,9 +6732,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx91(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx91(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs31("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx91("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx91("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs31("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx91("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx91("span", { className: classNames(
@@ -6753,7 +6757,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx91(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx91(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states35;
@@ -6813,6 +6817,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx98(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs37(Fragment28, { children: [
       /* @__PURE__ */ jsx98(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx98(SliderTick, {}),

package/dist/esm/grid/tests/grid-size-sm.js

@@ -6691,7 +6691,9 @@ var defaultProps34 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6700,6 +6702,8 @@ var Slider = (props) => {
     readonly = defaultProps34.readonly,
     disabled = defaultProps34.disabled,
     handlePosition = defaultProps34.handlePosition,
+    showButtons = defaultProps34.showButtons,
+    showTicks = defaultProps34.showTicks,
     hover,
     focus,
     active,
@@ -6728,9 +6732,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx91(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx91(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs31("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx91("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx91("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs31("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx91("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx91("span", { className: classNames(
@@ -6753,7 +6757,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx91(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx91(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states35;
@@ -6813,6 +6817,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx98(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs37(Fragment28, { children: [
       /* @__PURE__ */ jsx98(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx98(SliderTick, {}),

package/dist/esm/grid/tests/grid-toolbar.js

@@ -5222,7 +5222,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5231,6 +5233,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5259,9 +5263,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx34(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx34(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs10("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx34("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx34("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs10("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx34("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx34("span", { className: classNames(
@@ -5284,7 +5288,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx34(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx34(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5344,6 +5348,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx41(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs16(Fragment16, { children: [
       /* @__PURE__ */ jsx41(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx41(SliderTick, {}),