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

package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.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/dock-manager/tests/dock-manager.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/dropzone/dropzone.spec.js

@@ -4335,8 +4335,10 @@ Icon.defaultProps = defaultProps3;
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states4 = [
+  States.disabled,
   States.hover
 ];
+var options4 = {};
 var defaultProps4 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4344,6 +4346,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4356,7 +4359,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4370,6 +4375,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 var dropzone_spec_default = Dropzone;

package/dist/esm/dropzone/templates/dropzone-normal.js

@@ -4335,8 +4335,10 @@ Icon.defaultProps = defaultProps3;
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states4 = [
+  States.disabled,
   States.hover
 ];
+var options4 = {};
 var defaultProps4 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4344,6 +4346,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4356,7 +4359,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4370,6 +4375,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/esm/dropzone/templates/dropzone-with-note.js

@@ -4335,8 +4335,10 @@ Icon.defaultProps = defaultProps3;
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states4 = [
+  States.disabled,
   States.hover
 ];
+var options4 = {};
 var defaultProps4 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4344,6 +4346,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4356,7 +4359,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4370,6 +4375,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/esm/dropzone/tests/dropzone-states.js

@@ -4335,8 +4335,10 @@ Icon.defaultProps = defaultProps3;
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states4 = [
+  States.disabled,
   States.hover
 ];
+var options4 = {};
 var defaultProps4 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4344,6 +4346,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4356,7 +4359,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4370,6 +4375,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/esm/dropzone/tests/dropzone.js

@@ -4335,8 +4335,10 @@ Icon.defaultProps = defaultProps3;
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states4 = [
+  States.disabled,
   States.hover
 ];
+var options4 = {};
 var defaultProps4 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4344,6 +4346,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4356,7 +4359,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4370,6 +4375,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/esm/editor/editor-toolbar.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/editor/templates/editor-normal.js

@@ -5183,7 +5183,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5192,6 +5194,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5220,9 +5224,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs9("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs9("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx33("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx33("span", { className: classNames(
@@ -5245,7 +5249,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5305,6 +5309,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx40(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs15(Fragment16, { children: [
       /* @__PURE__ */ jsx40(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx40(SliderTick, {}),

package/dist/esm/editor/tests/editor-find-replace.js

@@ -5428,7 +5428,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5437,6 +5439,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5465,9 +5469,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__ */ jsxs12("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__ */ jsxs12("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx43("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx43("span", { className: classNames(
@@ -5490,7 +5494,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;
@@ -5550,6 +5554,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx50(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs18(Fragment21, { children: [
       /* @__PURE__ */ jsx50(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx50(SliderTick, {}),

package/dist/esm/editor/tests/editor-states.js

@@ -5183,7 +5183,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5192,6 +5194,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5220,9 +5224,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs9("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs9("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx33("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx33("span", { className: classNames(
@@ -5245,7 +5249,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5305,6 +5309,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx40(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs15(Fragment16, { children: [
       /* @__PURE__ */ jsx40(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx40(SliderTick, {}),

package/dist/esm/editor/tests/editor-table-wizard.js

@@ -5273,7 +5273,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5282,6 +5284,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5310,9 +5314,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx38(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx38(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs11("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx38("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx38("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs11("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx38("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx38("span", { className: classNames(
@@ -5335,7 +5339,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx38(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx38(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states21;
@@ -5395,6 +5399,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx45(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs17(Fragment18, { children: [
       /* @__PURE__ */ jsx45(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx45(SliderTick, {}),

package/dist/esm/editor/tests/editor.js

@@ -5183,7 +5183,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5192,6 +5194,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5220,9 +5224,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs9("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx33("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs9("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx33("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx33("span", { className: classNames(
@@ -5245,7 +5249,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx33(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5305,6 +5309,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx40(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs15(Fragment16, { children: [
       /* @__PURE__ */ jsx40(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx40(SliderTick, {}),