npm - @progress/kendo-themes-html - Versions diffs - 6.1.1-dev.8 → 6.2.1-dev.0 - Mend

@progress/kendo-themes-html 6.1.1-dev.8 → 6.2.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (375) hide show

package/dist/slider/tests/slider-css-vars.js CHANGED Viewed

@@ -231,7 +231,7 @@
     }
 `;
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Single"), /* @__PURE__ */ import_react.default.createElement("span", null, "Range"), /* @__PURE__ */ import_react.default.createElement("span", null, "Single RTL"), /* @__PURE__ */ import_react.default.createElement("span", null, "Range RTL"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-s", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-n", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-s", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-n", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-s", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-n", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-s", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-n", rounded: "full", className: "k-button-increase" })))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Single"), /* @__PURE__ */ import_react.default.createElement("span", null, "Range"), /* @__PURE__ */ import_react.default.createElement("span", null, "Single RTL"), /* @__PURE__ */ import_react.default.createElement("span", null, "Range RTL"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-down", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-up", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-down", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-up", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-down", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-up", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", { dir: "rtl" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-range-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-down", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items" }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "25")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick" }), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-start" }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end" }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-up", rounded: "full", className: "k-button-increase" })))))
   );
 })();
 //# sourceMappingURL=slider-css-vars.js.map

package/dist/slider/tests/slider-css-vars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/slider/tests/slider-css-vars.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-slider-horizontal {\n        width: 100%;\n    }\n    .k-slider-vertical {\n        height: 300px;\n    }\n\n    .k-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 60;\n    }\n    .k-range-slider {\n        --kendo-slider-start: 20;\n        --kendo-slider-end: 60;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span>Single</span>\n            <span>Range</span>\n            <span>Single RTL</span>\n            <span>Range RTL</span>\n\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section>\n                <div className=\"k-widget k-slider k-range-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-range-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"arrow-s\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"arrow-n\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section>\n                <div className=\"k-widget k-slider k-range-slider k-slider-vertical\">\n                    <Button icon=\"arrow-s\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"arrow-n\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"arrow-s\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"arrow-n\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-range-slider k-slider-vertical\">\n                    <Button icon=\"arrow-s\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"arrow-n\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-slider-horizontal {\n        width: 100%;\n    }\n    .k-slider-vertical {\n        height: 300px;\n    }\n\n    .k-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 60;\n    }\n    .k-range-slider {\n        --kendo-slider-start: 20;\n        --kendo-slider-end: 60;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span>Single</span>\n            <span>Range</span>\n            <span>Single RTL</span>\n            <span>Range RTL</span>\n\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section>\n                <div className=\"k-widget k-slider k-range-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-range-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"caret-alt-down\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-up\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section>\n                <div className=\"k-widget k-slider k-range-slider k-slider-vertical\">\n                    <Button icon=\"caret-alt-down\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-up\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"caret-alt-down\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-up\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n            <section dir=\"rtl\">\n                <div className=\"k-widget k-slider k-range-slider k-slider-vertical\">\n                    <Button icon=\"caret-alt-down\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\">\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">0</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">25</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">50</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">75</span>\n                            </li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick\"></li>\n                            <li className=\"k-tick k-tick-large\">\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\"></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-start\"></a>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\"></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-up\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n"],
+  "mappings": "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",
   "names": ["React", "style", "ReactDOM", "React"]
 }

package/dist/slider/tests/slider-tick-absolute-position.js CHANGED Viewed

@@ -232,7 +232,7 @@
     }
 `;
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items", style: { position: "relative" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "0%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "33%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "33")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "50%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "75%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "100%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection", style: { width: "33%" } }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end", style: { left: "33%", zIndex: 1 } }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-s", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items", style: { position: "relative" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "100%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "75%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "50%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "33%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "33")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "0" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection", style: { bottom: "0", height: "33%" } }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end", style: { bottom: "33%", zIndex: 1 } }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "arrow-n", rounded: "full", className: "k-button-increase" })))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, style), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area", className: "k-d-grid k-grid-cols-4" }, /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-horizontal" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-left", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items", style: { position: "relative" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "0%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "33%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "33")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "50%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "75%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-horizontal", style: { zIndex: 1, position: "absolute", left: "100%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection", style: { width: "33%" } }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end", style: { left: "33%", zIndex: 1 } }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-right", rounded: "full", className: "k-button-increase" }))), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-widget k-slider k-slider-vertical" }, /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-down", rounded: "full", className: "k-button-decrease" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track-wrap" }, /* @__PURE__ */ import_react.default.createElement("ul", { className: "k-reset k-slider-items", style: { position: "relative" } }, /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "100%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "100")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "75%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "75")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "50%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "50")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "33%" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "33")), /* @__PURE__ */ import_react.default.createElement("li", { className: "k-tick k-tick-large k-tick-vertical", style: { zIndex: 1, position: "absolute", bottom: "0" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-label" }, "0"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-track" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-slider-selection", style: { bottom: "0", height: "33%" } }), /* @__PURE__ */ import_react.default.createElement("a", { href: "#", className: "k-draghandle k-draghandle-end", style: { bottom: "33%", zIndex: 1 } }))), /* @__PURE__ */ import_react.default.createElement(Button, { icon: "caret-alt-up", rounded: "full", className: "k-button-increase" })))))
   );
 })();
 //# sourceMappingURL=slider-tick-absolute-position.js.map

