@progress/kendo-themes-html 5.6.1-dev.0 → 5.6.1-dev.1
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.
- package/dist/grid/tests/grid-adaptive-pager.js +2 -2
- package/dist/grid/tests/grid-adaptive-pager.js.map +1 -1
- package/dist/grid/tests/grid-angular.js +6 -6
- package/dist/grid/tests/grid-angular.js.map +2 -2
- package/dist/grid/tests/grid-pager.js +16 -16
- package/dist/grid/tests/grid-pager.js.map +2 -2
- package/dist/grid/tests/grid-rtl-angular.js +6 -6
- package/dist/grid/tests/grid-rtl-angular.js.map +2 -2
- package/dist/grid/tests/grid-rtl.js +1 -1
- package/dist/grid/tests/grid-rtl.js.map +1 -1
- package/dist/grid/tests/grid-sticky-columns-rtl.js +1 -1
- package/dist/grid/tests/grid-sticky-columns-rtl.js.map +2 -2
- package/dist/grid/tests/grid.js +7 -7
- package/dist/grid/tests/grid.js.map +2 -2
- package/dist/pager/tests/pager-responsive.js +39 -39
- package/dist/pager/tests/pager-responsive.js.map +2 -2
- package/dist/pager/tests/pager.js +24 -24
- package/dist/pager/tests/pager.js.map +2 -2
- package/dist/panelbar/tests/panelbar-angular.js +8 -8
- package/dist/panelbar/tests/panelbar-angular.js.map +1 -1
- package/dist/panelbar/tests/panelbar-jquery.js +8 -8
- package/dist/panelbar/tests/panelbar-jquery.js.map +1 -1
- package/dist/panelbar/tests/panelbar-react.js +8 -8
- package/dist/panelbar/tests/panelbar-react.js.map +1 -1
- package/dist/panelbar/tests/panelbar-universal.js +8 -8
- package/dist/panelbar/tests/panelbar-universal.js.map +1 -1
- package/dist/pdf-viewer/tests/pdf-viewer.js +1 -1
- package/dist/pdf-viewer/tests/pdf-viewer.js.map +1 -1
- package/dist/stepper/tests/stepper-horizontal-rtl.js +5 -5
- package/dist/stepper/tests/stepper-horizontal-rtl.js.map +2 -2
- package/dist/stepper/tests/stepper-states.js +30 -30
- package/dist/stepper/tests/stepper-states.js.map +2 -2
- package/dist/stepper/tests/stepper-vertical-rtl.js +4 -4
- package/dist/stepper/tests/stepper-vertical-rtl.js.map +2 -2
- package/dist/stepper/tests/stepper-vertical.js +5 -5
- package/dist/stepper/tests/stepper-vertical.js.map +2 -2
- package/dist/stepper/tests/stepper.js +6 -6
- package/dist/stepper/tests/stepper.js.map +2 -2
- package/dist/wizard/tests/wizard-horizontal.js +5 -5
- package/dist/wizard/tests/wizard-horizontal.js.map +2 -2
- package/dist/wizard/tests/wizard-vertical.js +8 -8
- package/dist/wizard/tests/wizard-vertical.js.map +2 -2
- package/package.json +2 -2
- package/src/grid/tests/grid-adaptive-pager.tsx +2 -2
- package/src/grid/tests/grid-angular.tsx +6 -6
- package/src/grid/tests/grid-pager.tsx +16 -16
- package/src/grid/tests/grid-rtl-angular.tsx +6 -6
- package/src/grid/tests/grid-rtl.tsx +1 -1
- package/src/grid/tests/grid-sticky-columns-rtl.tsx +1 -1
- package/src/grid/tests/grid.tsx +7 -7
- package/src/pager/tests/pager-responsive.tsx +39 -39
- package/src/pager/tests/pager.tsx +24 -24
- package/src/panelbar/tests/panelbar-angular.tsx +8 -8
- package/src/panelbar/tests/panelbar-jquery.tsx +8 -8
- package/src/panelbar/tests/panelbar-react.tsx +8 -8
- package/src/panelbar/tests/panelbar-universal.tsx +8 -8
- package/src/pdf-viewer/tests/pdf-viewer.tsx +1 -1
- package/src/stepper/tests/stepper-horizontal-rtl.tsx +5 -5
- package/src/stepper/tests/stepper-states.tsx +30 -30
- package/src/stepper/tests/stepper-vertical-rtl.tsx +4 -4
- package/src/stepper/tests/stepper-vertical.tsx +5 -5
- package/src/stepper/tests/stepper.tsx +6 -6
- package/src/wizard/tests/wizard-horizontal.tsx +5 -5
- package/src/wizard/tests/wizard-vertical.tsx +8 -8
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stepper/tests/stepper-vertical-rtl.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\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 className=\"col-4\">RTL</span>\n <span>Indicator</span>\n <span>Indicator + label</span>\n <span>Icons</span>\n <span>Labels</span>\n\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long text</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus k-step-error\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\" >\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n </div>\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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;;;ACDrB,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA,OAAAA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA,OAAOA;AAAA,OACX,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,cAAAC,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQd,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC,eAAO,KAAM,GACd,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,MAAY,WAAU;AAAA,OAE1B,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OAAQ,KAAG,GAC3B,6BAAAA,QAAA,cAAC,cAAK,WAAS,GACf,6BAAAA,QAAA,cAAC,cAAK,mBAAiB,GACvB,6BAAAA,QAAA,cAAC,cAAK,OAAK,GACX,6BAAAA,QAAA,cAAC,cAAK,QAAM,GAEZ,6BAAAA,QAAA,cAAC,iBACG,6BAAAA,QAAA,cAAC;AAAA,MAAI,KAAI;AAAA,MAAM,WAAU;AAAA,MAAqB,OAAO,EAAE,SAAS,QAAQ,kBAAkB,iBAAiB;AAAA,OACvG,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAmC,OAAO,EAAE,cAAc,KAAK,YAAY,KAAK;AAAA,OAC1F,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,MAAkC,OAAO,EAAE,WAAW,UAAU;AAAA,OAC1E,6BAAAA,QAAA,cAAC;AAAA,MAAE,MAAK;AAAA,MAAI,WAAU;AAAA,OAClB,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,OACZ,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAwB,MAAK;AAAA,KAAQ,CACzD,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAG,WAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\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 className=\"col-4\">RTL</span>\n <span>Indicator</span>\n <span>Indicator + label</span>\n <span>Icons</span>\n <span>Labels</span>\n\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long text</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus k-step-error\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\" >\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav dir=\"rtl\" className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n </div>\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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["style", "ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
className: "k-step-indicator-icon",
|
|
186
186
|
name: "check"
|
|
187
187
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
188
|
-
className: "k-step k-step-current k-
|
|
188
|
+
className: "k-step k-step-current k-focus",
|
|
189
189
|
style: { maxHeight: "33.333%" }
|
|
190
190
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
191
191
|
href: "#",
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
}, "Account Info with too long text"), /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
239
239
|
name: "check"
|
|
240
240
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
241
|
-
className: "k-step k-step-current k-
|
|
241
|
+
className: "k-step k-step-current k-focus k-step-error",
|
|
242
242
|
style: { maxHeight: "33.333%" }
|
|
243
243
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
244
244
|
href: "#",
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
className: "k-step-indicator-icon",
|
|
300
300
|
name: "lock"
|
|
301
301
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
302
|
-
className: "k-step k-step-current k-
|
|
302
|
+
className: "k-step k-step-current k-focus",
|
|
303
303
|
style: { maxHeight: "33.333%" }
|
|
304
304
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
305
305
|
href: "#",
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
349
349
|
className: "k-step-text"
|
|
350
350
|
}, "Account Info")))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
351
|
-
className: "k-step k-step-current k-
|
|
351
|
+
className: "k-step k-step-current k-focus",
|
|
352
352
|
style: { maxHeight: "33.333%" }
|
|
353
353
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
354
354
|
href: "#",
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
404
404
|
className: "k-step-text"
|
|
405
405
|
}, "Account Info")))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
406
|
-
className: "k-step k-step-current k-
|
|
406
|
+
className: "k-step k-step-current k-focus",
|
|
407
407
|
style: { height: "auto" }
|
|
408
408
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
409
409
|
href: "#",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stepper/tests/stepper-vertical.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\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>Indicator</span>\n <span>Indicator + label</span>\n <span>Icon</span>\n <span>Label</span>\n\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long text</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus k-step-error\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\" >\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <hr />\n\n <span className=\"col-4\">Content Between Steps</span>\n\n <section className=\"col-4\">\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ height: 'auto' }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n <div className=\"k-step-content\" style={{ height: \"140px\" }}>\n <div className=\"content\">\n This is the first step of your wizard with inline content.\n </div>\n <div className=\"navigation\">\n <Button>Close</Button>\n {\" \"}<span>Step 2 of 3</span>{\" \"}\n <Button>Next</Button>\n </div>\n </div>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"20%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\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}\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 };\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 ...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': !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 || hasIcon\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 </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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\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>Indicator</span>\n <span>Indicator + label</span>\n <span>Icon</span>\n <span>Label</span>\n\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long text</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus k-step-error\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\" >\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <hr />\n\n <span className=\"col-4\">Content Between Steps</span>\n\n <section className=\"col-4\">\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateRows: \"repeat(3, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-vertical\" style={{ gridRowStart: \"1\", gridRowEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ height: 'auto' }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n <div className=\"k-step-content\" style={{ height: \"140px\" }}>\n <div className=\"content\">\n This is the first step of your wizard with inline content.\n </div>\n <div className=\"navigation\">\n <Button>Close</Button>\n {\" \"}<span>Step 2 of 3</span>{\" \"}\n <Button>Next</Button>\n </div>\n </div>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxHeight: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-vertical k-progressbar-reverse\" style={{ gridRowStart: \"1\", gridRowEnd: \"3\", top: \"17px\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ width: '100%', height: \"20%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ width: '100%', height: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\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}\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 };\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 ...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': !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 || hasIcon\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 </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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "style", "ReactDOM", "React"]
|
|
7
7
|
}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
className: "k-step-indicator-icon",
|
|
110
110
|
name: "check"
|
|
111
111
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
112
|
-
className: "k-step k-step-current k-
|
|
112
|
+
className: "k-step k-step-current k-focus",
|
|
113
113
|
style: { maxWidth: "33.333%" }
|
|
114
114
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
115
115
|
href: "#",
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
}, "Account Info with too long label"), /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
167
167
|
name: "check"
|
|
168
168
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
169
|
-
className: "k-step k-step-current k-
|
|
169
|
+
className: "k-step k-step-current k-focus k-step-error",
|
|
170
170
|
style: { maxWidth: "33.333%" }
|
|
171
171
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
172
172
|
href: "#",
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
className: "k-step-indicator-icon",
|
|
228
228
|
name: "lock"
|
|
229
229
|
})))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
230
|
-
className: "k-step k-step-current k-
|
|
230
|
+
className: "k-step k-step-current k-focus",
|
|
231
231
|
style: { maxWidth: "33.333%" }
|
|
232
232
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
233
233
|
href: "#",
|
|
@@ -285,7 +285,7 @@
|
|
|
285
285
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
286
286
|
className: "k-step-text"
|
|
287
287
|
}, "Account Info")))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
288
|
-
className: "k-step k-step-current k-
|
|
288
|
+
className: "k-step k-step-current k-focus",
|
|
289
289
|
style: { maxWidth: "33.333%" }
|
|
290
290
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
291
291
|
href: "#",
|
|
@@ -344,7 +344,7 @@
|
|
|
344
344
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
345
345
|
className: "k-step-text"
|
|
346
346
|
}, "Account Info")))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
347
|
-
className: "k-step k-step-current k-
|
|
347
|
+
className: "k-step k-step-current k-focus",
|
|
348
348
|
style: { maxWidth: "33.333%" }
|
|
349
349
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
350
350
|
href: "#",
|
|
@@ -441,7 +441,7 @@
|
|
|
441
441
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
442
442
|
className: "k-step-text"
|
|
443
443
|
}, "Step four")))), /* @__PURE__ */ import_react.default.createElement("li", {
|
|
444
|
-
className: "k-step k-step-current k-
|
|
444
|
+
className: "k-step k-step-current k-focus",
|
|
445
445
|
style: { maxWidth: "12.5%" }
|
|
446
446
|
}, /* @__PURE__ */ import_react.default.createElement("a", {
|
|
447
447
|
href: "#",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stepper/tests/stepper.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n body {\n background: #fcfcfc;\n }\n #test-area {\n grid-template-columns: 100px 500px;\n }\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid\">\n\n <span className=\"col-2\">LTR</span>\n\n <span>Indicator</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>^ + label</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long label</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus k-step-error\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>Icons</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>^ + label</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>Labels</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <hr />\n\n <span>Many steps</span>\n <section className=\"col-2\">\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(16, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-done k-step-first\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step one</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step two</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step three with extremely long label</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">4</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step four</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-step-focus\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">5</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step five</span>\n </span>\n </a>\n </li>\n <li className=\"k-step\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">6</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step six</span>\n </span>\n </a>\n </li>\n <li className=\"k-step\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">7</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step seven</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">8</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step eight</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"16\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"59%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n </div>\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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\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"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nconst style = `\n body {\n background: #fcfcfc;\n }\n #test-area {\n grid-template-columns: 100px 500px;\n }\n #test-area hr {\n width: 100%;\n grid-column: 1 / -1;\n visibility: hidden;\n }\n`;\n\nroot.render(\n <>\n <style>{style}</style>\n <div id=\"test-area\" className=\"k-d-grid\">\n\n <span className=\"col-2\">LTR</span>\n\n <span>Indicator</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>^ + label</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done k-step-success\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info with too long label</span>\n <Icon name=\"check\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus k-step-error\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n <Icon className=\"k-validation-icon\" name=\"warning\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>Icons</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>^ + label</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"lock\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"user\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <Icon className=\"k-step-indicator-icon\" name=\"track-changes\"></Icon>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <span>Labels</span>\n <section>\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(6, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-first k-step-done\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Account Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Personal Info</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last k-step-optional\" style={{ maxWidth: \"33.333%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Payment Details</span>\n <span className=\"k-step-label-optional\">(Optional)</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"6\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"50%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n <hr />\n\n <span>Many steps</span>\n <section className=\"col-2\">\n <nav className=\"k-stepper k-widget\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(16, 1fr)\" }}>\n <ol className=\"k-step-list k-step-list-horizontal\" style={{ gridColumnStart: \"1\", gridColumnEnd: \"-1\" }}>\n <li className=\"k-step k-step-done k-step-first\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">1</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step one</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">2</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step two</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">3</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step three with extremely long label</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-done\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">4</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step four</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-current k-focus\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">5</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step five</span>\n </span>\n </a>\n </li>\n <li className=\"k-step\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">6</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step six</span>\n </span>\n </a>\n </li>\n <li className=\"k-step\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">7</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step seven</span>\n </span>\n </a>\n </li>\n <li className=\"k-step k-step-last\" style={{ maxWidth: \"12.5%\" }}>\n <a href=\"#\" className=\"k-step-link\">\n <span className=\"k-step-indicator\">\n <span className=\"k-step-indicator-text\">8</span>\n </span>\n <span className=\"k-step-label\">\n <span className=\"k-step-text\">Step eight</span>\n </span>\n </a>\n </li>\n </ol>\n <div className=\"k-widget k-progressbar k-progressbar-horizontal\" style={{ gridColumnStart: \"2\", gridColumnEnd: \"16\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\"></span>\n <div className=\"k-state-selected\" style={{ height: \"100%\", width: \"59%\" }}>\n <span className=\"k-progress-status-wrap k-progress-end\" style={{ height: \"100%\", width: \"200%\" }}></span>\n </div>\n </div>\n </nav>\n </section>\n\n </div>\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}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\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 }\n )}\n style={style}>\n </span>\n }\n </>\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["style", "ReactDOM", "React"]
|
|
7
7
|
}
|