@progress/kendo-themes-html 5.4.2-dev.1 → 5.4.2-dev.4

package/dist/editor/tests/editor-table-wizard-accessibility.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/editor/tests/editor-table-wizard-accessibility.tsx", "../../../src/action-buttons/action-buttons.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/button/button.tsx", "../../../src/icon/icon.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", "../../../src/numerictextbox/numerictextbox.tsx", "../../../src/spinbutton/spinbutton.tsx", "../../../src/textarea/textarea.tsx", "../../../src/textbox/textbox.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { ActionButtons } from '../../action-buttons';\nimport { Button } from '../../button';\nimport { DropdownList } from '../../dropdownlist';\nimport { NumericTextbox } from '../../numerictextbox';\nimport { Textarea } from '../../textarea';\nimport { Textbox } from '../../textbox';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    #test-area {\n        width: 600px;\n    }\n    .k-window {\n        width: 100%;\n        position: relative;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid\">\n            <section>\n                <div className=\"k-window k-editor-dialog k-editor-table-wizard-dialog\">\n                    <div className=\"k-window-titlebar\">\n                        <span className=\"k-window-title\">Table Wizard</span>\n                        <div className=\"k-window-actions\">\n                            <Button fillMode=\"flat\" icon=\"close\"></Button>\n                        </div>\n                    </div>\n                    <div className=\"k-window-content\">\n                        <div className=\"k-tabstrip k-tabstrip-top\">\n                            <div className=\"k-tabstrip-items-wrapper k-hstack\">\n                                <ul className=\"k-tabstrip-items k-reset\">\n                                    <li className=\"k-item k-first\"><span className=\"k-loading k-complete\"></span><span className=\"k-link\">Table</span></li>\n                                    <li className=\"k-item\"><span className=\"k-loading k-complete\"></span><span className=\"k-link\">Cell</span></li>\n                                    <li className=\"k-item k-last k-tab-on-top k-state-active\"><span className=\"k-loading k-complete\"></span><span className=\"k-link\">Accessibility</span></li>\n                                </ul>\n                            </div>\n                            <div className=\"k-tabstrip-content k-state-active\">\n                                <div className=\"k-form k-form-horizontal\">\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Header Rows</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <NumericTextbox />\n                                        </div>\n                                    </div>\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Header Cols</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <NumericTextbox />\n                                        </div>\n                                    </div>\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Caption</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <Textbox />\n                                        </div>\n                                    </div>\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Alignment</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <DropdownList className=\"k-align\" showValue={false} value=\"Remove align\" valueIconName=\"align-remove\" style={{ width: \"min-content\" }} />\n                                        </div>\n                                    </div>\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Summary</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <Textarea className=\"k-editor-accessibility-summary\" placeholder=\"Summary attribute is not HTML5 compatible.\" />\n                                        </div>\n                                    </div>\n                                    <div className=\"k-form-field\">\n                                        <div className=\"k-form-label\">\n                                            <label>Associate headers</label>\n                                        </div>\n                                        <div className=\"k-form-field-wrap\">\n                                            <DropdownList value=\"None\" />\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <ActionButtons className=\"k-window-buttons\" alignment=\"end\">\n                        <Button>Cancel</Button>\n                        <Button themeColor=\"primary\">Update</Button>\n                    </ActionButtons>\n                </div>\n            </section>\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { ButtonProps } from '../button';\nimport { classNames } from '../utils';\n\nexport interface ActionButtonsProps {\n    children?: React.ReactElement<ButtonProps>|React.ReactElement<ButtonProps>[];\n    className?: string;\n    alignment?: 'start' | 'center' | 'end' | 'stretched';\n    orientation?: 'horizontal' | 'vertical';\n}\n\nexport class ActionButtons extends React.Component<ActionButtonsProps> {\n\n    static defaultProps = {\n        alignment: 'start',\n        orientation: 'horizontal'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            alignment,\n            orientation,\n            ...htmlAttributes\n        } = this.props;\n\n        return (\n            <div\n                {...htmlAttributes}\n                className={classNames(\n                    'k-actions',\n                    {\n                        [`k-actions-${alignment}`]: alignment,\n                        [`k-actions-${orientation}`]: orientation\n                    },\n                    className\n                )}>\n                {children}\n            </div>\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, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text || hasIcon\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n            </button>\n        );\n    }\n}\n", "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 { 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", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { SpinButton } from '../spinbutton';\nimport {\n    Input,\n    InputInnerInput,\n    InputClearValue,\n    InputLoadingIcon,\n    InputValidationIcon\n} from '../input';\n\nexport interface NumericTextboxProps {\n    className?: string;\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    showSpinButton?: boolean;\n    showClearButton?: boolean;\n}\n\nexport class NumericTextbox extends React.Component<NumericTextboxProps> {\n\n    static defaultProps = {\n        showSpinButton: true,\n        showClearButton: true\n    };\n\n    render() {\n        const {\n            className,\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            showSpinButton,\n            showClearButton\n        } = this.props;\n\n        return (\n            <Input\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(className, 'k-numerictextbox')}\n            >\n                <InputInnerInput placeholder={placeholder} value={value} />\n                <InputValidationIcon {...this.props} />\n                <InputLoadingIcon {...this.props} />\n                {showClearButton && (<InputClearValue {...this.props} />)}\n                {showSpinButton && (\n                    <SpinButton\n                        className=\"k-input-spinner\"\n                        size={size}\n                        fillMode={fillMode}\n                    />\n                )}\n            </Input>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { Button } from '../button';\nimport { classNames } from '../utils';\n\nexport interface SpinButtonProps {\n    className?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n}\n\nexport class SpinButton extends React.Component<SpinButtonProps> {\n\n    render() {\n        const {\n            className,\n            size,\n            fillMode\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-spin-button'\n                )}>\n                <Button\n                    className=\"k-spinner-increase\"\n                    icon=\"arrow-n\"\n                    rounded={null}\n                    size={size}\n                    fillMode={fillMode}>\n                </Button>\n                <Button\n                    className=\"k-spinner-decrease\"\n                    icon=\"arrow-s\"\n                    rounded={null}\n                    size={size}\n                    fillMode={fillMode}>\n                </Button>\n            </span>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport { Input, InputInnerTextarea } from '../input';\n\nexport interface TextareaProps {\n    className?: string;\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    rows?: number;\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 Textarea extends React.Component<TextareaProps> {\n\n    render() {\n        const {\n            className,\n            placeholder,\n            value,\n            rows,\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            <Input\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(className, 'k-textarea')}\n            >\n                <InputInnerTextarea\n                    className=\"!k-overflow-auto\"\n                    value={value}\n                    placeholder={placeholder}\n                    rows={rows}\n                />\n            </Input>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames } from '../utils';\nimport {\n    Input,\n    InputPrefix,\n    InputSuffix,\n    InputInnerInput,\n    InputClearValue,\n    InputLoadingIcon,\n    InputValidationIcon\n} from '../input';\n\nexport interface TextboxProps {\n    className?: string;\n    prefix?: React.ReactNode;\n    suffix?: React.ReactNode;\n    type?: string;\n    value?: string;\n    placeholder?: string;\n    autocomplete?: 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    showClearButton?: boolean;\n}\n\nexport class Textbox extends React.Component<TextboxProps> {\n\n    static defaultProps = {\n        showClearButton: true\n    };\n\n    render() {\n        const {\n            className,\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            showClearButton\n        } = this.props;\n\n        return (\n            <Input\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(className, 'k-textbox')}\n            >\n                <InputPrefix>{prefix}</InputPrefix>\n                <InputInnerInput placeholder={placeholder} value={value} />\n                <InputSuffix>{suffix}</InputSuffix>\n                <InputValidationIcon {...this.props} />\n                <InputLoadingIcon {...this.props} />\n                { showClearButton && <InputClearValue {...this.props} /> }\n            </Input>\n        );\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/expansion-panel/tests/expansion-panel-rtl.js