package/dist/slider/tests/slider-tick-absolute-position.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/slider/tests/slider-tick-absolute-position.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-slider-horizontal {\n        width: 1px;\n        width: 100%;\n    }\n    .k-slider-vertical {\n        height: 300px;\n    }\n\n    .k-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 60;\n    }\n    .k-range-slider {\n        --kendo-slider-start: 20;\n        --kendo-slider-end: 60;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\" style={{ position: 'relative' }}>\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '0%' }}>\n                                <span className=\"k-label\">0</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '33%' }}>\n                                <span className=\"k-label\">33</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '50%' }}>\n                                <span className=\"k-label\">50</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '75%' }}>\n                                <span className=\"k-label\">75</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '100%' }}>\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\" style={{ width: '33%' }}></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\" style={{ left: '33%', zIndex: 1 }}></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"arrow-s\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\" style={{ position: 'relative' }}>\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '100%' }}>\n                                <span className=\"k-label\">100</span>\n                            </li>\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '75%' }}>\n                                <span className=\"k-label\">75</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '50%' }}>\n                                <span className=\"k-label\">50</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '33%' }}>\n                                <span className=\"k-label\">33</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '0' }}>\n                                <span className=\"k-label\">0</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\" style={{ bottom: '0', height: '33%' }}></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\" style={{ bottom: '33%', zIndex: 1 }}></a>\n                        </div>\n                    </div>\n                    <Button icon=\"arrow-n\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-slider-horizontal {\n        width: 1px;\n        width: 100%;\n    }\n    .k-slider-vertical {\n        height: 300px;\n    }\n\n    .k-slider {\n        --kendo-slider-start: 0;\n        --kendo-slider-end: 60;\n    }\n    .k-range-slider {\n        --kendo-slider-start: 20;\n        --kendo-slider-end: 60;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-horizontal\">\n                    <Button icon=\"caret-alt-left\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\" style={{ position: 'relative' }}>\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '0%' }}>\n                                <span className=\"k-label\">0</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '33%' }}>\n                                <span className=\"k-label\">33</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '50%' }}>\n                                <span className=\"k-label\">50</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '75%' }}>\n                                <span className=\"k-label\">75</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-horizontal\" style={{ zIndex: 1, position: 'absolute', left: '100%' }}>\n                                <span className=\"k-label\">100</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\" style={{ width: '33%' }}></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\" style={{ left: '33%', zIndex: 1 }}></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-right\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n            <section>\n                <div className=\"k-widget k-slider k-slider-vertical\">\n                    <Button icon=\"caret-alt-down\" rounded=\"full\" className=\"k-button-decrease\"></Button>\n                    <div className=\"k-slider-track-wrap\">\n                        <ul className=\"k-reset k-slider-items\" style={{ position: 'relative' }}>\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '100%' }}>\n                                <span className=\"k-label\">100</span>\n                            </li>\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '75%' }}>\n                                <span className=\"k-label\">75</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '50%' }}>\n                                <span className=\"k-label\">50</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '33%' }}>\n                                <span className=\"k-label\">33</span>\n                            </li>\n\n                            <li className=\"k-tick k-tick-large k-tick-vertical\" style={{ zIndex: 1, position: 'absolute', bottom: '0' }}>\n                                <span className=\"k-label\">0</span>\n                            </li>\n                        </ul>\n                        <div className=\"k-slider-track\">\n                            <div className=\"k-slider-selection\" style={{ bottom: '0', height: '33%' }}></div>\n                            <a href=\"#\" className=\"k-draghandle k-draghandle-end\" style={{ bottom: '33%', zIndex: 1 }}></a>\n                        </div>\n                    </div>\n                    <Button icon=\"caret-alt-up\" rounded=\"full\" className=\"k-button-increase\"></Button>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n    size?: null | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';\n    rotate?: null | '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n    flip?: null | 'v' | 'h';\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name,\n            size,\n            rotate,\n            flip\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name,\n                                [`k-icon-${size}`]: size,\n                                [`k-rotate-${rotate}`]: rotate,\n                                [`k-flip-${flip}`]: flip\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n"],
+  "mappings": "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",
   "names": ["React", "style", "ReactDOM", "React"]
 }

package/dist/spinbutton/spinbutton.js CHANGED Viewed

@@ -228,7 +228,7 @@
           Button,
           {
             className: "k-spinner-increase",
-            icon: "arrow-n",
+            icon: "caret-alt-up",
             rounded: null,
             size,
             fillMode
@@ -238,7 +238,7 @@
           Button,
           {
             className: "k-spinner-decrease",
-            icon: "arrow-s",
+            icon: "caret-alt-down",
             rounded: null,
             size,
             fillMode