@sme.up/ketchup 11.0.0-SNAPSHOT-20241118135127 → 11.0.0-SNAPSHOT-20241118154002

package/dist/esm/{f-chip-493f6e72.js.map → f-chip-cd564624.js.map}

@@ -1 +1 @@
-{"file":"f-chip-493f6e72.js","mappings":"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","names":[],"sources":["src/f-components/f-chip/f-chip-declarations.ts","src/f-components/f-chip/f-chip.tsx"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\nimport { KupChipNode } from '../../components/kup-chip/kup-chip-declarations';\n/**\n * Props of the f-chip component.\n */\nexport interface FChipsProps extends FComponent {\n    data?: KupChipNode[];\n    displayId?: boolean;\n    onBlur?: ((chip: KupChipNode, e: FocusEvent) => void)[];\n    onClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    onExpansionClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    onFocus?: ((chip: KupChipNode, e: FocusEvent) => void)[];\n    onIconClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    primary?: boolean;\n    sizing?: FChipSize;\n    styling?: FChipStyling;\n    type?: FChipType;\n}\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} CHOICE - Only 1 chip may be selected at a time.\n * @property {string} FILTER - Multiple chips may be selected at a time.\n * @property {string} INPUT - Chips can be deleted by clicking on the rightmost icon.\n * @property {string} STANDARD - Standard chip set.\n */\nexport enum FChipType {\n    CHOICE = 'choice',\n    FILTER = 'filter',\n    INPUT = 'input',\n    STANDARD = 'standard',\n}\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} OUTLINED - Outlined style : no background with border.\n * @property {string} RAISED - Raised style : no border with solid background.\n */\nexport enum FChipStyling {\n    OUTLINED = 'outlined',\n    RAISED = 'raised',\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FChipSize { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n    SMALL = 'small',\n    MEDIUM = 'medium',\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport {\n    FChipsProps,\n    FChipStyling,\n    FChipType,\n} from '../f-chip/f-chip-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\nimport {\n    KupThemeColorValues,\n    KupThemeIconValues,\n} from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupChipNode } from '../../components/kup-chip/kup-chip-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FChip: FunctionalComponent<FChipsProps> = (props: FChipsProps) => {\n    if (!props.styling) {\n        props.styling = FChipStyling.RAISED;\n    }\n    if (!props.type) {\n        props.type = FChipType.STANDARD;\n    }\n\n    const isChoice = props.type.toLowerCase() === FChipType.CHOICE;\n    const isFilter = props.type.toLowerCase() === FChipType.FILTER;\n    const isInput = props.type.toLowerCase() === FChipType.INPUT;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FChipStyling.OUTLINED;\n    const isRaised: boolean = !isOutlined ? true : false;\n    const classObj: Record<string, boolean> = {\n        'chip-set': true,\n        'chip-set--choice': isChoice ? true : false,\n        'chip-set--filter': isFilter ? true : false,\n        'chip-set--input': isInput ? true : false,\n        'chip--outlined': isOutlined ? true : false,\n        'chip--raised': isRaised ? true : false,\n        [`chip--${props.sizing}`]: props.sizing ? true : false,\n    };\n\n    return (\n        <div\n            class={`f-chip ${props.danger ? 'kup-danger' : ''} ${\n                props.info ? 'kup-info' : ''\n            } ${props.secondary ? 'kup-secondary' : ''} ${\n                props.success ? 'kup-success' : ''\n            } ${props.warning ? 'kup-warning' : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            } ${props.primary ? 'kup-primary' : ''}`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            <div class={classObj} role=\"grid\">\n                {createChipList(props, isChoice, isFilter, isInput)}\n            </div>\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction createChipList(\n    props: FChipsProps,\n    isChoice: boolean,\n    isFilter: boolean,\n    isInput: boolean\n): VNode[] {\n    const chipList: VNode[] = [];\n\n    for (let i = 0; props.data && i < props.data.length; i++) {\n        const chipGroup: VNode[] = [];\n        recursive(props.data[i], 0);\n        chipList.push(<div class=\"chip-set__item\">{...chipGroup}</div>);\n\n        function recursive(chip: KupChipNode, indent: number) {\n            const hasChildren = !!(chip.children && chip.children.length > 0);\n            const showChildren = !!(hasChildren && chip.isExpanded);\n            const indentStyle = {\n                ['--kup_chip_indent_offset']: indent.toString(),\n            };\n\n            chipGroup.push(\n                <div\n                    class={`chip-set__wrapper ${\n                        hasChildren && !showChildren\n                            ? 'chip-set__wrapper--hidden-children'\n                            : ''\n                    }`}\n                >\n                    <div class=\"chip-set__indent\" style={indentStyle}></div>\n                    {hasChildren ? (\n                        <FImage\n                            onClick={\n                                props.onExpansionClick &&\n                                props.onExpansionClick[i]\n                                    ? props.onExpansionClick[i].bind(\n                                          props.onExpansionClick[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                            resource={`${KupThemeIconValues.DROPDOWN}`}\n                            sizeX=\"16px\"\n                            sizeY=\"16px\"\n                            title={\n                                dom.ketchup.language.translate(\n                                    KupLanguageGeneric.EXPAND\n                                ) +\n                                '/' +\n                                dom.ketchup.language.translate(\n                                    KupLanguageGeneric.COLLAPSE\n                                ) +\n                                ' (CTRL + Click)'\n                            }\n                            wrapperClass=\"dropdown-icon\"\n                        ></FImage>\n                    ) : indent ? (\n                        <FImage\n                            resource=\"blank\"\n                            sizeX=\"16px\"\n                            sizeY=\"16px\"\n                            wrapperClass=\"dropdown-icon\"\n                        ></FImage>\n                    ) : null}\n                    {createChip(chip)}\n                </div>\n            );\n            if (showChildren) {\n                for (let index = 0; index < chip.children.length; index++) {\n                    if (chip.children[index]) {\n                        recursive(chip.children[index], indent + 1);\n                    }\n                }\n            }\n        }\n\n        function createChip(chip: KupChipNode): VNode {\n            const onlyIcon = !!(chip.icon && !chip.value);\n            let componentClass: string = `chip ${\n                onlyIcon ? 'chip--only-icon' : ''\n            }`;\n            let iconEl = [];\n            let iconClass = 'chip__icon chip__icon--leading';\n\n            if (isFilter || isChoice) {\n                if (chip.checked) {\n                    componentClass += ' chip--selected';\n                    if (isFilter) {\n                        iconClass += ' chip__icon--leading-hidden';\n                    }\n                }\n            }\n\n            if (chip.icon) {\n                const p: FImageProps = {\n                    color:\n                        isChoice && chip.checked\n                            ? `var(--kup_chip_primary_color)`\n                            : `var(--kup_chip_text_color)`,\n                    resource: chip.icon,\n                    placeholderResource: chip.placeholderIcon,\n                    sizeX: '16px',\n                    sizeY: '16px',\n                    wrapperClass: iconClass,\n                };\n                iconEl.push(<FImage {...p} />);\n            }\n\n            if (isFilter) {\n                iconEl.push(\n                    <span class=\"chip__checkmark\">\n                        <svg class=\"chip__checkmark-svg\" viewBox=\"-2 -3 30 30\">\n                            <path\n                                class=\"chip__checkmark-path\"\n                                fill=\"none\"\n                                stroke=\"black\"\n                                d=\"M1.73,12.91 8.1,19.28 22.79,4.59\"\n                            />\n                        </svg>\n                    </span>\n                );\n            }\n            return (\n                <div\n                    class={componentClass}\n                    data-value={chip.id}\n                    onClick={\n                        props.onClick && props.onClick[i]\n                            ? props.onClick[i].bind(props.onClick[i], chip)\n                            : null\n                    }\n                    role=\"row\"\n                    title={chip.title ? chip.title : ''}\n                >\n                    <span class=\"chip-set__indent\"></span>\n                    {iconEl}\n                    <span role=\"gridcell\">\n                        <span\n                            role=\"button\"\n                            tabindex={i}\n                            class=\"chip__primary-action\"\n                            // @ts-ignore\n                            value={chip.id}\n                            checked={chip.checked}\n                            onBlur={\n                                props.onBlur && props.onBlur[i]\n                                    ? props.onBlur[i].bind(\n                                          props.onBlur[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                            onFocus={\n                                props.onFocus && props.onFocus[i]\n                                    ? props.onFocus[i].bind(\n                                          props.onFocus[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                        >\n                            <span class=\"chip__text\">\n                                {props.displayId\n                                    ? chip.id + ' - ' + chip.value\n                                    : chip.value}\n                            </span>\n                        </span>\n                    </span>\n                    {isInput ? (\n                        <span role=\"gridcell\">\n                            <span\n                                tabindex=\"-1\"\n                                class={`kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace(\n                                    '--',\n                                    ''\n                                )}`}\n                                onClick={\n                                    props.onIconClick && props.onIconClick[i]\n                                        ? props.onIconClick[i].bind(\n                                              props.onIconClick[i],\n                                              chip\n                                          )\n                                        : null\n                                }\n                            ></span>\n                        </span>\n                    ) : null}\n                </div>\n            );\n        }\n    }\n\n    return chipList;\n}\n"],"version":3}
+{"file":"f-chip-cd564624.js","mappings":"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","names":[],"sources":["src/f-components/f-chip/f-chip-declarations.ts","src/f-components/f-chip/f-chip.tsx"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\nimport { KupChipNode } from '../../components/kup-chip/kup-chip-declarations';\n/**\n * Props of the f-chip component.\n */\nexport interface FChipsProps extends FComponent {\n    data?: KupChipNode[];\n    displayId?: boolean;\n    onBlur?: ((chip: KupChipNode, e: FocusEvent) => void)[];\n    onClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    onExpansionClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    onFocus?: ((chip: KupChipNode, e: FocusEvent) => void)[];\n    onIconClick?: ((chip: KupChipNode, e: PointerEvent) => void)[];\n    primary?: boolean;\n    sizing?: FChipSize;\n    styling?: FChipStyling;\n    type?: FChipType;\n}\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} CHOICE - Only 1 chip may be selected at a time.\n * @property {string} FILTER - Multiple chips may be selected at a time.\n * @property {string} INPUT - Chips can be deleted by clicking on the rightmost icon.\n * @property {string} STANDARD - Standard chip set.\n */\nexport enum FChipType {\n    CHOICE = 'choice',\n    FILTER = 'filter',\n    INPUT = 'input',\n    STANDARD = 'standard',\n}\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} OUTLINED - Outlined style : no background with border.\n * @property {string} RAISED - Raised style : no border with solid background.\n */\nexport enum FChipStyling {\n    OUTLINED = 'outlined',\n    RAISED = 'raised',\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FChipSize { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n    SMALL = 'small',\n    MEDIUM = 'medium',\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport {\n    FChipsProps,\n    FChipStyling,\n    FChipType,\n} from '../f-chip/f-chip-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\nimport {\n    KupThemeColorValues,\n    KupThemeIconValues,\n} from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupChipNode } from '../../components/kup-chip/kup-chip-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FChip: FunctionalComponent<FChipsProps> = (props: FChipsProps) => {\n    if (!props.styling) {\n        props.styling = FChipStyling.RAISED;\n    }\n    if (!props.type) {\n        props.type = FChipType.STANDARD;\n    }\n\n    const isChoice = props.type.toLowerCase() === FChipType.CHOICE;\n    const isFilter = props.type.toLowerCase() === FChipType.FILTER;\n    const isInput = props.type.toLowerCase() === FChipType.INPUT;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FChipStyling.OUTLINED;\n    const isRaised: boolean = !isOutlined ? true : false;\n    const classObj: Record<string, boolean> = {\n        'chip-set': true,\n        'chip-set--choice': isChoice ? true : false,\n        'chip-set--filter': isFilter ? true : false,\n        'chip-set--input': isInput ? true : false,\n        'chip--outlined': isOutlined ? true : false,\n        'chip--raised': isRaised ? true : false,\n        [`chip--${props.sizing}`]: props.sizing ? true : false,\n    };\n\n    return (\n        <div\n            class={`f-chip ${props.danger ? 'kup-danger' : ''} ${\n                props.info ? 'kup-info' : ''\n            } ${props.secondary ? 'kup-secondary' : ''} ${\n                props.success ? 'kup-success' : ''\n            } ${props.warning ? 'kup-warning' : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            } ${props.primary ? 'kup-primary' : ''}`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            <div class={classObj} role=\"grid\">\n                {createChipList(props, isChoice, isFilter, isInput)}\n            </div>\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction createChipList(\n    props: FChipsProps,\n    isChoice: boolean,\n    isFilter: boolean,\n    isInput: boolean\n): VNode[] {\n    const chipList: VNode[] = [];\n\n    for (let i = 0; props.data && i < props.data.length; i++) {\n        const chipGroup: VNode[] = [];\n        recursive(props.data[i], 0);\n        chipList.push(<div class=\"chip-set__item\">{...chipGroup}</div>);\n\n        function recursive(chip: KupChipNode, indent: number) {\n            const hasChildren = !!(chip.children && chip.children.length > 0);\n            const showChildren = !!(hasChildren && chip.isExpanded);\n            const indentStyle = {\n                ['--kup_chip_indent_offset']: indent.toString(),\n            };\n\n            chipGroup.push(\n                <div\n                    class={`chip-set__wrapper ${\n                        hasChildren && !showChildren\n                            ? 'chip-set__wrapper--hidden-children'\n                            : ''\n                    }`}\n                >\n                    <div class=\"chip-set__indent\" style={indentStyle}></div>\n                    {hasChildren ? (\n                        <FImage\n                            onClick={\n                                props.onExpansionClick &&\n                                props.onExpansionClick[i]\n                                    ? props.onExpansionClick[i].bind(\n                                          props.onExpansionClick[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                            resource={`${KupThemeIconValues.DROPDOWN}`}\n                            sizeX=\"16px\"\n                            sizeY=\"16px\"\n                            title={\n                                dom.ketchup.language.translate(\n                                    KupLanguageGeneric.EXPAND\n                                ) +\n                                '/' +\n                                dom.ketchup.language.translate(\n                                    KupLanguageGeneric.COLLAPSE\n                                ) +\n                                ' (CTRL + Click)'\n                            }\n                            wrapperClass=\"dropdown-icon\"\n                        ></FImage>\n                    ) : indent ? (\n                        <FImage\n                            resource=\"blank\"\n                            sizeX=\"16px\"\n                            sizeY=\"16px\"\n                            wrapperClass=\"dropdown-icon\"\n                        ></FImage>\n                    ) : null}\n                    {createChip(chip)}\n                </div>\n            );\n            if (showChildren) {\n                for (let index = 0; index < chip.children.length; index++) {\n                    if (chip.children[index]) {\n                        recursive(chip.children[index], indent + 1);\n                    }\n                }\n            }\n        }\n\n        function createChip(chip: KupChipNode): VNode {\n            const onlyIcon = !!(chip.icon && !chip.value);\n            let componentClass: string = `chip ${\n                onlyIcon ? 'chip--only-icon' : ''\n            }`;\n            let iconEl = [];\n            let iconClass = 'chip__icon chip__icon--leading';\n\n            if (isFilter || isChoice) {\n                if (chip.checked) {\n                    componentClass += ' chip--selected';\n                    if (isFilter) {\n                        iconClass += ' chip__icon--leading-hidden';\n                    }\n                }\n            }\n\n            if (chip.icon) {\n                const p: FImageProps = {\n                    color:\n                        isChoice && chip.checked\n                            ? `var(--kup_chip_primary_color)`\n                            : `var(--kup_chip_text_color)`,\n                    resource: chip.icon,\n                    placeholderResource: chip.placeholderIcon,\n                    sizeX: '16px',\n                    sizeY: '16px',\n                    wrapperClass: iconClass,\n                };\n                iconEl.push(<FImage {...p} />);\n            }\n\n            if (isFilter) {\n                iconEl.push(\n                    <span class=\"chip__checkmark\">\n                        <svg class=\"chip__checkmark-svg\" viewBox=\"-2 -3 30 30\">\n                            <path\n                                class=\"chip__checkmark-path\"\n                                fill=\"none\"\n                                stroke=\"black\"\n                                d=\"M1.73,12.91 8.1,19.28 22.79,4.59\"\n                            />\n                        </svg>\n                    </span>\n                );\n            }\n            return (\n                <div\n                    class={componentClass}\n                    data-value={chip.id}\n                    onClick={\n                        props.onClick && props.onClick[i]\n                            ? props.onClick[i].bind(props.onClick[i], chip)\n                            : null\n                    }\n                    role=\"row\"\n                    title={chip.title ? chip.title : ''}\n                >\n                    <span class=\"chip-set__indent\"></span>\n                    {iconEl}\n                    <span role=\"gridcell\">\n                        <span\n                            role=\"button\"\n                            tabindex={i}\n                            class=\"chip__primary-action\"\n                            // @ts-ignore\n                            value={chip.id}\n                            checked={chip.checked}\n                            onBlur={\n                                props.onBlur && props.onBlur[i]\n                                    ? props.onBlur[i].bind(\n                                          props.onBlur[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                            onFocus={\n                                props.onFocus && props.onFocus[i]\n                                    ? props.onFocus[i].bind(\n                                          props.onFocus[i],\n                                          chip\n                                      )\n                                    : null\n                            }\n                        >\n                            <span class=\"chip__text\">\n                                {props.displayId\n                                    ? chip.id + ' - ' + chip.value\n                                    : chip.value}\n                            </span>\n                        </span>\n                    </span>\n                    {isInput ? (\n                        <span role=\"gridcell\">\n                            <span\n                                tabindex=\"-1\"\n                                class={`kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace(\n                                    '--',\n                                    ''\n                                )}`}\n                                onClick={\n                                    props.onIconClick && props.onIconClick[i]\n                                        ? props.onIconClick[i].bind(\n                                              props.onIconClick[i],\n                                              chip\n                                          )\n                                        : null\n                                }\n                            ></span>\n                        </span>\n                    ) : null}\n                </div>\n            );\n        }\n    }\n\n    return chipList;\n}\n"],"version":3}

package/dist/esm/{f-paginator-utils-45b88cb0.js → f-paginator-utils-7fd2bb01.js}

@@ -1,5 +1,5 @@
 import { h } from './index-191ee7cb.js';
-import { an as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-0f056eae.js';
+import { an as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-e6854c15.js';
 import { F as FButton } from './f-button-79148bc6.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 
@@ -131,4 +131,4 @@ function rowsPerPageChange(rowsNumber, max) {
 
 export { FPaginator as F, pageChange as p, rowsPerPageChange as r };
 
-//# sourceMappingURL=f-paginator-utils-45b88cb0.js.map
+//# sourceMappingURL=f-paginator-utils-7fd2bb01.js.map

package/dist/esm/{f-paginator-utils-45b88cb0.js.map → f-paginator-utils-7fd2bb01.js.map}

@@ -1 +1 @@
-{"file":"f-paginator-utils-45b88cb0.js","mappings":"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","names":["dom"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n    currentPage?: number;\n    max?: number;\n    mode?: FPaginatorMode;\n    perPage?: number;\n    onLoadMore?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (event: CustomEvent) => void;\n    onPrevPage?: () => void;\n    onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n    SIMPLE = 'simple',\n    FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n    newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n    KupLanguageGeneric,\n    KupLanguagePage,\n    KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n    props: FPaginatorProps\n) => {\n    if (!props.perPage) {\n        props.perPage = 10;\n    }\n    const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n    const pageItems = getPageItems(props, maxNumberOfPage);\n    const rowsPerPageItems = getRowsItems(props);\n    const dataPageSelector = {\n        'kup-list': {\n            data: pageItems,\n        },\n        'kup-text-field': {\n            label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n                `: ${maxNumberOfPage}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: maxNumberOfPage,\n            min: 1,\n        },\n    };\n    const dataRowsSelector = {\n        'kup-list': {\n            data: rowsPerPageItems,\n        },\n        'kup-text-field': {\n            label:\n                dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n                ' / ' +\n                dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n                `: ${props.max}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: props.max,\n            min: 1,\n        },\n    };\n    return (\n        <div\n            class={`f-paginator ${props.mode ? props.mode : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.onLoadMore ? (\n                <FButton\n                    icon=\"plus\"\n                    onClick={props.onLoadMore}\n                    label={dom.ketchup.language.translate(\n                        KupLanguageGeneric.LOAD_MORE\n                    )}\n                    sizing={KupComponentSizing.SMALL}\n                    styling={FButtonStyling.FLAT}\n                    wrapperClass=\"load-more-button kup-neutral\"\n                />\n            ) : null}\n            <kup-combobox\n                class=\"rows-selector\"\n                data={dataRowsSelector}\n                initialValue={props.perPage.toString()}\n                onkup-combobox-change={props.onRowsChange}\n            />\n            <kup-combobox\n                class=\"page-selector\"\n                data={dataPageSelector}\n                initialValue={props.currentPage.toString()}\n                onkup-combobox-change={props.onPageChange}\n            />\n            <div class=\"arrow-wrapper\">\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_left\"\n                        disabled={isPrevPageDisabled(props)}\n                        onClick={props.onPrevPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral prev-page\"\n                    />\n                ) : null}\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_right\"\n                        disabled={isNextPageDisabled(props)}\n                        onClick={props.onNextPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral next-page\"\n                    />\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n    const pageItems: KupListNode[] = [];\n\n    for (let i = 1; i <= maxNumberOfPage; i++) {\n        const selected = i == props.currentPage;\n        pageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n    }\n\n    return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n    const rowsPerPageItems: KupListNode[] = [];\n    let i = props.perPage;\n\n    if (i === 0) {\n        return rowsPerPageItems;\n    }\n\n    while (i < props.max) {\n        const selected = i == props.perPage;\n        rowsPerPageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n        i = i * 2;\n    }\n\n    const selected = props.max == props.perPage;\n    rowsPerPageItems.push({\n        id: props.max.toString(),\n        selected: selected,\n        value: props.max.toString(),\n    });\n\n    return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n    return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n    return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n    if (dom.ketchup.math.isNumber(pageNumber)) {\n        const numberOfPages = Math.ceil(max / perPage);\n        let tmpNewPage: number = pageNumber;\n        if (tmpNewPage > numberOfPages) {\n            tmpNewPage = numberOfPages;\n        }\n        if (tmpNewPage < 1) {\n            tmpNewPage = 1;\n        }\n        return tmpNewPage;\n    }\n    return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n    if (dom.ketchup.math.isNumber(rowsNumber)) {\n        let tmpRowsPerPage: number = rowsNumber;\n        if (tmpRowsPerPage > max) {\n            tmpRowsPerPage = max;\n        }\n        if (tmpRowsPerPage < 1) {\n            tmpRowsPerPage = 1;\n        }\n        return tmpRowsPerPage;\n    }\n    return null;\n}\n"],"version":3}
+{"file":"f-paginator-utils-7fd2bb01.js","mappings":"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","names":["dom"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n    currentPage?: number;\n    max?: number;\n    mode?: FPaginatorMode;\n    perPage?: number;\n    onLoadMore?: () => void;\n    onNextPage?: () => void;\n    onPageChange?: (event: CustomEvent) => void;\n    onPrevPage?: () => void;\n    onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n    SIMPLE = 'simple',\n    FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n    newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n    KupLanguageGeneric,\n    KupLanguagePage,\n    KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n    props: FPaginatorProps\n) => {\n    if (!props.perPage) {\n        props.perPage = 10;\n    }\n    const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n    const pageItems = getPageItems(props, maxNumberOfPage);\n    const rowsPerPageItems = getRowsItems(props);\n    const dataPageSelector = {\n        'kup-list': {\n            data: pageItems,\n        },\n        'kup-text-field': {\n            label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n                `: ${maxNumberOfPage}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: maxNumberOfPage,\n            min: 1,\n        },\n    };\n    const dataRowsSelector = {\n        'kup-list': {\n            data: rowsPerPageItems,\n        },\n        'kup-text-field': {\n            label:\n                dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n                ' / ' +\n                dom.ketchup.language.translate(KupLanguagePage.PAGE),\n            helper:\n                dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n                `: ${props.max}`,\n            helperWhenFocused: true,\n            inputType: 'number',\n            max: props.max,\n            min: 1,\n        },\n    };\n    return (\n        <div\n            class={`f-paginator ${props.mode ? props.mode : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.onLoadMore ? (\n                <FButton\n                    icon=\"plus\"\n                    onClick={props.onLoadMore}\n                    label={dom.ketchup.language.translate(\n                        KupLanguageGeneric.LOAD_MORE\n                    )}\n                    sizing={KupComponentSizing.SMALL}\n                    styling={FButtonStyling.FLAT}\n                    wrapperClass=\"load-more-button kup-neutral\"\n                />\n            ) : null}\n            <kup-combobox\n                class=\"rows-selector\"\n                data={dataRowsSelector}\n                initialValue={props.perPage.toString()}\n                onkup-combobox-change={props.onRowsChange}\n            />\n            <kup-combobox\n                class=\"page-selector\"\n                data={dataPageSelector}\n                initialValue={props.currentPage.toString()}\n                onkup-combobox-change={props.onPageChange}\n            />\n            <div class=\"arrow-wrapper\">\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_left\"\n                        disabled={isPrevPageDisabled(props)}\n                        onClick={props.onPrevPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral prev-page\"\n                    />\n                ) : null}\n                {props.mode !== FPaginatorMode.SIMPLE ? (\n                    <FButton\n                        icon=\"chevron_right\"\n                        disabled={isNextPageDisabled(props)}\n                        onClick={props.onNextPage}\n                        sizing={KupComponentSizing.SMALL}\n                        styling={FButtonStyling.FLAT}\n                        wrapperClass=\"kup-neutral next-page\"\n                    />\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n    const pageItems: KupListNode[] = [];\n\n    for (let i = 1; i <= maxNumberOfPage; i++) {\n        const selected = i == props.currentPage;\n        pageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n    }\n\n    return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n    const rowsPerPageItems: KupListNode[] = [];\n    let i = props.perPage;\n\n    if (i === 0) {\n        return rowsPerPageItems;\n    }\n\n    while (i < props.max) {\n        const selected = i == props.perPage;\n        rowsPerPageItems.push({\n            id: i.toString(),\n            selected: selected,\n            value: i.toString(),\n        });\n        i = i * 2;\n    }\n\n    const selected = props.max == props.perPage;\n    rowsPerPageItems.push({\n        id: props.max.toString(),\n        selected: selected,\n        value: props.max.toString(),\n    });\n\n    return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n    return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n    return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n    if (dom.ketchup.math.isNumber(pageNumber)) {\n        const numberOfPages = Math.ceil(max / perPage);\n        let tmpNewPage: number = pageNumber;\n        if (tmpNewPage > numberOfPages) {\n            tmpNewPage = numberOfPages;\n        }\n        if (tmpNewPage < 1) {\n            tmpNewPage = 1;\n        }\n        return tmpNewPage;\n    }\n    return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n    if (dom.ketchup.math.isNumber(rowsNumber)) {\n        let tmpRowsPerPage: number = rowsNumber;\n        if (tmpRowsPerPage > max) {\n            tmpRowsPerPage = max;\n        }\n        if (tmpRowsPerPage < 1) {\n            tmpRowsPerPage = 1;\n        }\n        return tmpRowsPerPage;\n    }\n    return null;\n}\n"],"version":3}

package/dist/esm/{f-text-field-234a66b4.js → f-text-field-66b6f8a6.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-191ee7cb.js';
-import { b as KupThemeIconValues } from './kup-manager-0f056eae.js';
+import { b as KupThemeIconValues } from './kup-manager-e6854c15.js';
 import { F as FImage } from './f-image-feab9f36.js';
 
 const dom = document.documentElement;
@@ -242,4 +242,4 @@ const formatValue = function (value, options, inputIsLocalized) {
 
 export { FTextField as F };
 
-//# sourceMappingURL=f-text-field-234a66b4.js.map
+//# sourceMappingURL=f-text-field-66b6f8a6.js.map

package/dist/esm/{f-text-field-234a66b4.js.map → f-text-field-66b6f8a6.js.map}

@@ -1 +1 @@
-{"file":"f-text-field-234a66b4.js","mappings":"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","names":[],"sources":["src/f-components/f-text-field/f-text-field.tsx"],"sourcesContent":["import type { FTextFieldProps } from './f-text-field-declarations';\nimport { FunctionalComponent, getAssetPath, h, VNode } from '@stencil/core';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { NumericFieldFormatOptions } from '../../managers/kup-math/kup-math-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FTextField: FunctionalComponent<FTextFieldProps> = (\n    props: FTextFieldProps,\n    children: VNode[]\n) => {\n    const classObj: Record<string, boolean> = {\n        'f-text-field': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-light-mode': props.lightMode,\n        'kup-secondary': props.secondary,\n        'kup-shaped': props.shaped,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.leadingLabel || props.trailingLabel ? (\n                <div\n                    class={`mdc-form-field ${\n                        props.leadingLabel ? 'mdc-form-field--align-end' : ''\n                    }`}\n                >\n                    {[\n                        setContent(props),\n                        setHelper(props),\n                        <label>{props.label}</label>,\n                    ]}\n                </div>\n            ) : (\n                [setContent(props), setHelper(props)]\n            )}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction setContent(props: FTextFieldProps): HTMLDivElement {\n    const isOutlined: boolean = props.textArea || props.outlined;\n    let labelEl: HTMLElement;\n    let iconEl: HTMLElement;\n    let minusEl: HTMLElement;\n    let plusEl: HTMLElement;\n\n    if (props.label && !props.leadingLabel && !props.trailingLabel) {\n        labelEl = (\n            <div class=\"mdc-text-field__label-container\">\n                <label class=\"mdc-label\" htmlFor=\"kup-input\">\n                    {props.label}\n                </label>\n                {props.maxLength && props.showCounter ? (\n                    <div class=\"mdc-text-field__label-character-counter\">\n                        {props.value.length} / {props.maxLength}\n                    </div>\n                ) : undefined}\n            </div>\n        );\n    }\n\n    if (props.icon) {\n        let iconStyle: {\n            [key: string]: string;\n        };\n        let iconClass: string = '';\n        if (\n            Object.values(KupThemeIconValues).indexOf(\n                props.icon as KupThemeIconValues\n            ) > -1\n        ) {\n            iconClass = props.icon.replace('--', '');\n        } else {\n            let svg: string = `url('${getAssetPath(\n                `./assets/svg/${props.icon}.svg`\n            )}') no-repeat center`;\n            iconStyle = {\n                mask: svg,\n                webkitMask: svg,\n            };\n        }\n        iconEl = (\n            <span\n                style={iconStyle}\n                onClick={props.onIconClick}\n                class={`mdc-text-field__icon kup-icon action ${iconClass}`}\n            ></span>\n        );\n    }\n\n    if (props.quantityButtons) {\n        const minusSvg: string = `url('${getAssetPath(\n            `./assets/svg/minus.svg`\n        )}') no-repeat center`;\n        const plusSvg: string = `url('${getAssetPath(\n            `./assets/svg/plus.svg`\n        )}') no-repeat center`;\n\n        const minusStyle = {\n            mask: minusSvg,\n            webkitMask: minusSvg,\n        };\n        const plusStyle = {\n            mask: plusSvg,\n            webkitMask: plusSvg,\n        };\n\n        minusEl = (\n            <span\n                style={minusStyle}\n                class={`mdc-text-field__icon kup-icon action`}\n            ></span>\n        );\n        plusEl = (\n            <span\n                style={plusStyle}\n                class={`mdc-text-field__icon kup-icon action`}\n            ></span>\n        );\n    }\n\n    const propsFImage: FImageProps = {\n        color: props.error\n            ? `var(--kup-danger-color-60)`\n            : `var(--kup-warning-color-50)`,\n        resource: props.error ? 'error' : 'warning',\n        sizeX: '1.25em',\n        sizeY: '1.25em',\n        wrapperClass: 'kup-icon',\n    };\n\n    const classContainerObj: Record<string, boolean> = {\n        'mdc-text-field-container': true,\n        'mdc-text-field-container--disabled': props.disabled,\n    };\n\n    const classObj: Record<string, boolean> = {\n        'is-clearable': props.isClearable,\n        'mdc-text-field': true,\n        'mdc-text-field--disabled': props.disabled,\n        'mdc-text-field--read-only': props.readOnly,\n        'mdc-text-field--filled': !props.fullWidth && !isOutlined,\n        'mdc-text-field--no-label': !props.label,\n        'mdc-text-field--fullwidth': props.fullWidth,\n        'mdc-text-field--lightmode': props.lightMode,\n        'mdc-text-field--outlined': isOutlined,\n        'mdc-text-field--textarea': props.textArea,\n        'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,\n        'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,\n        'mdc-text-field--with-quantity-buttons': props.quantityButtons,\n        'mdc-text-field--error': Boolean(props.error),\n        'mdc-text-field--alert': Boolean(props.alert),\n        ...(!props.textArea && {\n            [`mdc-text-field--${props.sizing || 'small'}`]: true,\n        }),\n    };\n\n    let value = props.value;\n    let inputType = props.quantityButtons\n        ? 'number'\n        : props.inputType ?? 'text';\n    let persManageForNumberFormat = false;\n    if (\n        props.inputType === 'number' &&\n        ((props.decimals && props.decimals > 0) || props.group)\n    ) {\n        inputType = 'text';\n        persManageForNumberFormat = true;\n    }\n    if (props.inputType === 'number') {\n        const options: NumericFieldFormatOptions = {\n            allowNegative: props.allowNegative ?? true,\n            decimal: props.decimals,\n            group: props.group,\n            integer: props.integers,\n        };\n        value = formatValue(value, options, false);\n    }\n\n    return (\n        <div class={classContainerObj}>\n            {!props.fullWidth ? labelEl : undefined}\n            <div class={classObj}>\n                {!props.trailingIcon ? iconEl : undefined}\n                {props.textArea ? (\n                    <span class=\"mdc-text-field__resizer\">\n                        <textarea\n                            class=\"mdc-text-field__input\"\n                            disabled={props.disabled}\n                            maxlength={props.maxLength}\n                            value={value}\n                            onBlur={props.onBlur}\n                            onClick={props.onClick}\n                            onChange={props.onChange}\n                            onFocus={props.onFocus}\n                            onInput={props.onInput}\n                            onKeyDown={props.onKeyDown}\n                        ></textarea>\n                    </span>\n                ) : (\n                    <input\n                        inputmode={\n                            props.inputMode ? props.inputMode : undefined\n                        }\n                        type={inputType}\n                        step={props.step}\n                        min={props.min}\n                        max={props.max}\n                        name={props.name}\n                        class=\"mdc-text-field__input\"\n                        disabled={props.disabled}\n                        placeholder={props.placeholder}\n                        maxlength={props.maxLength}\n                        size={props.size}\n                        value={value}\n                        onBlur={(e: FocusEvent) => {\n                            if (persManageForNumberFormat) {\n                                const options: NumericFieldFormatOptions = {\n                                    allowNegative: props.allowNegative ?? true,\n                                    decimal: props.decimals,\n                                    group: props.group,\n                                    integer: props.integers,\n                                };\n                                (e.target as HTMLInputElement).value =\n                                    formatValue(\n                                        (e.target as HTMLInputElement).value,\n                                        options,\n                                        true\n                                    );\n                            }\n                            if (props.onBlur) {\n                                props.onBlur(e);\n                            }\n                        }}\n                        onChange={(e: InputEvent) => {\n                            if (persManageForNumberFormat) {\n                                const options: NumericFieldFormatOptions = {\n                                    allowNegative: props.allowNegative ?? true,\n                                    decimal: props.decimals,\n                                    group: props.group,\n                                    integer: props.integers,\n                                };\n                                if (\n                                    props.min !== undefined &&\n                                    props.min !== null &&\n                                    props.min >\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            props.min.toString(),\n                                            options,\n                                            true\n                                        );\n                                } else if (\n                                    props.max !== undefined &&\n                                    props.max !== null &&\n                                    props.max <\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            props.max.toString(),\n                                            options,\n                                            true\n                                        );\n                                } else {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            (e.target as HTMLInputElement)\n                                                .value,\n                                            options,\n                                            true\n                                        );\n                                }\n                            } else {\n                                if (\n                                    props.min !== undefined &&\n                                    props.min !== null &&\n                                    props.min >\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        props.min.toString();\n                                } else if (\n                                    props.max !== undefined &&\n                                    props.max !== null &&\n                                    props.max <\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        props.max.toString();\n                                }\n                            }\n                            if (props.onChange) {\n                                props.onChange(e);\n                            }\n                        }}\n                        onClick={props.onClick}\n                        onFocus={props.onFocus}\n                        onInput={props.onInput}\n                        onKeyDown={props.onKeyDown}\n                        onKeyPress={(e: KeyboardEvent) => {\n                            if (!persManageForNumberFormat) {\n                                return;\n                            }\n                            if (e.ctrlKey) {\n                                return;\n                            }\n\n                            if (e.key.length > 1) {\n                                return;\n                            }\n\n                            const options: NumericFieldFormatOptions = {\n                                allowNegative: props.allowNegative ?? true,\n                                decimal: props.decimals,\n                                group: props.group,\n                                integer: props.integers,\n                            };\n                            let component = e.target as HTMLInputElement;\n                            let value = component.value;\n\n                            let beginVal = value.substring(\n                                0,\n                                component.selectionStart\n                            );\n                            let endVal = value.substring(\n                                component.selectionEnd,\n                                component.selectionEnd + value.length - 1\n                            );\n                            let val = beginVal + e.key + endVal;\n                            if (\n                                !dom.ketchup.math.matchNumericValueWithOptions(\n                                    val,\n                                    options\n                                )\n                            ) {\n                                e.preventDefault();\n                                return;\n                            }\n                        }}\n                    ></input>\n                )}\n\n                {props.trailingIcon ? iconEl : undefined}\n\n                {/* {isOutlined ? (\n                    <div class=\"mdc-notched-outline\">\n                        <div class=\"mdc-notched-outline__leading\"></div>\n                        <div class=\"mdc-notched-outline__trailing\"></div>\n                    </div>\n                ) : (\n                    <span class=\"mdc-line-ripple\"></span>\n                )} */}\n\n                {props.helperIcon && props.error ? (\n                    <div class=\"mdc-error-icon\">\n                        <FImage {...propsFImage} />\n                    </div>\n                ) : props.helperIcon && props.alert ? (\n                    <div class=\"mdc-alert-icon\">\n                        <FImage {...propsFImage} />\n                    </div>\n                ) : undefined}\n\n                {props.quantityButtons && (\n                    <div class=\"mdc-quantity-buttons\">\n                        <button onClick={props.onMinusClick}>{minusEl}</button>\n                        <button onClick={props.onPlusClick}>{plusEl}</button>\n                    </div>\n                )}\n                {props.isClearable ? (\n                    <span\n                        class={`mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace(\n                            '--',\n                            ''\n                        )}`}\n                        onClick={props.onClearIconClick}\n                    ></span>\n                ) : undefined}\n            </div>\n        </div>\n    );\n}\n\nfunction setHelper(props: FTextFieldProps): HTMLDivElement {\n    if (props.error || props.alert) {\n        return (\n            <div class=\"mdc-text-field-helper-line\">\n                {props.error ? (\n                    <span class=\"mdc-error-message\">{props.error}</span>\n                ) : props.alert ? (\n                    <span class=\"mdc-alert-message\">{props.alert}</span>\n                ) : undefined}\n            </div>\n        );\n    } else if (props.helperEnabled !== false) {\n        if (props.helper) {\n            const classObj: Record<string, boolean> = {\n                'mdc-text-field-helper-text': true,\n                'mdc-text-field-helper-text--persistent':\n                    !props.helperWhenFocused,\n            };\n            return (\n                <div class=\"mdc-text-field-helper-line\">\n                    <div class={classObj}>{props.helper}</div>\n                </div>\n            );\n        }\n    }\n}\n\nconst formatValue = function (\n    value: string,\n    options: NumericFieldFormatOptions,\n    inputIsLocalized: boolean\n): string {\n    let formatedValue = value;\n\n    if (!formatedValue) {\n        return formatedValue;\n    }\n\n    if (formatedValue == '-') {\n        return '';\n    }\n\n    return dom.ketchup.math.format(\n        formatedValue,\n        dom.ketchup.math.createFormatPattern(options.group, options.decimal),\n        inputIsLocalized\n    );\n};\n"],"version":3}
+{"file":"f-text-field-66b6f8a6.js","mappings":"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","names":[],"sources":["src/f-components/f-text-field/f-text-field.tsx"],"sourcesContent":["import type { FTextFieldProps } from './f-text-field-declarations';\nimport { FunctionalComponent, getAssetPath, h, VNode } from '@stencil/core';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { NumericFieldFormatOptions } from '../../managers/kup-math/kup-math-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FTextField: FunctionalComponent<FTextFieldProps> = (\n    props: FTextFieldProps,\n    children: VNode[]\n) => {\n    const classObj: Record<string, boolean> = {\n        'f-text-field': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-light-mode': props.lightMode,\n        'kup-secondary': props.secondary,\n        'kup-shaped': props.shaped,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {props.leadingLabel || props.trailingLabel ? (\n                <div\n                    class={`mdc-form-field ${\n                        props.leadingLabel ? 'mdc-form-field--align-end' : ''\n                    }`}\n                >\n                    {[\n                        setContent(props),\n                        setHelper(props),\n                        <label>{props.label}</label>,\n                    ]}\n                </div>\n            ) : (\n                [setContent(props), setHelper(props)]\n            )}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction setContent(props: FTextFieldProps): HTMLDivElement {\n    const isOutlined: boolean = props.textArea || props.outlined;\n    let labelEl: HTMLElement;\n    let iconEl: HTMLElement;\n    let minusEl: HTMLElement;\n    let plusEl: HTMLElement;\n\n    if (props.label && !props.leadingLabel && !props.trailingLabel) {\n        labelEl = (\n            <div class=\"mdc-text-field__label-container\">\n                <label class=\"mdc-label\" htmlFor=\"kup-input\">\n                    {props.label}\n                </label>\n                {props.maxLength && props.showCounter ? (\n                    <div class=\"mdc-text-field__label-character-counter\">\n                        {props.value.length} / {props.maxLength}\n                    </div>\n                ) : undefined}\n            </div>\n        );\n    }\n\n    if (props.icon) {\n        let iconStyle: {\n            [key: string]: string;\n        };\n        let iconClass: string = '';\n        if (\n            Object.values(KupThemeIconValues).indexOf(\n                props.icon as KupThemeIconValues\n            ) > -1\n        ) {\n            iconClass = props.icon.replace('--', '');\n        } else {\n            let svg: string = `url('${getAssetPath(\n                `./assets/svg/${props.icon}.svg`\n            )}') no-repeat center`;\n            iconStyle = {\n                mask: svg,\n                webkitMask: svg,\n            };\n        }\n        iconEl = (\n            <span\n                style={iconStyle}\n                onClick={props.onIconClick}\n                class={`mdc-text-field__icon kup-icon action ${iconClass}`}\n            ></span>\n        );\n    }\n\n    if (props.quantityButtons) {\n        const minusSvg: string = `url('${getAssetPath(\n            `./assets/svg/minus.svg`\n        )}') no-repeat center`;\n        const plusSvg: string = `url('${getAssetPath(\n            `./assets/svg/plus.svg`\n        )}') no-repeat center`;\n\n        const minusStyle = {\n            mask: minusSvg,\n            webkitMask: minusSvg,\n        };\n        const plusStyle = {\n            mask: plusSvg,\n            webkitMask: plusSvg,\n        };\n\n        minusEl = (\n            <span\n                style={minusStyle}\n                class={`mdc-text-field__icon kup-icon action`}\n            ></span>\n        );\n        plusEl = (\n            <span\n                style={plusStyle}\n                class={`mdc-text-field__icon kup-icon action`}\n            ></span>\n        );\n    }\n\n    const propsFImage: FImageProps = {\n        color: props.error\n            ? `var(--kup-danger-color-60)`\n            : `var(--kup-warning-color-50)`,\n        resource: props.error ? 'error' : 'warning',\n        sizeX: '1.25em',\n        sizeY: '1.25em',\n        wrapperClass: 'kup-icon',\n    };\n\n    const classContainerObj: Record<string, boolean> = {\n        'mdc-text-field-container': true,\n        'mdc-text-field-container--disabled': props.disabled,\n    };\n\n    const classObj: Record<string, boolean> = {\n        'is-clearable': props.isClearable,\n        'mdc-text-field': true,\n        'mdc-text-field--disabled': props.disabled,\n        'mdc-text-field--read-only': props.readOnly,\n        'mdc-text-field--filled': !props.fullWidth && !isOutlined,\n        'mdc-text-field--no-label': !props.label,\n        'mdc-text-field--fullwidth': props.fullWidth,\n        'mdc-text-field--lightmode': props.lightMode,\n        'mdc-text-field--outlined': isOutlined,\n        'mdc-text-field--textarea': props.textArea,\n        'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,\n        'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,\n        'mdc-text-field--with-quantity-buttons': props.quantityButtons,\n        'mdc-text-field--error': Boolean(props.error),\n        'mdc-text-field--alert': Boolean(props.alert),\n        ...(!props.textArea && {\n            [`mdc-text-field--${props.sizing || 'small'}`]: true,\n        }),\n    };\n\n    let value = props.value;\n    let inputType = props.quantityButtons\n        ? 'number'\n        : props.inputType ?? 'text';\n    let persManageForNumberFormat = false;\n    if (\n        props.inputType === 'number' &&\n        ((props.decimals && props.decimals > 0) || props.group)\n    ) {\n        inputType = 'text';\n        persManageForNumberFormat = true;\n    }\n    if (props.inputType === 'number') {\n        const options: NumericFieldFormatOptions = {\n            allowNegative: props.allowNegative ?? true,\n            decimal: props.decimals,\n            group: props.group,\n            integer: props.integers,\n        };\n        value = formatValue(value, options, false);\n    }\n\n    return (\n        <div class={classContainerObj}>\n            {!props.fullWidth ? labelEl : undefined}\n            <div class={classObj}>\n                {!props.trailingIcon ? iconEl : undefined}\n                {props.textArea ? (\n                    <span class=\"mdc-text-field__resizer\">\n                        <textarea\n                            class=\"mdc-text-field__input\"\n                            disabled={props.disabled}\n                            maxlength={props.maxLength}\n                            value={value}\n                            onBlur={props.onBlur}\n                            onClick={props.onClick}\n                            onChange={props.onChange}\n                            onFocus={props.onFocus}\n                            onInput={props.onInput}\n                            onKeyDown={props.onKeyDown}\n                        ></textarea>\n                    </span>\n                ) : (\n                    <input\n                        inputmode={\n                            props.inputMode ? props.inputMode : undefined\n                        }\n                        type={inputType}\n                        step={props.step}\n                        min={props.min}\n                        max={props.max}\n                        name={props.name}\n                        class=\"mdc-text-field__input\"\n                        disabled={props.disabled}\n                        placeholder={props.placeholder}\n                        maxlength={props.maxLength}\n                        size={props.size}\n                        value={value}\n                        onBlur={(e: FocusEvent) => {\n                            if (persManageForNumberFormat) {\n                                const options: NumericFieldFormatOptions = {\n                                    allowNegative: props.allowNegative ?? true,\n                                    decimal: props.decimals,\n                                    group: props.group,\n                                    integer: props.integers,\n                                };\n                                (e.target as HTMLInputElement).value =\n                                    formatValue(\n                                        (e.target as HTMLInputElement).value,\n                                        options,\n                                        true\n                                    );\n                            }\n                            if (props.onBlur) {\n                                props.onBlur(e);\n                            }\n                        }}\n                        onChange={(e: InputEvent) => {\n                            if (persManageForNumberFormat) {\n                                const options: NumericFieldFormatOptions = {\n                                    allowNegative: props.allowNegative ?? true,\n                                    decimal: props.decimals,\n                                    group: props.group,\n                                    integer: props.integers,\n                                };\n                                if (\n                                    props.min !== undefined &&\n                                    props.min !== null &&\n                                    props.min >\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            props.min.toString(),\n                                            options,\n                                            true\n                                        );\n                                } else if (\n                                    props.max !== undefined &&\n                                    props.max !== null &&\n                                    props.max <\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            props.max.toString(),\n                                            options,\n                                            true\n                                        );\n                                } else {\n                                    (e.target as HTMLInputElement).value =\n                                        formatValue(\n                                            (e.target as HTMLInputElement)\n                                                .value,\n                                            options,\n                                            true\n                                        );\n                                }\n                            } else {\n                                if (\n                                    props.min !== undefined &&\n                                    props.min !== null &&\n                                    props.min >\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        props.min.toString();\n                                } else if (\n                                    props.max !== undefined &&\n                                    props.max !== null &&\n                                    props.max <\n                                        parseFloat(\n                                            (e.target as HTMLInputElement).value\n                                        )\n                                ) {\n                                    (e.target as HTMLInputElement).value =\n                                        props.max.toString();\n                                }\n                            }\n                            if (props.onChange) {\n                                props.onChange(e);\n                            }\n                        }}\n                        onClick={props.onClick}\n                        onFocus={props.onFocus}\n                        onInput={props.onInput}\n                        onKeyDown={props.onKeyDown}\n                        onKeyPress={(e: KeyboardEvent) => {\n                            if (!persManageForNumberFormat) {\n                                return;\n                            }\n                            if (e.ctrlKey) {\n                                return;\n                            }\n\n                            if (e.key.length > 1) {\n                                return;\n                            }\n\n                            const options: NumericFieldFormatOptions = {\n                                allowNegative: props.allowNegative ?? true,\n                                decimal: props.decimals,\n                                group: props.group,\n                                integer: props.integers,\n                            };\n                            let component = e.target as HTMLInputElement;\n                            let value = component.value;\n\n                            let beginVal = value.substring(\n                                0,\n                                component.selectionStart\n                            );\n                            let endVal = value.substring(\n                                component.selectionEnd,\n                                component.selectionEnd + value.length - 1\n                            );\n                            let val = beginVal + e.key + endVal;\n                            if (\n                                !dom.ketchup.math.matchNumericValueWithOptions(\n                                    val,\n                                    options\n                                )\n                            ) {\n                                e.preventDefault();\n                                return;\n                            }\n                        }}\n                    ></input>\n                )}\n\n                {props.trailingIcon ? iconEl : undefined}\n\n                {/* {isOutlined ? (\n                    <div class=\"mdc-notched-outline\">\n                        <div class=\"mdc-notched-outline__leading\"></div>\n                        <div class=\"mdc-notched-outline__trailing\"></div>\n                    </div>\n                ) : (\n                    <span class=\"mdc-line-ripple\"></span>\n                )} */}\n\n                {props.helperIcon && props.error ? (\n                    <div class=\"mdc-error-icon\">\n                        <FImage {...propsFImage} />\n                    </div>\n                ) : props.helperIcon && props.alert ? (\n                    <div class=\"mdc-alert-icon\">\n                        <FImage {...propsFImage} />\n                    </div>\n                ) : undefined}\n\n                {props.quantityButtons && (\n                    <div class=\"mdc-quantity-buttons\">\n                        <button onClick={props.onMinusClick}>{minusEl}</button>\n                        <button onClick={props.onPlusClick}>{plusEl}</button>\n                    </div>\n                )}\n                {props.isClearable ? (\n                    <span\n                        class={`mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace(\n                            '--',\n                            ''\n                        )}`}\n                        onClick={props.onClearIconClick}\n                    ></span>\n                ) : undefined}\n            </div>\n        </div>\n    );\n}\n\nfunction setHelper(props: FTextFieldProps): HTMLDivElement {\n    if (props.error || props.alert) {\n        return (\n            <div class=\"mdc-text-field-helper-line\">\n                {props.error ? (\n                    <span class=\"mdc-error-message\">{props.error}</span>\n                ) : props.alert ? (\n                    <span class=\"mdc-alert-message\">{props.alert}</span>\n                ) : undefined}\n            </div>\n        );\n    } else if (props.helperEnabled !== false) {\n        if (props.helper) {\n            const classObj: Record<string, boolean> = {\n                'mdc-text-field-helper-text': true,\n                'mdc-text-field-helper-text--persistent':\n                    !props.helperWhenFocused,\n            };\n            return (\n                <div class=\"mdc-text-field-helper-line\">\n                    <div class={classObj}>{props.helper}</div>\n                </div>\n            );\n        }\n    }\n}\n\nconst formatValue = function (\n    value: string,\n    options: NumericFieldFormatOptions,\n    inputIsLocalized: boolean\n): string {\n    let formatedValue = value;\n\n    if (!formatedValue) {\n        return formatedValue;\n    }\n\n    if (formatedValue == '-') {\n        return '';\n    }\n\n    return dom.ketchup.math.format(\n        formatedValue,\n        dom.ketchup.math.createFormatPattern(options.group, options.decimal),\n        inputIsLocalized\n    );\n};\n"],"version":3}

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-0f056eae.js';
+import { K as KupManager } from './kup-manager-e6854c15.js';
 import './kup-dates-b90227c6.js';
 import './index-191ee7cb.js';
 

package/dist/esm/kup-accordion.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-e6854c15.js';
 import { F as FImage } from './f-image-feab9f36.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-879e99bf.js';

package/dist/esm/kup-activity-timeline.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, ag as getCellValueForDisplay } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, ag as getCellValueForDisplay } from './kup-manager-e6854c15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-feab9f36.js';
-import { s as sortRows } from './kup-data-table-helper-dc9ece8a.js';
+import { s as sortRows } from './kup-data-table-helper-7807c3bc.js';
 import './kup-dates-b90227c6.js';
 
 var KupActivityTimelineProps;

package/dist/esm/kup-autocomplete_28.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-191ee7cb.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-0f056eae.js';
-import { F as FTextField } from './f-text-field-234a66b4.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-e6854c15.js';
+import { F as FTextField } from './f-text-field-66b6f8a6.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
-import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-ed323876.js';
+import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-84b76695.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-feab9f36.js';
 import { F as FButton } from './f-button-79148bc6.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-b90227c6.js';
-import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-493f6e72.js';
+import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-cd564624.js';
 import { M as MDCRipple } from './component-879e99bf.js';
 import { F as FCheckbox } from './f-checkbox-6a591860.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-dc9ece8a.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-45b88cb0.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-7807c3bc.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-7fd2bb01.js';
 
 /**
  * Props of the kup-autocomplete component.

package/dist/esm/kup-box.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a1 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, N as KupPointerEventTypes, R as KupDragEffect, au as kupDraggableAttr, V as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-0f056eae.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-dc9ece8a.js';
+import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a1 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, N as KupPointerEventTypes, R as KupDragEffect, au as kupDraggableAttr, V as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-e6854c15.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-7807c3bc.js';
 import { F as FImage } from './f-image-feab9f36.js';
-import { c as FChip } from './f-chip-493f6e72.js';
+import { c as FChip } from './f-chip-cd564624.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-ed323876.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-45b88cb0.js';
+import { F as FCell } from './f-cell-84b76695.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-7fd2bb01.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
 import './kup-dates-b90227c6.js';
 import './f-checkbox-6a591860.js';
-import './f-text-field-234a66b4.js';
+import './f-text-field-66b6f8a6.js';
 import './f-button-79148bc6.js';
 import './f-button-declarations-6c8f8abe.js';
 import './component-879e99bf.js';

package/dist/esm/kup-calendar.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName } from './kup-manager-e6854c15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-79148bc6.js';
-import { c as FChip, F as FChipType } from './f-chip-493f6e72.js';
+import { c as FChip, F as FChipType } from './f-chip-cd564624.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-b90227c6.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-feab9f36.js';

package/dist/esm/kup-card-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, ag as getCellValueForDisplay } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, ag as getCellValueForDisplay } from './kup-manager-e6854c15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-b90227c6.js';
 

package/dist/esm/kup-cell.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
-import { k as kupManagerInstance, f as FCellPadding, ao as KupCellElementsPosition, g as getProps, s as setProps, R as KupDragEffect, ap as submitPositionAdapter, h as KupLanguageGeneric, aq as KupCellProps } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, f as FCellPadding, ao as KupCellElementsPosition, g as getProps, s as setProps, R as KupDragEffect, ap as submitPositionAdapter, h as KupLanguageGeneric, aq as KupCellProps } from './kup-manager-e6854c15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-79148bc6.js';
-import { F as FCell } from './f-cell-ed323876.js';
+import { F as FCell } from './f-cell-84b76695.js';
 import './kup-dates-b90227c6.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-feab9f36.js';
 import './f-checkbox-6a591860.js';
-import './f-text-field-234a66b4.js';
-import './f-chip-493f6e72.js';
+import './f-text-field-66b6f8a6.js';
+import './f-chip-cd564624.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

package/dist/esm/kup-dashboard.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
 import { F as FButton } from './f-button-79148bc6.js';
 import { F as FCheckbox } from './f-checkbox-6a591860.js';
-import { F as FTextField } from './f-text-field-234a66b4.js';
+import { F as FTextField } from './f-text-field-66b6f8a6.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, ar as KupLanguageDashboard, h as KupLanguageGeneric, R as KupDragEffect, e as KupDebugCategory } from './kup-manager-0f056eae.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, ar as KupLanguageDashboard, h as KupLanguageGeneric, R as KupDragEffect, e as KupDebugCategory } from './kup-manager-e6854c15.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-feab9f36.js';

package/dist/esm/{kup-data-table-helper-dc9ece8a.js → kup-data-table-helper-7807c3bc.js}

@@ -1,4 +1,4 @@
-import { C as Filters, H as FilterInterval, D as getValueForDisplay, B as getValueForDisplay2, ag as getCellValueForDisplay, v as getColumnByName, x as KupObjects, ai as KupData, aj as compareCell, J as TotalMode, e as KupDebugCategory, F as FCellShapes, ab as CMBandACPAdapter, aa as RADAdapter, ak as CHKAdapter, al as CHIAdapter, am as SWTAdapter, a1 as SortMode } from './kup-manager-0f056eae.js';
+import { C as Filters, H as FilterInterval, D as getValueForDisplay, B as getValueForDisplay2, ag as getCellValueForDisplay, v as getColumnByName, x as KupObjects, ai as KupData, aj as compareCell, J as TotalMode, e as KupDebugCategory, F as FCellShapes, ab as CMBandACPAdapter, aa as RADAdapter, ak as CHKAdapter, al as CHIAdapter, am as SWTAdapter, a1 as SortMode } from './kup-manager-e6854c15.js';
 import { K as KupDatesFormats } from './kup-dates-b90227c6.js';
 
 /**
@@ -1498,4 +1498,4 @@ function decorateDataTable(data) {
 
 export { FiltersColumnMenu as F, KupTreeExpansionMode as K, FiltersRows as a, groupRows as b, calcTotals as c, decorateDataTable as d, KupTreeProps as e, filterRows as f, getDiffData as g, normalizeRows as n, paginateRows as p, sortRows as s, treeMainColumnName as t };
 
-//# sourceMappingURL=kup-data-table-helper-dc9ece8a.js.map
+//# sourceMappingURL=kup-data-table-helper-7807c3bc.js.map