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

package/dist/cjs/textarea/tests/textarea-size-rounded.js

@@ -4745,7 +4745,8 @@ var defaultProps11 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode,
   flow: "vertical",
-  affixesOrientation: "horizontal"
+  affixesOrientation: "horizontal",
+  resize: "both"
 };
 var Textarea = (props) => {
   const {
@@ -4765,6 +4766,7 @@ var Textarea = (props) => {
     disabled,
     flow = defaultProps11.flow,
     affixesOrientation,
+    resize = defaultProps11.resize,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -4806,7 +4808,14 @@ var Textarea = (props) => {
           InputInnerTextarea,
           {
             className: classNames(
-              "!k-overflow-auto"
+              "!k-overflow-auto",
+              {
+                ["!k-flex-none"]: flow === "vertical",
+                ["k-resize-x"]: resize === "x",
+                ["k-resize-y"]: resize === "y",
+                ["k-resize"]: resize === "both",
+                ["k-resize-none"]: resize === "none"
+              }
             ),
             value,
             placeholder,

package/dist/cjs/textarea/tests/textarea-solid.js

@@ -4745,7 +4745,8 @@ var defaultProps11 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode,
   flow: "vertical",
-  affixesOrientation: "horizontal"
+  affixesOrientation: "horizontal",
+  resize: "both"
 };
 var Textarea = (props) => {
   const {
@@ -4765,6 +4766,7 @@ var Textarea = (props) => {
     disabled,
     flow = defaultProps11.flow,
     affixesOrientation,
+    resize = defaultProps11.resize,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -4806,7 +4808,14 @@ var Textarea = (props) => {
           InputInnerTextarea,
           {
             className: classNames(
-              "!k-overflow-auto"
+              "!k-overflow-auto",
+              {
+                ["!k-flex-none"]: flow === "vertical",
+                ["k-resize-x"]: resize === "x",
+                ["k-resize-y"]: resize === "y",
+                ["k-resize"]: resize === "both",
+                ["k-resize-none"]: resize === "none"
+              }
             ),
             value,
             placeholder,

package/dist/cjs/textarea/textarea.spec.js

@@ -4747,7 +4747,8 @@ var defaultProps11 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode,
   flow: "vertical",
-  affixesOrientation: "horizontal"
+  affixesOrientation: "horizontal",
+  resize: "both"
 };
 var Textarea = (props) => {
   const {
@@ -4767,6 +4768,7 @@ var Textarea = (props) => {
     disabled,
     flow = defaultProps11.flow,
     affixesOrientation,
+    resize = defaultProps11.resize,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -4808,7 +4810,14 @@ var Textarea = (props) => {
           InputInnerTextarea,
           {
             className: classNames(
-              "!k-overflow-auto"
+              "!k-overflow-auto",
+              {
+                ["!k-flex-none"]: flow === "vertical",
+                ["k-resize-x"]: resize === "x",
+                ["k-resize-y"]: resize === "y",
+                ["k-resize"]: resize === "both",
+                ["k-resize-none"]: resize === "none"
+              }
             ),
             value,
             placeholder,

package/dist/cjs/toolbar/templates/toolbar-angular-normal.js

@@ -5166,7 +5166,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5175,6 +5177,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5203,9 +5207,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: classNames(
@@ -5228,7 +5232,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5288,6 +5292,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime39
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, {}),

package/dist/cjs/toolbar/templates/toolbar-angular-resizable.js

@@ -5166,7 +5166,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5175,6 +5177,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5203,9 +5207,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: classNames(
@@ -5228,7 +5232,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5288,6 +5292,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime39
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, {}),

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

@@ -5166,7 +5166,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5175,6 +5177,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5203,9 +5207,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: classNames(
@@ -5228,7 +5232,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5288,6 +5292,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime39
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, {}),

package/dist/cjs/toolbar/templates/toolbar-resizable.js

@@ -5166,7 +5166,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5175,6 +5177,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5203,9 +5207,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: classNames(
@@ -5228,7 +5232,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5288,6 +5292,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime39
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, {}),

package/dist/cjs/toolbar/tests/toolbar-adaptive.js

@@ -5596,7 +5596,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5605,6 +5607,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5633,9 +5637,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: classNames(
@@ -5658,7 +5662,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states23;
@@ -5718,6 +5722,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime50
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderTick, {}),

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

@@ -5560,7 +5560,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5569,6 +5571,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5597,9 +5601,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: classNames(
@@ -5622,7 +5626,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5682,6 +5686,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime53
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SliderTick, {}),

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

@@ -6575,7 +6575,9 @@ var defaultProps33 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6584,6 +6586,8 @@ var Slider = (props) => {
     readonly = defaultProps33.readonly,
     disabled = defaultProps33.disabled,
     handlePosition = defaultProps33.handlePosition,
+    showButtons = defaultProps33.showButtons,
+    showTicks = defaultProps33.showTicks,
     hover,
     focus,
     active,
@@ -6612,9 +6616,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: classNames(
@@ -6637,7 +6641,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states34;
@@ -6697,6 +6701,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime95
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SliderTick, {}),

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

@@ -5342,7 +5342,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5351,6 +5353,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5379,9 +5383,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: classNames(
@@ -5404,7 +5408,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states20;
@@ -5464,6 +5468,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime43
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SliderTick, {}),

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

@@ -5342,7 +5342,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5351,6 +5353,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5379,9 +5383,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: classNames(
@@ -5404,7 +5408,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states20;
@@ -5464,6 +5468,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime43
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SliderTick, {}),

package/dist/cjs/toolbar/tests/toolbar-sizes.js

@@ -5166,7 +5166,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5175,6 +5177,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5203,9 +5207,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: classNames(
@@ -5228,7 +5232,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states18;
@@ -5288,6 +5292,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime39
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SliderTick, {}),

package/dist/cjs/toolbar/tests/toolbar.js

@@ -5560,7 +5560,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5569,6 +5571,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5597,9 +5601,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: classNames(
@@ -5622,7 +5626,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states22;
@@ -5682,6 +5686,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime53
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SliderTick, {}),