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

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

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

Files changed (250) hide show

package/dist/drawer/tests/drawer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/drawer/tests/drawer.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "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    #test-area h2 {\n        text-align: center;\n        grid-column-start: 1;\n        grid-column-end: 3;\n        margin: 0;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n            <h2>Drawer Push Mode</h2>\n            <section>\n                <h4>Drawer mini left</h4>\n                <div className=\"k-drawer-container k-drawer-left k-drawer-push k-drawer-mini k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\">\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-state-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-focused\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                        adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                        maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                        assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <h4> Drawer mini right</h4>\n                <div className=\"k-drawer-container k-drawer-right k-drawer-push k-drawer-mini k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\">\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-state-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-focused\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                        adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                        maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                        assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n\n            <section>\n                <h4>Drawer left</h4>\n                <div className=\"k-drawer-container k-drawer-left k-drawer-push k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\" style={{ width: \"280px\" }}>\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-state-hover\">\n                                        <Icon name=\"twitter\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected\">\n                                        <Icon name=\"anchor\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-drawer-link\">\n                                            <Icon name=\"anchor\" />\n                                            <span className=\"k-item-text\">Drawer Link</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-hover\">\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-focused\">\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-focused\">\n                                        <span className=\"k-item-text\">Selected focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Collapsed</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-down\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Expanded</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-up\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 1</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 2</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                            adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                            maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                            assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <h4>Drawer right</h4>\n                <div className=\"k-drawer-container k-drawer-right k-drawer-push k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\" style={{ width: \"280px\" }}>\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-state-hover\">\n                                        <Icon name=\"twitter\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected\">\n                                        <Icon name=\"anchor\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-drawer-link\">\n                                            <Icon name=\"anchor\" />\n                                            <span className=\"k-item-text\">Drawer Link</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-hover\">\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-focused\">\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-state-selected k-state-focused\">\n                                        <span className=\"k-item-text\">Selected focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Collapsed</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-down\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Expanded</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-up\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 1</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 2</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                            adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                            maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                            assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\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"],
+  "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    #test-area h2 {\n        text-align: center;\n        grid-column-start: 1;\n        grid-column-end: 3;\n        margin: 0;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n            <h2>Drawer Push Mode</h2>\n            <section>\n                <h4>Drawer mini left</h4>\n                <div className=\"k-drawer-container k-drawer-left k-drawer-push k-drawer-mini k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\">\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-focus\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                        adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                        maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                        assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <h4> Drawer mini right</h4>\n                <div className=\"k-drawer-container k-drawer-right k-drawer-push k-drawer-mini k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\">\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-hover\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-focus\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                        adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                        maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                        assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n\n            <section>\n                <h4>Drawer left</h4>\n                <div className=\"k-drawer-container k-drawer-left k-drawer-push k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\" style={{ width: \"280px\" }}>\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-hover\">\n                                        <Icon name=\"twitter\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected\">\n                                        <Icon name=\"anchor\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-drawer-link\">\n                                            <Icon name=\"anchor\" />\n                                            <span className=\"k-item-text\">Drawer Link</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-hover\">\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-focus\">\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-focus\">\n                                        <span className=\"k-item-text\">Selected focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Collapsed</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-down\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Expanded</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-up\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 1</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 2</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                            adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                            maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                            assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <h4>Drawer right</h4>\n                <div className=\"k-drawer-container k-drawer-right k-drawer-push k-drawer-expanded\">\n                    <div className=\"k-widget k-drawer\">\n                        <div className=\"k-drawer-wrapper\" style={{ width: \"280px\" }}>\n                            <div className=\"k-drawer-items\">\n                                <ul>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item k-hover\">\n                                        <Icon name=\"twitter\" />\n                                        <span className=\"k-item-text\">Hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected\">\n                                        <Icon name=\"anchor\" />\n                                        <span className=\"k-item-text\">Selected</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-item-text\">Item</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-drawer-separator\"></li>\n                                    <li className=\"k-drawer-item\">\n                                        <span className=\"k-drawer-link\">\n                                            <Icon name=\"anchor\" />\n                                            <span className=\"k-item-text\">Drawer Link</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-hover\">\n                                        <span className=\"k-item-text\">Selected hover</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-focus\">\n                                        <span className=\"k-item-text\">Focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item k-selected k-focus\">\n                                        <span className=\"k-item-text\">Selected focus</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Collapsed</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-down\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Expanded</span>\n                                        <span className=\"k-spacer\"></span>\n                                        <Icon name=\"arrow-chevron-up\" />\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 1</span>\n                                    </li>\n                                    <li className=\"k-drawer-item\">\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"none\" />\n                                        <Icon name=\"star-outline\" />\n                                        <span className=\"k-item-text\">Child Lvl 2</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-drawer-content\" style={{ padding: \"0 20px\" }}>Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur\n                            adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt\n                            maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum\n                            assumenda cupiditate.\n                    </div>\n                </div>\n            </section>\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"],
   "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/editor/tests/editor-angular.js CHANGED Viewed

