@progress/kendo-themes-html 5.4.2-dev.5 → 5.5.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/breadcrumb/tests/breadcrumb-rtl.js +4 -4
- package/dist/breadcrumb/tests/breadcrumb-rtl.js.map +2 -2
- package/dist/breadcrumb/tests/breadcrumb.js +4 -4
- package/dist/breadcrumb/tests/breadcrumb.js.map +2 -2
- package/dist/form/tests/form-grid-layout.js +3 -3
- package/dist/form/tests/form-grid-layout.js.map +1 -1
- package/dist/imageeditor/tests/imageeditor-crop-pane.js +5 -5
- package/dist/imageeditor/tests/imageeditor-crop-pane.js.map +1 -1
- package/dist/imageeditor/tests/imageeditor-resize-pane.js +5 -5
- package/dist/imageeditor/tests/imageeditor-resize-pane.js.map +1 -1
- package/dist/layout/tests/stack-layout.js +3 -3
- package/dist/layout/tests/stack-layout.js.map +2 -2
- package/dist/list/tests/list-sizes.js +2 -2
- package/dist/list/tests/list-sizes.js.map +2 -2
- package/dist/notification/tests/notification-angular.js +2 -2
- package/dist/notification/tests/notification-angular.js.map +2 -2
- package/dist/notification/tests/notification-custom-angular.js +4 -4
- package/dist/notification/tests/notification-custom-angular.js.map +2 -2
- package/dist/notification/tests/notification-jquery.js +2 -2
- package/dist/notification/tests/notification-jquery.js.map +2 -2
- package/dist/panelbar/tests/panelbar-angular.js +2 -2
- package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
- package/dist/panelbar/tests/panelbar-jquery.js +2 -2
- package/dist/panelbar/tests/panelbar-jquery.js.map +2 -2
- package/dist/panelbar/tests/panelbar-react.js +2 -2
- package/dist/panelbar/tests/panelbar-react.js.map +2 -2
- package/dist/panelbar/tests/panelbar-universal.js +2 -2
- package/dist/panelbar/tests/panelbar-universal.js.map +2 -2
- package/dist/scrollview/tests/scrollview-angular.js +1 -1
- package/dist/scrollview/tests/scrollview-angular.js.map +2 -2
- package/dist/scrollview/tests/scrollview-blazor.js +1 -1
- package/dist/scrollview/tests/scrollview-blazor.js.map +2 -2
- package/dist/scrollview/tests/scrollview.js +1 -1
- package/dist/scrollview/tests/scrollview.js.map +2 -2
- package/dist/signature/tests/signature-flat.js +513 -0
- package/dist/signature/tests/signature-flat.js.map +7 -0
- package/dist/signature/tests/signature-outline.js +513 -0
- package/dist/signature/tests/signature-outline.js.map +7 -0
- package/dist/signature/tests/signature.js +513 -0
- package/dist/signature/tests/signature.js.map +7 -0
- package/dist/switch/tests/switch-size-rounded.js +3 -3
- package/dist/switch/tests/switch-size-rounded.js.map +2 -2
- package/dist/toolbar/tests/toolbar-angular.js +2 -2
- package/dist/toolbar/tests/toolbar-angular.js.map +2 -2
- package/dist/toolbar/tests/toolbar-popup-legacy.js +1 -1
- package/dist/toolbar/tests/toolbar-popup-legacy.js.map +2 -2
- package/dist/toolbar/tests/toolbar-popup.js +1 -1
- package/dist/toolbar/tests/toolbar-popup.js.map +2 -2
- package/dist/toolbar/tests/toolbar.js +10 -10
- package/dist/toolbar/tests/toolbar.js.map +2 -2
- package/dist/tooltip/tests/tooltip-states.js +1 -1
- package/dist/tooltip/tests/tooltip-states.js.map +2 -2
- package/package.json +2 -2
- package/src/breadcrumb/tests/breadcrumb-rtl.tsx +4 -4
- package/src/breadcrumb/tests/breadcrumb.tsx +4 -4
- package/src/form/tests/form-grid-layout.tsx +3 -3
- package/src/imageeditor/tests/imageeditor-crop-pane.tsx +5 -5
- package/src/imageeditor/tests/imageeditor-resize-pane.tsx +5 -5
- package/src/layout/tests/stack-layout.tsx +3 -3
- package/src/list/tests/list-sizes.tsx +2 -2
- package/src/notification/tests/notification-angular.tsx +2 -2
- package/src/notification/tests/notification-custom-angular.tsx +4 -4
- package/src/notification/tests/notification-jquery.tsx +2 -2
- package/src/panelbar/tests/panelbar-angular.tsx +2 -2
- package/src/panelbar/tests/panelbar-jquery.tsx +2 -2
- package/src/panelbar/tests/panelbar-react.tsx +2 -2
- package/src/panelbar/tests/panelbar-universal.tsx +2 -2
- package/src/scrollview/tests/scrollview-angular.tsx +1 -1
- package/src/scrollview/tests/scrollview-blazor.tsx +1 -1
- package/src/scrollview/tests/scrollview.tsx +1 -1
- package/src/signature/tests/signature-flat.tsx +457 -0
- package/src/signature/tests/signature-outline.tsx +457 -0
- package/src/signature/tests/signature.tsx +457 -0
- package/src/switch/tests/switch-size-rounded.tsx +3 -3
- package/src/toolbar/tests/toolbar-angular.tsx +2 -2
- package/src/toolbar/tests/toolbar-popup-legacy.tsx +1 -1
- package/src/toolbar/tests/toolbar-popup.tsx +1 -1
- package/src/toolbar/tests/toolbar.tsx +10 -10
- package/src/tooltip/tests/tooltip-states.tsx +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/panelbar/tests/panelbar-jquery.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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all\">LTR</span>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Root last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-state-expanded k-last\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n <span className=\"k-colspan-all\">RTL</span>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Root last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-state-expanded k-last\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n </div>\n\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,IAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG,CACxD;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;AAAA,QACA;AAAA,UACA,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW,WACP,WACA,UACA;AAAA,UACI,CAAC,OAAO,SAAS;AAAA,QACrB,CACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYf,OAAK,OACD,wFACI,mDAAC,eAAO,MAAO,GACf,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Root last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-state-expanded k-last\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Root last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <ul className=\"k-panel k-group\">\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </li>\n </ul>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-last\">\n <span className=\"k-link k-header\">Last</span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-widget k-reset k-header k-panelbar\">\n <li className=\"k-item k-first\">\n <span className=\"k-link k-header\">First</span>\n </li>\n <li className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </li>\n <li className=\"k-item k-state-expanded k-last\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n </div>\n\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,IAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG,CACxD;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;AAAA,QACA;AAAA,UACA,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW,WACP,WACA,UACA;AAAA,UACI,CAAC,OAAO,SAAS;AAAA,QACrB,CACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYf,OAAK,OACD,wFACI,mDAAC,eAAO,MAAO,GACf,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgC,KAAG,GAEnD,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,MAAK;AAAA,GAAM,GAAE,QAEnB,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAU,GAAO,cAEjC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAW,GAAO,cAElC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,iBAE/C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,iBAE/C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,WAAS,CAC/C,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,OAAK,CAC3C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,mBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAEnC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAEnC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAA0B,kBAEtC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,kBAErB,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAA0B,kBAEtC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,YAAU,CACvC,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,MAAI,CAC1C,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,kBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,QAAM,CAC5C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,MAAI,CAC1C,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,OAAK,CAC3C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,QAAM,CAC5C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,iBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgC,KAAG,GAEnD,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,MAAK;AAAA,GAAM,GAAE,QAEnB,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAU,GAAO,cAEjC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAW,GAAO,cAElC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,iBAE/C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAmC,iBAE/C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,WAAS,CAC/C,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,OAAK,CAC3C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,mBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAEnC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAEnC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAA0B,kBAEtC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,kBAErB,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,OAAK,CAClC,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAA0B,kBAEtC,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAoB,MAAK;AAAA,GAAU,CACvD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAS,YAAU,CACvC,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,MAAI,CAC1C,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,kBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,QAAM,CAC5C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,MAAI,CAC1C,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,OAAK,CAC3C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,QAAM,CAC5C,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAkB,iBAE9B,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsB,MAAK;AAAA,GAAU,CACzD,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,CACJ,CACJ,CAEJ,CAEJ,CACJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
id: "test-area",
|
|
77
77
|
className: "k-d-grid k-grid-cols-4"
|
|
78
78
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
79
|
-
className: "k-colspan-all"
|
|
79
|
+
className: "k-colspan-all k-col-span-full"
|
|
80
80
|
}, "LTR"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
81
81
|
className: "k-widget k-panelbar"
|
|
82
82
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
260
260
|
className: "k-panelbar-content"
|
|
261
261
|
}, /* @__PURE__ */ import_react.default.createElement("h4", null, "Title in template"), /* @__PURE__ */ import_react.default.createElement("p", null, "Multi line paragraph in template. Some more content to break onto multiple lines"))))))), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
262
|
-
className: "k-colspan-all"
|
|
262
|
+
className: "k-colspan-all k-col-span-full"
|
|
263
263
|
}, "RTL"), /* @__PURE__ */ import_react.default.createElement("section", {
|
|
264
264
|
className: "k-rtl"
|
|
265
265
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/panelbar/tests/panelbar-react.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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all\">LTR</span>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Root last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <span className=\"k-colspan-all\">RTL</span>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Root last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n </div>\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,IAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG,CACxD;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;AAAA,QACA;AAAA,UACA,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW,WACP,WACA,UACA;AAAA,UACI,CAAC,OAAO,SAAS;AAAA,QACrB,CACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYf,OAAK,OACD,wFACI,mDAAC,eAAO,MAAO,GACf,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Root last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section>\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">\n <Icon name=\"cog\" />\n Root\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-hover\">\n <span className=\"k-image\"></span>\n Root hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-focus\">\n <span className=\"k-sprite\"></span>\n Root focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-selected\">\n Root selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header k-state-disabled\">\n Root disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Root last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Middle expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-hover\">\n Child hover\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-focus\">\n Child focus\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-selected\">\n Child selected\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link\">\n Child expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panel k-group\">\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-state-disabled\">\n Child disabled\n <Icon className=\"k-panelbar-expand\" name=\"arrow-s\" />\n </span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link\">Child last</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n First expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Last</span>\n </div>\n </div>\n </section>\n\n <section className=\"k-rtl\">\n <div className=\"k-widget k-panelbar\">\n <div className=\"k-item\">\n <span className=\"k-link k-header\">First</span>\n </div>\n <div className=\"k-item\">\n <span className=\"k-link k-header\">Middle</span>\n </div>\n <div className=\"k-item k-state-expanded\">\n <span className=\"k-link k-header\">\n Last expanded\n <Icon className=\"k-panelbar-collapse\" name=\"arrow-n\" />\n </span>\n <div className=\"k-animation-container k-animation-container-relative\" style={{ display: \"block\" }}>\n <div className=\"k-child-animation-container\">\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </div>\n </div>\n </div>\n </div>\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": []
|
|
7
7
|
}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
id: "test-area",
|
|
77
77
|
className: "k-d-grid k-grid-cols-4"
|
|
78
78
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
79
|
-
className: "k-colspan-all"
|
|
79
|
+
className: "k-colspan-all k-col-span-full"
|
|
80
80
|
}, "LTR"), /* @__PURE__ */ import_react.default.createElement("section", null, /* @__PURE__ */ import_react.default.createElement("ul", {
|
|
81
81
|
className: "k-panelbar"
|
|
82
82
|
}, /* @__PURE__ */ import_react.default.createElement("li", {
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
})), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
338
338
|
className: "k-panelbar-content"
|
|
339
339
|
}, /* @__PURE__ */ import_react.default.createElement("h4", null, "Title in template"), /* @__PURE__ */ import_react.default.createElement("p", null, "Multi line paragraph in template. Some more content to break onto multiple lines"))))), /* @__PURE__ */ import_react.default.createElement("span", {
|
|
340
|
-
className: "k-colspan-all"
|
|
340
|
+
className: "k-colspan-all k-col-span-full"
|
|
341
341
|
}, "RTL"), /* @__PURE__ */ import_react.default.createElement("section", {
|
|
342
342
|
className: "k-rtl"
|
|
343
343
|
}, /* @__PURE__ */ import_react.default.createElement("ul", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/panelbar/tests/panelbar-universal.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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all\">LTR</span>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Root</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-icon k-image\"></span>\n <span className=\"k-panelbar-item-text\">Root hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Root disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Root selected</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Root selected focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Child selected</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child selected focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-state-expanded k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Child disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child last</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n <span className=\"k-colspan-all\">RTL</span>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Root</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-icon k-image\"></span>\n <span className=\"k-panelbar-item-text\">Root hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Root disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Root selected</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Root selected focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Child selected</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child selected focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-state-expanded k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Child disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child last</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\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 styles = `\n .k-sprite {\n background-color: gray;\n }\n .k-image {\n width: 16px;\n height: 16px;\n display: inline-block;\n background-color: gold;\n }\n`;\n\nroot.render(\n <>\n <style>{styles}</style>\n <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Root</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-icon k-image\"></span>\n <span className=\"k-panelbar-item-text\">Root hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Root disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Root selected</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Root selected focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Child selected</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child selected focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-state-expanded k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Child disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child last</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section>\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\n </section>\n\n <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <Icon className=\"k-panelbar-item-icon\" name=\"cog\" />\n <span className=\"k-panelbar-item-text\">Root</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-icon k-image\"></span>\n <span className=\"k-panelbar-item-text\">Root hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-icon k-sprite\"></span>\n <span className=\"k-panelbar-item-text\">Root hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Root disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Root selected</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Root selected focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Root selected hover&focus</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected\">\n <span className=\"k-panelbar-item-text\">Child selected</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus\">\n <span className=\"k-panelbar-item-text\">Child selected focus</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-selected k-state-focus k-state-hover\">\n <span className=\"k-panelbar-item-text\">Child selected focus&hover</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-state-expanded k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <ul className=\"k-panelbar-group k-panel k-group\">\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-2\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link k-state-disabled\">\n <span className=\"k-panelbar-item-text\">Child disabled</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-expand\" name=\"arrow-chevron-down\" />\n </span>\n </li>\n <li className=\"k-panelbar-item k-item k-level-1\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Child last</span>\n </span>\n </li>\n </ul>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last</span>\n </span>\n </li>\n </ul>\n </section>\n\n <section className=\"k-rtl\">\n <ul className=\"k-panelbar\">\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">First</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Middle</span>\n </span>\n </li>\n <li className=\"k-panelbar-header k-item k-state-expanded k-level-0\">\n <span className=\"k-link\">\n <span className=\"k-panelbar-item-text\">Last expanded</span>\n <Icon className=\"k-panelbar-toggle k-panelbar-collapse\" name=\"arrow-chevron-up\" />\n </span>\n <div className=\"k-panelbar-content\">\n <h4>Title in template</h4>\n <p>Multi line paragraph in template. Some more content to break onto multiple lines</p>\n </div>\n </li>\n </ul>\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,IAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG,CACxD;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;AAAA,QACA;AAAA,UACA,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW,WACP,WACA,UACA;AAAA,UACI,CAAC,OAAO,SAAS;AAAA,QACrB,CACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,sBAAS,WAClB,SAAS,eAAe,KAAK,CACjC;AAEA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYf,OAAK,OACD,wFACI,mDAAC,eAAO,MAAO,GACf,mDAAC;AAAA,IAAI,IAAG;AAAA,IAAY,WAAU;AAAA,KAE1B,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgC,KAAG,GAEnD,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAuB,MAAK;AAAA,GAAM,GAClD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,GAC3C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAA+B,GAC/C,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,GACjD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAgC,GAChD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,GACjD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAgC,GAChD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,kBAAgB,GACvD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,qBAAmB,GAC1D,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,qBAAmB,GAC1D,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,2BAAyB,GAChE,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,iBAAe,GACtD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,aAAW,CACtD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,aAAW,CACtD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,mBAAiB,CAC5D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,CACzD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,sBAAoB,CAC/D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,sBAAoB,CAC/D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,4BAA0B,CACrE,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,CACrD,CACJ,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,CAC/C,CACJ,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,QAAM,CACjD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,CAC/C,CACJ,CACJ,CACJ,GAEA,mDAAC,iBACG,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,QAAM,CACjD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAgC,KAAG,GAEnD,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAuB,MAAK;AAAA,GAAM,GAClD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,GAC3C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAA+B,GAC/C,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,GACjD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAgC,GAChD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,GACjD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,GAAgC,GAChD,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,kBAAgB,GACvD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,qBAAmB,GAC1D,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,qBAAmB,GAC1D,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,2BAAyB,GAChE,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,iBAAe,GACtD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,aAAW,CACtD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,aAAW,CACtD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,mBAAiB,CAC5D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,CACzD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,sBAAoB,CAC/D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,sBAAoB,CAC/D,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,4BAA0B,CACrE,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAsC,MAAK;AAAA,GAAqB,CACpF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,YAAU,CACrD,CACJ,CACJ,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,CAC/C,CACJ,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,gBAAc,GACrD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,QAAM,CACjD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,MAAI,CAC/C,CACJ,CACJ,CACJ,GAEA,mDAAC;AAAA,IAAQ,WAAU;AAAA,KACf,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,OAAK,CAChD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,QAAM,CACjD,CACJ,GACA,mDAAC;AAAA,IAAG,WAAU;AAAA,KACV,mDAAC;AAAA,IAAK,WAAU;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,KAAuB,eAAa,GACpD,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAwC,MAAK;AAAA,GAAmB,CACpF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACX,mDAAC,YAAG,mBAAiB,GACrB,mDAAC,WAAE,kFAAgF,CACvF,CACJ,CACJ,CACJ,CAEJ,CACJ,CACJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
id: "test-area",
|
|
76
76
|
className: "k-d-grid k-grid-cols-3"
|
|
77
77
|
}, /* @__PURE__ */ import_react.default.createElement("span", {
|
|
78
|
-
className: "k-colspan-all"
|
|
78
|
+
className: "k-colspan-all k-col-span-full"
|
|
79
79
|
}, "Angular scrollview"), /* @__PURE__ */ import_react.default.createElement("span", null, "Light mode"), /* @__PURE__ */ import_react.default.createElement("span", null, "Normal"), /* @__PURE__ */ import_react.default.createElement("span", null, "Dark mode"), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
80
80
|
className: "k-widget k-scrollview k-scrollview-light"
|
|
81
81
|
}, /* @__PURE__ */ import_react.default.createElement("ul", {
|