@@ -0,0 +1,233 @@
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined")
+      return require.apply(this, arguments);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+
+  // src/expansion-panel/tests/expansion-panel-rtl.tsx
+  var import_react = __toESM(__require("react"));
+  var import_client = __toESM(__require("react-dom/client"));
+
+  // src/icon/icon.tsx
+  var React = __toESM(__require("react"));
+
+  // src/utils/classNames.ts
+  var classNames = (...args) => {
+    const result = {};
+    const addLeafKeys = (arg) => {
+      typeof arg === "object" ? Object.keys(arg).forEach((key) => {
+        result[key] = arg[key];
+      }) : result[arg] = true;
+    };
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map((arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg));
+    addKeys(args);
+    return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
+  };
+
+  // src/icon/icon.tsx
+  var Icon = class extends React.Component {
+    render() {
+      const {
+        className,
+        style,
+        name
+      } = this.props;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, name && /* @__PURE__ */ React.createElement("span", {
+        className: classNames(className, "k-icon", {
+          [`k-i-${name}`]: name
+        }),
+        style
+      }));
+    }
+  };
+
+  // src/expansion-panel/tests/expansion-panel-rtl.tsx
+  var root = import_client.default.createRoot(document.getElementById("app"));
+  root.render(/* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    id: "test-area"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Collapsed panel"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander k-expanded",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Expanded panel"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-up"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander k-expanded k-state-focus",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Expanded panel"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-up"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Collapsed panel"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander k-state-focus",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header k-state-hover"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Hover state"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander k-state-focus",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header k-state-hover"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Hover & Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header k-state-disabled"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Disabled panel"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-down"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper k-display-none"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content"
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander k-expanded",
+    dir: "rtl"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-header"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-title"
+  }, "Content with fixed height"), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "k-spacer"
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-sub-title"
+  }, "South America"), /* @__PURE__ */ import_react.default.createElement(Icon, {
+    className: "k-expander-indicator",
+    name: "arrow-chevron-up"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content-wrapper"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "k-expander-content",
+    style: { height: "100px" }
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    style: { height: "100%", overflow: "auto" }
+  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.")))))));
+})();
+//# sourceMappingURL=expansion-panel-rtl.js.map

package/dist/expansion-panel/tests/expansion-panel-rtl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/expansion-panel/tests/expansion-panel-rtl.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\nroot.render(\n    <>\n        <div id=\"test-area\">\n\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Expanded panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Collapsed panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-hover\">\n                    <div className=\"k-expander-title\">Hover & Focus state</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander\" dir=\"rtl\">\n                <div className=\"k-expander-header k-state-disabled\">\n                    <div className=\"k-expander-title\">Disabled panel</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n                </div>\n                <div className=\"k-expander-content-wrapper k-display-none\">\n                    <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-expander k-expanded\" dir=\"rtl\">\n                <div className=\"k-expander-header\">\n                    <div className=\"k-expander-title\">Content with fixed height</div>\n                    <span className=\"k-spacer\"></span>\n                    <div className=\"k-expander-sub-title\">South America</div>\n                    <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n                </div>\n                <div className=\"k-expander-content-wrapper\">\n                    <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n                        <div style={{ height: \"100%\", overflow: \"auto\" }}>\n                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
+  "names": []
+}