@@ -614,7 +614,7 @@
     }))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(Button, {
       icon: "image"
     }))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-editor-content k-state-focused"
+      className: "k-editor-content k-focus"
     }, /* @__PURE__ */ import_react.default.createElement("iframe", {
       className: "k-iframe",
       frameBorder: "0",
@@ -655,7 +655,7 @@
     }))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(Button, {
       icon: "image"
     }))), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-editor-content k-state-focused"
+      className: "k-editor-content k-focus"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "ProseMirror"
     }, /* @__PURE__ */ import_react.default.createElement("p", null, "The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way."), /* @__PURE__ */ import_react.default.createElement("p", null, "In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ", /* @__PURE__ */ import_react.default.createElement("strong", null, "outputs identical HTML"), " across all major browsers, follows accessibility standards, and provides API for content manipulation."), /* @__PURE__ */ import_react.default.createElement("p", null, "Features include:"), /* @__PURE__ */ import_react.default.createElement("ul", null, /* @__PURE__ */ import_react.default.createElement("li", null, "Text formatting"), /* @__PURE__ */ import_react.default.createElement("li", null, "Bulleted and numbered lists"), /* @__PURE__ */ import_react.default.createElement("li", null, "Hyperlinks"), /* @__PURE__ */ import_react.default.createElement("li", null, "Cross-browser support"), /* @__PURE__ */ import_react.default.createElement("li", null, "Identical HTML output across browsers"))))))))

