npm - @progress/kendo-themes-html - Versions diffs - 5.6.1-dev.4 → 5.6.1-dev.7 - Mend

@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.7

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 (698) hide show

package/dist/progressbar/tests/progressbar-blazor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/progressbar/tests/progressbar-blazor.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    #test-area {\n        grid-template-columns: auto 1fr 1fr;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <span></span>\n            <span>LTR</span>\n            <span>RTL</span>\n\n            <span>Partial start</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"5\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">5%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">5%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"5\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">5%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">5%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>Partial center</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>Partial end</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"95\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">95%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">95%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"95\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">95%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">95%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% start</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% center</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% end</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <span>No Label</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n\n            <span>Thin style</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: \"2px\", \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: \"2px\", \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n\n            <span>Thick style</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: '50px', \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: '50px', \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-state-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    #test-area {\n        grid-template-columns: auto 1fr 1fr;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <span></span>\n            <span>LTR</span>\n            <span>RTL</span>\n\n            <span>Partial start</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"5\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">5%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">5%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"5\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">5%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">5%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>Partial center</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>Partial end</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"95\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">95%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">95%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"95\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">95%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">95%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% start</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-start\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-start\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% center</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-center\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-center\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n\n            <span>100% end</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"100\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">100%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">100%</span>\n                    </span>\n                </div>\n            </div>\n            <span>No Label</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n\n            <span>Thin style</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: \"2px\", \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: \"2px\", \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\"></span>\n                </div>\n            </div>\n\n            <span>Thick style</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: '50px', \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ height: '50px', \"--kendo-progressbar-progress\": \"50\" } as React.CSSProperties}>\n                <span className=\"k-progress-status-wrap k-progress-end\">\n                    <span className=\"k-progress-status\">50%</span>\n                </span>\n                <div className=\"k-selected\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">50%</span>\n                    </span>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n"],
   "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/progressbar/tests/progressbar-horizontal-chunk.js CHANGED Viewed

@@ -45,10 +45,10 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
       className: "k-item",
@@ -65,10 +65,10 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
       className: "k-item",
@@ -84,19 +84,19 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     }))), /* @__PURE__ */ import_react.default.createElement("div", {
       dir: "rtl",
@@ -104,19 +104,19 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     }))), /* @__PURE__ */ import_react.default.createElement("span", null, "Chunk reverse"), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse"
@@ -132,10 +132,10 @@
       className: "k-item",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     }))), /* @__PURE__ */ import_react.default.createElement("div", {
       dir: "rtl",
@@ -152,29 +152,29 @@
       className: "k-item",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     }))), /* @__PURE__ */ import_react.default.createElement("span", null, "Chunk 100% reverse"), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse"
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     }))), /* @__PURE__ */ import_react.default.createElement("div", {
       dir: "rtl",
@@ -182,19 +182,19 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "20%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected k-last",
+      className: "k-item k-selected k-last",
       style: { width: "20%" }
     })))))
   );

package/dist/progressbar/tests/progressbar-horizontal-chunk.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/progressbar/tests/progressbar-horizontal-chunk.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    #test-area {\n        grid-template-columns: auto 1fr 1fr;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <span></span>\n            <span>LTR</span>\n            <span>RTL</span>\n\n            <span>Chunk</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk 100%</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk reverse</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk 100% reverse</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-state-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n        </div>\n    </>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    #test-area {\n        grid-template-columns: auto 1fr 1fr;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n\n            <span></span>\n            <span>LTR</span>\n            <span>RTL</span>\n\n            <span>Chunk</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk 100%</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk reverse</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n            <span>Chunk 100% reverse</span>\n            <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n            <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-reverse\">\n                <ul className=\"k-reset\">\n                    <li className=\"k-item k-first k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected\" style={{ width: \"20%\" }} ></li>\n                    <li className=\"k-item k-selected k-last\" style={{ width: \"20%\" }} ></li>\n                </ul>\n            </div>\n\n        </div>\n    </>\n);\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js CHANGED Viewed

@@ -71,7 +71,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "75")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "75%", height: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",
@@ -86,7 +86,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "75")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "75%", height: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",
@@ -98,19 +98,19 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
       className: "k-item",
