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

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

@@ -4356,8 +4356,10 @@ Icon.defaultProps = defaultProps3;
 var import_jsx_runtime4 = require("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"
@@ -4365,6 +4367,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4377,7 +4380,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4391,6 +4396,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 var dropzone_spec_default = Dropzone;

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

@@ -4354,8 +4354,10 @@ Icon.defaultProps = defaultProps3;
 var import_jsx_runtime4 = require("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"
@@ -4363,6 +4365,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4375,7 +4378,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4389,6 +4394,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

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

@@ -4354,8 +4354,10 @@ Icon.defaultProps = defaultProps3;
 var import_jsx_runtime4 = require("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"
@@ -4363,6 +4365,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4375,7 +4378,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4389,6 +4394,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

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

@@ -4354,8 +4354,10 @@ Icon.defaultProps = defaultProps3;
 var import_jsx_runtime4 = require("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"
@@ -4363,6 +4365,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4375,7 +4378,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4389,6 +4394,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/cjs/dropzone/tests/dropzone.js

@@ -4354,8 +4354,10 @@ Icon.defaultProps = defaultProps3;
 var import_jsx_runtime4 = require("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"
@@ -4363,6 +4365,7 @@ var defaultProps4 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps4.icon,
     hint = defaultProps4.hint,
     note,
@@ -4375,7 +4378,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4389,6 +4394,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states4;
+Dropzone.options = options4;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps4;
 

package/dist/cjs/editor/editor-toolbar.js

@@ -5167,7 +5167,9 @@ var defaultProps17 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5176,6 +5178,8 @@ var Slider = (props) => {
     readonly = defaultProps17.readonly,
     disabled = defaultProps17.disabled,
     handlePosition = defaultProps17.handlePosition,
+    showButtons = defaultProps17.showButtons,
+    showTicks = defaultProps17.showTicks,
     hover,
     focus,
     active,
@@ -5204,9 +5208,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(
@@ -5229,7 +5233,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;
@@ -5289,6 +5293,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/editor/templates/editor-normal.js

@@ -5202,7 +5202,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5211,6 +5213,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5239,9 +5243,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: classNames(
@@ -5264,7 +5268,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5324,6 +5328,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime40
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, {}),

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

@@ -5447,7 +5447,9 @@ var defaultProps22 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5456,6 +5458,8 @@ var Slider = (props) => {
     readonly = defaultProps22.readonly,
     disabled = defaultProps22.disabled,
     handlePosition = defaultProps22.handlePosition,
+    showButtons = defaultProps22.showButtons,
+    showTicks = defaultProps22.showTicks,
     hover,
     focus,
     active,
@@ -5484,9 +5488,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(
@@ -5509,7 +5513,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;
@@ -5569,6 +5573,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/editor/tests/editor-states.js

@@ -5202,7 +5202,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5211,6 +5213,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5239,9 +5243,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: classNames(
@@ -5264,7 +5268,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5324,6 +5328,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime40
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, {}),

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

@@ -5292,7 +5292,9 @@ var defaultProps20 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5301,6 +5303,8 @@ var Slider = (props) => {
     readonly = defaultProps20.readonly,
     disabled = defaultProps20.disabled,
     handlePosition = defaultProps20.handlePosition,
+    showButtons = defaultProps20.showButtons,
+    showTicks = defaultProps20.showTicks,
     hover,
     focus,
     active,
@@ -5329,9 +5333,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: classNames(
@@ -5354,7 +5358,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states21;
@@ -5414,6 +5418,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime45
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SliderTick, {}),
@@ -7048,7 +7054,8 @@ var defaultProps40 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode,
   flow: "vertical",
-  affixesOrientation: "horizontal"
+  affixesOrientation: "horizontal",
+  resize: "both"
 };
 var Textarea = (props) => {
   const {
@@ -7068,6 +7075,7 @@ var Textarea = (props) => {
     disabled,
     flow = defaultProps40.flow,
     affixesOrientation,
+    resize = defaultProps40.resize,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
@@ -7109,7 +7117,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/editor/tests/editor-view-source.js

@@ -4963,7 +4963,8 @@ var defaultProps14 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode,
   flow: "vertical",
-  affixesOrientation: "horizontal"
+  affixesOrientation: "horizontal",
+  resize: "both"
 };
 var Textarea = (props) => {
   const {
@@ -4983,6 +4984,7 @@ var Textarea = (props) => {
     disabled,
     flow = defaultProps14.flow,
     affixesOrientation,
+    resize = defaultProps14.resize,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -5024,7 +5026,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,
@@ -5080,5 +5089,5 @@ var editor_view_source_default = () => /* @__PURE__ */ (0, import_jsx_runtime28.
   /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(WindowNormal, { className: "k-editor-window", title: "View HTML", actions: ["x"], actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { themeColor: "primary", children: "Update" }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { children: "Cancel" })
-  ] }), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Textarea, { className: "k-editor-textarea" }) }) }) })
+  ] }), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Textarea, { flow: "horizontal", resize: "none", className: "k-editor-textarea" }) }) }) })
 ] });

package/dist/cjs/editor/tests/editor.js

@@ -5202,7 +5202,9 @@ var defaultProps18 = {
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -5211,6 +5213,8 @@ var Slider = (props) => {
     readonly = defaultProps18.readonly,
     disabled = defaultProps18.disabled,
     handlePosition = defaultProps18.handlePosition,
+    showButtons = defaultProps18.showButtons,
+    showTicks = defaultProps18.showTicks,
     hover,
     focus,
     active,
@@ -5239,9 +5243,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: classNames(
@@ -5264,7 +5268,7 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states19;
@@ -5324,6 +5328,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime40
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderTick, {}),