package/dist/editor/tests/editor-angular.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/editor/tests/editor-angular.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/button-group/button-group.tsx", "../../../src/dropdownlist/dropdownlist.tsx", "../../../src/input/input.tsx", "../../../src/input/picker.tsx", "../../../src/input/input-clear-value.tsx", "../../../src/input/input-inner-input.tsx", "../../../src/input/input-inner-span.tsx", "../../../src/input/input-inner-textarea.tsx", "../../../src/input/input-loading-icon.tsx", "../../../src/input/input-validation-icon.tsx", "../../../src/input/input-prefix.tsx", "../../../src/input/input-suffix.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { ButtonGroup } from '../../button-group';\nimport { DropdownList } from '../../dropdownlist';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    .k-editor .k-dialog-wrapper {\n        position: static;\n    }\n    /* needed for test */\n    .k-editor-content > .ProseMirror {\n        white-space: normal;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n            <span>Angular Editor with iFrame; responsive toolbar</span>\n            <span>Angular Editor without iFrame; responsive toolbar</span>\n            <section>\n                <div style={{ height: \"200px\" }} className=\"k-widget k-editor\">\n                    <div className=\"k-editor-toolbar k-toolbar k-toolbar-resizable\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"undo\"></Button>\n                                <Button icon=\"redo\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <Button icon=\"more-vertical\" className=\"k-overflow-anchor\" fillMode=\"flat\" rounded={null}></Button>\n                    </div>\n                    <div className=\"k-editor-content\">\n                        <iframe className=\"k-iframe\" frameBorder=\"0\" src=\"editor-iFrameContent.html\"></iframe>\n                    </div>\n                </div>\n            </section>\n            <section>\n                <div style={{ height: \"200px\" }} className=\"k-widget k-editor\">\n                    <div className=\"k-editor-toolbar  k-toolbar k-toolbar-resizable\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"undo\"></Button>\n                                <Button icon=\"redo\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <Button icon=\"more-vertical\" className=\"k-overflow-anchor\" fillMode=\"flat\" rounded={null}></Button>\n                    </div>\n                    <div className=\"k-editor-content\">\n                        <div className=\"ProseMirror\">\n                            <div style={{ position: \"relative\" }}>\n                                <img className=\"ProseMirror-selectednode\" src=\"/packages/html/assets/avatar.jpg\" />\n                                <div className=\"k-editor-resize-handles-wrapper ProseMirror-widget\" style={{ width: \"100px\", height: \"110px\", top: \"0\", left: \"0\" }}>\n                                    <div className=\"k-editor-resize-handle southeast\"></div>\n                                    <div className=\"k-editor-resize-handle east\"></div>\n                                    <div className=\"k-editor-resize-handle south\"></div>\n                                    <div className=\"k-editor-resize-handle north\"></div>\n                                    <div className=\"k-editor-resize-handle west\"></div>\n                                    <div className=\"k-editor-resize-handle southwest\"></div>\n                                    <div className=\"k-editor-resize-handle northwest\"></div>\n                                    <div className=\"k-editor-resize-handle northeast\"></div>\n                                </div>\n                            </div>\n                            <p>The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way.</p>\n                            <p>In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget <strong>outputs identical HTML</strong> across all major browsers, follows accessibility standards, and provides API for content manipulation.</p><p>Features include:</p><ul><li>Text formatting</li><li>Bulleted and numbered lists</li><li>Hyperlinks</li><li>Cross-browser support</li><li>Identical HTML output across browsers</li></ul>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <span>Angular Editor with iFrame; NO-responsive toolbar</span>\n            <span>Angular Editor without iFrame; NO-responsive toolbar</span>\n            <section>\n                <div className=\"k-widget k-editor\" style={{ height: \"200px\" }}>\n                    <div className=\"k-editor-toolbar k-toolbar\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"bold\"></Button>\n                                <Button icon=\"italic\"></Button>\n                                <Button icon=\"underline\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <DropdownList value=\"Format\" />\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"align-left\"></Button>\n                                <Button icon=\"align-center\"></Button>\n                                <Button icon=\"align-right\"></Button>\n                                <Button icon=\"align-justify\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"list-unordered\"></Button>\n                                <Button icon=\"list-ordered\"></Button>\n                                <Button icon=\"indent-increase\"></Button>\n                                <Button icon=\"indent-decrease\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"link-horizontal\"></Button>\n                                <Button icon=\"unlink-horizontal\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <Button icon=\"image\"></Button>\n                        </div>\n                    </div>\n                    <div className=\"k-editor-content k-state-focused\">\n                        <iframe className=\"k-iframe\" frameBorder=\"0\" src=\"editor-iFrameContent.html\"></iframe>\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <div className=\"k-widget k-editor k-readonly\" style={{ height: \"200px\" }}>\n                    <div className=\"k-editor-toolbar k-toolbar\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"bold\"></Button>\n                                <Button icon=\"italic\"></Button>\n                                <Button icon=\"underline\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <DropdownList value=\"Format\" />\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"align-left\"></Button>\n                                <Button icon=\"align-center\"></Button>\n                                <Button icon=\"align-right\"></Button>\n                                <Button icon=\"align-justify\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"list-unordered\"></Button>\n                                <Button icon=\"list-ordered\"></Button>\n                                <Button icon=\"indent-increase\"></Button>\n                                <Button icon=\"indent-decrease\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"link-horizontal\"></Button>\n                                <Button icon=\"unlink-horizontal\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <Button icon=\"image\"></Button>\n                        </div>\n                    </div>\n                    <div className=\"k-editor-content k-state-focused\"><div className=\"ProseMirror\"><p>The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way.</p><p>In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget <strong>outputs identical HTML</strong> across all major browsers, follows accessibility standards, and provides API for content manipulation.</p><p>Features include:</p><ul><li>Text formatting</li><li>Bulleted and numbered lists</li><li>Hyperlinks</li><li>Cross-browser support</li><li>Identical HTML output across browsers</li></ul></div></div>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\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", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ButtonGroupProps {\n    children?: React.ReactElement<ButtonProps>[];\n    className?: string;\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class ButtonGroup extends React.Component<ButtonGroupProps> {\n\n    static defaultProps = {\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            fillMode = ButtonGroup.defaultProps.fillMode,\n            ...htmlAttributes\n        } = this.props;\n\n        return (\n            <div\n                {...htmlAttributes}\n                className={classNames(\n                    className,\n                    'k-button-group',\n                    {\n                        [`k-button-group-${fillMode}`]: fillMode\n                    }\n                )}>\n                {children}\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n    Picker,\n    InputInnerSpan,\n    InputLoadingIcon,\n    InputPrefix,\n    InputSuffix,\n    InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n    className?: string;\n    style?: React.CSSProperties,\n    valueIconName?: string;\n    arrowIconName?: string;\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    value?: string;\n    placeholder?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n    showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n    static defaultProps = {\n        showValue: true,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            className,\n            style,\n            valueIconName,\n            arrowIconName,\n            prefix,\n            suffix,\n            value,\n            placeholder,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled,\n            showValue\n        } = this.props;\n\n        return (\n            <Picker\n                style={style}\n                size={size}\n                rounded={rounded}\n                fillMode={fillMode}\n                hover={hover}\n                focus={focus}\n                valid={valid}\n                invalid={invalid}\n                required={required}\n                loading={loading}\n                disabled={disabled}\n                className={classNames(\n                    className,\n                    'k-dropdown',\n                    {\n                        'k-icon-picker': !showValue && valueIconName\n                    }\n                )}\n            >\n                <InputPrefix>{prefix}</InputPrefix>\n                <InputInnerSpan\n                    placeholder={placeholder}\n                    value={value}\n                    showValue={showValue}\n                    valueIconName={valueIconName}\n                />\n                <InputSuffix>{suffix}</InputSuffix>\n                <InputValidationIcon {...this.props} />\n                <InputLoadingIcon {...this.props} />\n                <Button\n                    className=\"k-input-button\"\n                    icon={arrowIconName}\n                    rounded={null}\n                    size={this.props.size}\n                    fillMode={this.props.fillMode}\n                />\n            </Picker>\n        );\n\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n    children?: React.ReactNode;\n    className?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled,\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input',\n                    {\n                        [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-input-${fillMode}`]: fillMode,\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-valid': valid,\n                        'k-invalid': invalid,\n                        'k-required': required,\n                        'k-disabled': disabled,\n                        'k-loading': loading\n                    }\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    size: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            style,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-picker',\n                    {\n                        [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-picker-${fillMode}`]: fillMode,\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-valid': valid,\n                        'k-invalid': invalid,\n                        'k-required': required,\n                        'k-disabled': disabled,\n                        'k-loading': loading\n                    }\n                )}\n                style={style}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n    className?: string;\n    value?: string;\n    readonly?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n    render() {\n        const {\n            readonly,\n            loading,\n            disabled,\n            value\n        } = this.props;\n\n        if (disabled || readonly || loading || !value ) {\n            return <></>;\n        }\n\n        return (\n            <span className=\"k-clear-value\">\n                <Icon name=\"x\" />\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n    className?: string;\n    value?: string;\n    type?: string;\n    placeholder?: string;\n    autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n    static defaultProps = {\n        type: 'text',\n        autocomplete: 'off',\n        value: '',\n        placeholder: ''\n    };\n\n    render() {\n        const {\n            type,\n            value,\n            placeholder,\n            autocomplete\n        } = this.props;\n\n        return (\n            <input\n                type={type}\n                className=\"k-input-inner\"\n                placeholder={placeholder}\n                autoComplete={autocomplete}\n                defaultValue={value} />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n    value?: string;\n    placeholder?: string;\n    showValue?: boolean;\n    valueIcon?: React.ReactNode;\n    valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n    render() {\n        const {\n            value,\n            placeholder,\n            valueIcon,\n            showValue,\n            valueIconName\n        } = this.props;\n\n        return (\n            <span className=\"k-input-inner\">\n                {valueIcon}\n                {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n                {showValue && !value && placeholder}\n                {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n    className?: string;\n    value?: string;\n    placeholder?: string;\n    rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n    static defaultProps = {\n        value: '',\n        placeholder: ''\n    };\n\n    render() {\n        const {\n            value,\n            className,\n            placeholder,\n            rows\n        } = this.props;\n\n        return (\n            <textarea\n                className={classNames( 'k-input-inner', className )}\n                placeholder={placeholder}\n                rows={rows}>\n                {value}\n            </textarea>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n    className?: string;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n    render() {\n        const {\n            loading,\n            disabled\n        } = this.props;\n\n        if (disabled || !loading) {\n            return <></>;\n        }\n\n        return (\n            <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n    className?: string;\n    valid?: boolean;\n    invalid?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n    render() {\n        const {\n            valid,\n            invalid,\n            loading,\n            disabled\n        } = this.props;\n\n        const iconName = invalid ? 'warning' : 'check';\n        const renderValidationIcon = Boolean( valid || invalid );\n\n        if (disabled || loading || !renderValidationIcon) {\n            return <></>;\n        }\n\n        return (\n            <Icon className=\"k-input-validation-icon\" name={iconName} />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n    render() {\n        const {\n            className,\n            children,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input-prefix'\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input-suffix'\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { ButtonGroup } from '../../button-group';\nimport { DropdownList } from '../../dropdownlist';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    .k-editor .k-dialog-wrapper {\n        position: static;\n    }\n    /* needed for test */\n    .k-editor-content > .ProseMirror {\n        white-space: normal;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-2\">\n            <span>Angular Editor with iFrame; responsive toolbar</span>\n            <span>Angular Editor without iFrame; responsive toolbar</span>\n            <section>\n                <div style={{ height: \"200px\" }} className=\"k-widget k-editor\">\n                    <div className=\"k-editor-toolbar k-toolbar k-toolbar-resizable\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"undo\"></Button>\n                                <Button icon=\"redo\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <Button icon=\"more-vertical\" className=\"k-overflow-anchor\" fillMode=\"flat\" rounded={null}></Button>\n                    </div>\n                    <div className=\"k-editor-content\">\n                        <iframe className=\"k-iframe\" frameBorder=\"0\" src=\"editor-iFrameContent.html\"></iframe>\n                    </div>\n                </div>\n            </section>\n            <section>\n                <div style={{ height: \"200px\" }} className=\"k-widget k-editor\">\n                    <div className=\"k-editor-toolbar  k-toolbar k-toolbar-resizable\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"undo\"></Button>\n                                <Button icon=\"redo\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <Button icon=\"more-vertical\" className=\"k-overflow-anchor\" fillMode=\"flat\" rounded={null}></Button>\n                    </div>\n                    <div className=\"k-editor-content\">\n                        <div className=\"ProseMirror\">\n                            <div style={{ position: \"relative\" }}>\n                                <img className=\"ProseMirror-selectednode\" src=\"/packages/html/assets/avatar.jpg\" />\n                                <div className=\"k-editor-resize-handles-wrapper ProseMirror-widget\" style={{ width: \"100px\", height: \"110px\", top: \"0\", left: \"0\" }}>\n                                    <div className=\"k-editor-resize-handle southeast\"></div>\n                                    <div className=\"k-editor-resize-handle east\"></div>\n                                    <div className=\"k-editor-resize-handle south\"></div>\n                                    <div className=\"k-editor-resize-handle north\"></div>\n                                    <div className=\"k-editor-resize-handle west\"></div>\n                                    <div className=\"k-editor-resize-handle southwest\"></div>\n                                    <div className=\"k-editor-resize-handle northwest\"></div>\n                                    <div className=\"k-editor-resize-handle northeast\"></div>\n                                </div>\n                            </div>\n                            <p>The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way.</p>\n                            <p>In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget <strong>outputs identical HTML</strong> across all major browsers, follows accessibility standards, and provides API for content manipulation.</p><p>Features include:</p><ul><li>Text formatting</li><li>Bulleted and numbered lists</li><li>Hyperlinks</li><li>Cross-browser support</li><li>Identical HTML output across browsers</li></ul>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <span>Angular Editor with iFrame; NO-responsive toolbar</span>\n            <span>Angular Editor without iFrame; NO-responsive toolbar</span>\n            <section>\n                <div className=\"k-widget k-editor\" style={{ height: \"200px\" }}>\n                    <div className=\"k-editor-toolbar k-toolbar\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"bold\"></Button>\n                                <Button icon=\"italic\"></Button>\n                                <Button icon=\"underline\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <DropdownList value=\"Format\" />\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"align-left\"></Button>\n                                <Button icon=\"align-center\"></Button>\n                                <Button icon=\"align-right\"></Button>\n                                <Button icon=\"align-justify\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"list-unordered\"></Button>\n                                <Button icon=\"list-ordered\"></Button>\n                                <Button icon=\"indent-increase\"></Button>\n                                <Button icon=\"indent-decrease\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"link-horizontal\"></Button>\n                                <Button icon=\"unlink-horizontal\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <Button icon=\"image\"></Button>\n                        </div>\n                    </div>\n                    <div className=\"k-editor-content k-focus\">\n                        <iframe className=\"k-iframe\" frameBorder=\"0\" src=\"editor-iFrameContent.html\"></iframe>\n                    </div>\n                </div>\n            </section>\n\n            <section>\n                <div className=\"k-widget k-editor k-readonly\" style={{ height: \"200px\" }}>\n                    <div className=\"k-editor-toolbar k-toolbar\">\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"bold\"></Button>\n                                <Button icon=\"italic\"></Button>\n                                <Button icon=\"underline\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <DropdownList value=\"Format\" />\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"align-left\"></Button>\n                                <Button icon=\"align-center\"></Button>\n                                <Button icon=\"align-right\"></Button>\n                                <Button icon=\"align-justify\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"list-unordered\"></Button>\n                                <Button icon=\"list-ordered\"></Button>\n                                <Button icon=\"indent-increase\"></Button>\n                                <Button icon=\"indent-decrease\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <ButtonGroup>\n                                <Button icon=\"link-horizontal\"></Button>\n                                <Button icon=\"unlink-horizontal\"></Button>\n                            </ButtonGroup>\n                        </div>\n                        <div>\n                            <Button icon=\"image\"></Button>\n                        </div>\n                    </div>\n                    <div className=\"k-editor-content k-focus\"><div className=\"ProseMirror\"><p>The Kendo UI Angular Editor allows your users to edit HTML in a familiar, user-friendly way.</p><p>In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget <strong>outputs identical HTML</strong> across all major browsers, follows accessibility standards, and provides API for content manipulation.</p><p>Features include:</p><ul><li>Text formatting</li><li>Bulleted and numbered lists</li><li>Hyperlinks</li><li>Cross-browser support</li><li>Identical HTML output across browsers</li></ul></div></div>\n                </div>\n            </section>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\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", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ButtonGroupProps {\n    children?: React.ReactElement<ButtonProps>[];\n    className?: string;\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class ButtonGroup extends React.Component<ButtonGroupProps> {\n\n    static defaultProps = {\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            fillMode = ButtonGroup.defaultProps.fillMode,\n            ...htmlAttributes\n        } = this.props;\n\n        return (\n            <div\n                {...htmlAttributes}\n                className={classNames(\n                    className,\n                    'k-button-group',\n                    {\n                        [`k-button-group-${fillMode}`]: fillMode\n                    }\n                )}>\n                {children}\n            </div>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Button } from '../button';\nimport {\n    Picker,\n    InputInnerSpan,\n    InputLoadingIcon,\n    InputPrefix,\n    InputSuffix,\n    InputValidationIcon\n} from '../input';\n\nexport interface DropdownListProps {\n    className?: string;\n    style?: React.CSSProperties,\n    valueIconName?: string;\n    arrowIconName?: string;\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    value?: string;\n    placeholder?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n    showValue?: boolean;\n}\n\nexport class DropdownList extends React.Component<DropdownListProps> {\n\n    static defaultProps = {\n        showValue: true,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            className,\n            style,\n            valueIconName,\n            arrowIconName,\n            prefix,\n            suffix,\n            value,\n            placeholder,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled,\n            showValue\n        } = this.props;\n\n        return (\n            <Picker\n                style={style}\n                size={size}\n                rounded={rounded}\n                fillMode={fillMode}\n                hover={hover}\n                focus={focus}\n                valid={valid}\n                invalid={invalid}\n                required={required}\n                loading={loading}\n                disabled={disabled}\n                className={classNames(\n                    className,\n                    'k-dropdown',\n                    {\n                        'k-icon-picker': !showValue && valueIconName\n                    }\n                )}\n            >\n                <InputPrefix>{prefix}</InputPrefix>\n                <InputInnerSpan\n                    placeholder={placeholder}\n                    value={value}\n                    showValue={showValue}\n                    valueIconName={valueIconName}\n                />\n                <InputSuffix>{suffix}</InputSuffix>\n                <InputValidationIcon {...this.props} />\n                <InputLoadingIcon {...this.props} />\n                <Button\n                    className=\"k-input-button\"\n                    icon={arrowIconName}\n                    rounded={null}\n                    size={this.props.size}\n                    fillMode={this.props.fillMode}\n                />\n            </Picker>\n        );\n\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface InputProps {\n    children?: React.ReactNode;\n    className?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded?: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class Input extends React.Component<InputProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            className,\n            children,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled,\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input',\n                    {\n                        [`k-input-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-input-${fillMode}`]: fillMode,\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-valid': valid,\n                        'k-invalid': invalid,\n                        'k-required': required,\n                        'k-disabled': disabled,\n                        'k-loading': loading\n                    }\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface PickerProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    size: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode: null | 'solid' | 'outline' | 'flat';\n    hover?: boolean;\n    focus?: boolean;\n    valid?: boolean;\n    invalid?: boolean;\n    required?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class Picker extends React.Component<PickerProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            style,\n            size,\n            rounded,\n            fillMode,\n            hover,\n            focus,\n            valid,\n            invalid,\n            required,\n            loading,\n            disabled\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-picker',\n                    {\n                        [`k-picker-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-picker-${fillMode}`]: fillMode,\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-valid': valid,\n                        'k-invalid': invalid,\n                        'k-required': required,\n                        'k-disabled': disabled,\n                        'k-loading': loading\n                    }\n                )}\n                style={style}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputClearValueProps {\n    className?: string;\n    value?: string;\n    readonly?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputClearValue extends React.Component<InputClearValueProps> {\n\n    render() {\n        const {\n            readonly,\n            loading,\n            disabled,\n            value\n        } = this.props;\n\n        if (disabled || readonly || loading || !value ) {\n            return <></>;\n        }\n\n        return (\n            <span className=\"k-clear-value\">\n                <Icon name=\"x\" />\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\n\nexport interface InputInnerInputProps {\n    className?: string;\n    value?: string;\n    type?: string;\n    placeholder?: string;\n    autocomplete?: string;\n}\n\nexport class InputInnerInput extends React.Component<InputInnerInputProps> {\n\n    static defaultProps = {\n        type: 'text',\n        autocomplete: 'off',\n        value: '',\n        placeholder: ''\n    };\n\n    render() {\n        const {\n            type,\n            value,\n            placeholder,\n            autocomplete\n        } = this.props;\n\n        return (\n            <input\n                type={type}\n                className=\"k-input-inner\"\n                placeholder={placeholder}\n                autoComplete={autocomplete}\n                defaultValue={value} />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputInnerSpanProps {\n    value?: string;\n    placeholder?: string;\n    showValue?: boolean;\n    valueIcon?: React.ReactNode;\n    valueIconName?: string;\n}\n\nexport class InputInnerSpan extends React.Component<InputInnerSpanProps> {\n\n    render() {\n        const {\n            value,\n            placeholder,\n            valueIcon,\n            showValue,\n            valueIconName\n        } = this.props;\n\n        return (\n            <span className=\"k-input-inner\">\n                {valueIcon}\n                {!valueIcon && valueIconName && <Icon className=\"k-input-value-icon\" name={valueIconName} />}\n                {showValue && !value && placeholder}\n                {showValue && value && <span className=\"k-input-value-text\">{value}</span>}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputInnerTextareaProps {\n    className?: string;\n    value?: string;\n    placeholder?: string;\n    rows?: number;\n}\n\nexport class InputInnerTextarea extends React.Component<InputInnerTextareaProps> {\n\n    static defaultProps = {\n        value: '',\n        placeholder: ''\n    };\n\n    render() {\n        const {\n            value,\n            className,\n            placeholder,\n            rows\n        } = this.props;\n\n        return (\n            <textarea\n                className={classNames( 'k-input-inner', className )}\n                placeholder={placeholder}\n                rows={rows}>\n                {value}\n            </textarea>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputLoadingIconProps {\n    className?: string;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputLoadingIcon extends React.Component<InputLoadingIconProps> {\n\n    render() {\n        const {\n            loading,\n            disabled\n        } = this.props;\n\n        if (disabled || !loading) {\n            return <></>;\n        }\n\n        return (\n            <Icon className=\"k-input-loading-icon\" name=\"loading\" />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Icon } from '../icon';\n\nexport interface InputValidationIconProps {\n    className?: string;\n    valid?: boolean;\n    invalid?: boolean;\n    loading?: boolean;\n    disabled?: boolean;\n}\n\nexport class InputValidationIcon extends React.Component<InputValidationIconProps> {\n\n    render() {\n        const {\n            valid,\n            invalid,\n            loading,\n            disabled\n        } = this.props;\n\n        const iconName = invalid ? 'warning' : 'check';\n        const renderValidationIcon = Boolean( valid || invalid );\n\n        if (disabled || loading || !renderValidationIcon) {\n            return <></>;\n        }\n\n        return (\n            <Icon className=\"k-input-validation-icon\" name={iconName} />\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputPrefixProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class InputPrefix extends React.Component<InputPrefixProps> {\n\n    render() {\n        const {\n            className,\n            children,\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input-prefix'\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface InputSuffixProps {\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport class InputSuffix extends React.Component<InputSuffixProps> {\n\n    render() {\n        const {\n            className,\n            children\n        } = this.props;\n\n        if (!children) {\n            return <></>;\n        }\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-input-suffix'\n                )}>\n                {children}\n            </span>\n        );\n    }\n}\n"],
+  "mappings": "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",
   "names": ["React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "React", "ReactDOM", "React"]
 }

package/dist/editor/tests/editor-jquery.js CHANGED Viewed

@@ -955,7 +955,7 @@
       className: "k-animation-container",
       style: { width: "166px", height: "254px", overflow: "visible", display: "inline-block", position: "relative" }
     }, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: "k-ct-popup k-popup k-group k-reset k-state-border-up",
+      className: "k-ct-popup k-popup k-group k-reset",
       style: { display: "block", position: "absolute", width: "100%" }
     }, /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-ct-cell k-disabled k-selected"