@@ -133,19 +133,19 @@
     }, /* @__PURE__ */ import_react.default.createElement("ul", {
       className: "k-reset"
     }, /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-first k-state-selected",
+      className: "k-item k-first k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
-      className: "k-item k-state-selected",
+      className: "k-item k-selected",
       style: { width: "10%" }
     }), /* @__PURE__ */ import_react.default.createElement("li", {
       className: "k-item",

package/dist/progressbar/tests/progressbar-horizontal-indeterminate.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/progressbar/tests/progressbar-horizontal-indeterminate.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-progressbar-indeterminate,\n    .k-progressbar-indeterminate::before,\n    .k-progressbar-indeterminate::after {\n        /* Comment if you need to preview the indeterminate animation */\n        animation: none !important;\n    }\n\n    .subgrid-horizontal {\n        display: grid;\n        grid-template-columns: auto 1fr 1fr;\n        grid-gap: 20px;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n            <div className=\"subgrid-horizontal\">\n                <span></span>\n                <span>LTR</span>\n                <span>RTL</span>\n\n                <span>Indeterminate</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap\">\n                        <span className=\"k-progress-status\">0</span>\n                    </span>\n                </div>\n                <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap\">\n                        <span className=\"k-progress-status\">0</span>\n                    </span>\n                </div>\n\n                <span>Indeterminate Angular</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">75</span>\n                    </span>\n                    <div className=\"k-state-selected\" style={{ width: \"75%\", height: \"100%\" }} >\n                        <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: \"133.333%\", height: \"100%\" }} >\n                            <span className=\"k-progress-status\">75</span>\n                        </span>\n                    </div>\n                </div>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\" dir=\"rtl\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">75</span>\n                    </span>\n                    <div className=\"k-state-selected\" style={{ width: \"75%\", height: \"100%\" }} >\n                        <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: \"133.333%\", height: \"100%\" }} >\n                            <span className=\"k-progress-status\">75</span>\n                        </span>\n                    </div>\n                </div>\n\n                <span>Chunk Indeterminate</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <ul className=\"k-reset\">\n                        <li className=\"k-item k-first k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-last\" style={{ width: \"10%\" }} ></li>\n                    </ul>\n                </div>\n                <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <ul className=\"k-reset\">\n                        <li className=\"k-item k-first k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-state-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-last\" style={{ width: \"10%\" }} ></li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;AAErB,MAAM,OAAO,cAAAA,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAed,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC,eAAO,KAAM,GACd,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,MAAY,WAAU;AAAA,OAC1B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC,YAAK,GACN,6BAAAA,QAAA,cAAC,cAAK,KAAG,GACT,6BAAAA,QAAA,cAAC,cAAK,KAAG,GAET,6BAAAA,QAAA,cAAC,cAAK,eAAa,GACnB,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OACZ,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,GAAC,CACzC,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,KAAI;AAAA,MAAM,WAAU;AAAA,OACrB,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OACZ,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,GAAC,CACzC,CACJ,GAEA,6BAAAA,QAAA,cAAC,cAAK,uBAAqB,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OACZ,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,IAAE,CAC1C,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAmB,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO;AAAA,OACpE,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAwC,OAAO,EAAE,OAAO,YAAY,QAAQ,OAAO;AAAA,OAC/F,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,IAAE,CAC1C,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAA8E,KAAI;AAAA,OAC7F,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OACZ,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,IAAE,CAC1C,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAmB,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO;AAAA,OACpE,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAwC,OAAO,EAAE,OAAO,YAAY,QAAQ,OAAO;AAAA,OAC/F,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAoB,IAAE,CAC1C,CACJ,CACJ,GAEA,6BAAAA,QAAA,cAAC,cAAK,qBAAmB,GACzB,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,OACV,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAkC,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAC1E,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAgB,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,CAC5D,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,KAAI;AAAA,MAAM,WAAU;AAAA,OACrB,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,OACV,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAkC,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAC1E,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAA0B,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GAClE,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAS,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAgB,OAAO,EAAE,OAAO,MAAM;AAAA,KAAI,CAC5D,CACJ,CACJ,CACJ,CACJ;AAAA,EACJ;",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n    .k-progressbar-indeterminate,\n    .k-progressbar-indeterminate::before,\n    .k-progressbar-indeterminate::after {\n        /* Comment if you need to preview the indeterminate animation */\n        animation: none !important;\n    }\n\n    .subgrid-horizontal {\n        display: grid;\n        grid-template-columns: auto 1fr 1fr;\n        grid-gap: 20px;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{style}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n            <div className=\"subgrid-horizontal\">\n                <span></span>\n                <span>LTR</span>\n                <span>RTL</span>\n\n                <span>Indeterminate</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap\">\n                        <span className=\"k-progress-status\">0</span>\n                    </span>\n                </div>\n                <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap\">\n                        <span className=\"k-progress-status\">0</span>\n                    </span>\n                </div>\n\n                <span>Indeterminate Angular</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">75</span>\n                    </span>\n                    <div className=\"k-selected\" style={{ width: \"75%\", height: \"100%\" }} >\n                        <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: \"133.333%\", height: \"100%\" }} >\n                            <span className=\"k-progress-status\">75</span>\n                        </span>\n                    </div>\n                </div>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\" dir=\"rtl\">\n                    <span className=\"k-progress-status-wrap k-progress-end\">\n                        <span className=\"k-progress-status\">75</span>\n                    </span>\n                    <div className=\"k-selected\" style={{ width: \"75%\", height: \"100%\" }} >\n                        <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: \"133.333%\", height: \"100%\" }} >\n                            <span className=\"k-progress-status\">75</span>\n                        </span>\n                    </div>\n                </div>\n\n                <span>Chunk Indeterminate</span>\n                <div className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <ul className=\"k-reset\">\n                        <li className=\"k-item k-first k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-last\" style={{ width: \"10%\" }} ></li>\n                    </ul>\n                </div>\n                <div dir=\"rtl\" className=\"k-widget k-progressbar k-progressbar-horizontal k-progressbar-indeterminate\">\n                    <ul className=\"k-reset\">\n                        <li className=\"k-item k-first k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-selected\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item\" style={{ width: \"10%\" }} ></li>\n                        <li className=\"k-item k-last\" style={{ width: \"10%\" }} ></li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </>\n);\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/progressbar/tests/progressbar-horizontal-reverse.js CHANGED Viewed

@@ -64,7 +64,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "95%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "95%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-start",
@@ -79,7 +79,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "95%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "95%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-start",
@@ -93,7 +93,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "50%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "50%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-center",
@@ -108,7 +108,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "50%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "50%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-center",
@@ -122,7 +122,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "5%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "5%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",
@@ -137,7 +137,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "5%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "5%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",
@@ -151,7 +151,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-start",
@@ -166,7 +166,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-start",
@@ -180,7 +180,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-center",
@@ -195,7 +195,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-center",
@@ -209,7 +209,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",
@@ -224,7 +224,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status"
     }, "100%")), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-state-selected",
+      className: "k-selected",
       style: { width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-progress-status-wrap k-progress-end",