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

package/dist/esm/taskboard/tests/taskboard-card.js

@@ -5461,7 +5461,9 @@ var defaultProps19 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5470,6 +5472,8 @@ var Slider = (props) => {
     readonly = defaultProps19.readonly,
     disabled = defaultProps19.disabled,
     handlePosition = defaultProps19.handlePosition,
+    showButtons = defaultProps19.showButtons,
+    showTicks = defaultProps19.showTicks,
     hover,
     focus,
     active,
@@ -5498,9 +5502,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs15("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs15("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx45("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx45("span", { className: classNames(
@@ -5523,7 +5527,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states21;
@@ -5583,6 +5587,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx52(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs21(Fragment22, { children: [
       /* @__PURE__ */ jsx52(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx52(SliderTick, {}),

package/dist/esm/taskboard/tests/taskboard-pane.js

@@ -5574,7 +5574,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5583,6 +5585,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5611,9 +5615,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx49(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx49(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs16("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx49("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx49("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs16("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx49("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx49("span", { className: classNames(
@@ -5636,7 +5640,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx49(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx49(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5696,6 +5700,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx56(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs22(Fragment25, { children: [
       /* @__PURE__ */ jsx56(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx56(SliderTick, {}),

package/dist/esm/taskboard/tests/taskboard-rtl.js

@@ -5461,7 +5461,9 @@ var defaultProps19 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5470,6 +5472,8 @@ var Slider = (props) => {
     readonly = defaultProps19.readonly,
     disabled = defaultProps19.disabled,
     handlePosition = defaultProps19.handlePosition,
+    showButtons = defaultProps19.showButtons,
+    showTicks = defaultProps19.showTicks,
     hover,
     focus,
     active,
@@ -5498,9 +5502,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs15("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs15("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx45("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx45("span", { className: classNames(
@@ -5523,7 +5527,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states21;
@@ -5583,6 +5587,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx52(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs21(Fragment22, { children: [
       /* @__PURE__ */ jsx52(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx52(SliderTick, {}),

package/dist/esm/taskboard/tests/taskboard.js

@@ -5461,7 +5461,9 @@ var defaultProps19 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5470,6 +5472,8 @@ var Slider = (props) => {
     readonly = defaultProps19.readonly,
     disabled = defaultProps19.disabled,
     handlePosition = defaultProps19.handlePosition,
+    showButtons = defaultProps19.showButtons,
+    showTicks = defaultProps19.showTicks,
     hover,
     focus,
     active,
@@ -5498,9 +5502,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs15("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx45("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs15("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx45("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx45("span", { className: classNames(
@@ -5523,7 +5527,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx45(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states21;
@@ -5583,6 +5587,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx52(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs21(Fragment22, { children: [
       /* @__PURE__ */ jsx52(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx52(SliderTick, {}),

package/dist/esm/toolbar/templates/toolbar-angular-normal.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/toolbar/templates/toolbar-angular-resizable.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/toolbar/templates/toolbar-normal.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/toolbar/templates/toolbar-resizable.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/toolbar/tests/toolbar-adaptive.js

@@ -5577,7 +5577,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5586,6 +5588,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5614,9 +5618,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx43(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx43(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs15("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx43("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx43("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs15("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx43("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx43("span", { className: classNames(
@@ -5639,7 +5643,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx43(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx43(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states23;
@@ -5699,6 +5703,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx50(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs21(Fragment22, { children: [
       /* @__PURE__ */ jsx50(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx50(SliderTick, {}),

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

@@ -5541,7 +5541,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5550,6 +5552,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5578,9 +5582,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx46(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx46(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs14("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx46("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx46("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs14("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx46("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx46("span", { className: classNames(
@@ -5603,7 +5607,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx46(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx46(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5663,6 +5667,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx53(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs20(Fragment20, { children: [
       /* @__PURE__ */ jsx53(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx53(SliderTick, {}),

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

@@ -6556,7 +6556,9 @@ var defaultProps33 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6565,6 +6567,8 @@ var Slider = (props) => {
     readonly = defaultProps33.readonly,
     disabled = defaultProps33.disabled,
     handlePosition = defaultProps33.handlePosition,
+    showButtons = defaultProps33.showButtons,
+    showTicks = defaultProps33.showTicks,
     hover,
     focus,
     active,
@@ -6593,9 +6597,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx88(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx88(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs38("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx88("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx88("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs38("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx88("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx88("span", { className: classNames(
@@ -6618,7 +6622,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx88(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx88(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states34;
@@ -6678,6 +6682,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx95(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs44(Fragment33, { children: [
       /* @__PURE__ */ jsx95(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx95(SliderTick, {}),

package/dist/esm/toolbar/tests/toolbar-popup-size.js

@@ -5323,7 +5323,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5332,6 +5334,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5360,9 +5364,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx36(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx36(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs10("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx36("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx36("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs10("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx36("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx36("span", { className: classNames(
@@ -5385,7 +5389,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx36(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx36(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states20;
@@ -5445,6 +5449,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx43(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs16(Fragment18, { children: [
       /* @__PURE__ */ jsx43(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx43(SliderTick, {}),

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

@@ -5323,7 +5323,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5332,6 +5334,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5360,9 +5364,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx36(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx36(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs10("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx36("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx36("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs10("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx36("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx36("span", { className: classNames(
@@ -5385,7 +5389,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx36(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx36(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states20;
@@ -5445,6 +5449,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx43(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs16(Fragment18, { children: [
       /* @__PURE__ */ jsx43(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx43(SliderTick, {}),