npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241023072631 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241023072631

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

Files changed (281) hide show

package/dist/cjs/{f-text-field-efb2710c.js.map → f-text-field-a8db3416.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"f-text-field-efb2710c.js","mappings":"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","names":["h","KupThemeIconValues","getAssetPath","FImage"],"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';\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 ? (\n <div class=\"mdc-text-field-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 [`mdc-text-field--${props.sizing}`]: props.sizing ? true : false,\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}
1	+ {"file":"f-text-field-a8db3416.js","mappings":"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","names":["h","KupThemeIconValues","getAssetPath","FImage"],"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';\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 ? (\n <div class=\"mdc-text-field-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 [`mdc-text-field--${props.sizing}`]: props.sizing ? true : false,\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/cjs/index.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 require('./kup-dates-3fc9697c.js');
 require('./index-4e97f23f.js');

package/dist/cjs/kup-accordion.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const fImage = require('./f-image-8dbf27a2.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const component = require('./component-cb3b32f5.js');

package/dist/cjs/kup-activity-timeline.cjs.entry.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const kupDataTableHelper = require('./kup-data-table-helper-7195d292.js');
+const kupDataTableHelper = require('./kup-data-table-helper-ecda1d0f.js');
 require('./kup-dates-3fc9697c.js');
 var KupActivityTimelineProps;

package/dist/cjs/kup-autocomplete_27.cjs.entry.js CHANGED Viewed

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager$1 = require('./kup-manager-17968474.js');
-const fTextField = require('./f-text-field-efb2710c.js');
+const kupManager$1 = require('./kup-manager-3e7452e3.js');
+const fTextField = require('./f-text-field-a8db3416.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fCell = require('./f-cell-5272e2de.js');
+const fCell = require('./f-cell-95f965f3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
 const fButton = require('./f-button-54d0f017.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
-const fChip = require('./f-chip-ff8a106d.js');
+const fChip = require('./f-chip-cb102c29.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
-const kupDataTableHelper = require('./kup-data-table-helper-7195d292.js');
-const fPaginatorUtils = require('./f-paginator-utils-bed2036b.js');
+const kupDataTableHelper = require('./kup-data-table-helper-ecda1d0f.js');
+const fPaginatorUtils = require('./f-paginator-utils-da6cd873.js');
 /**
  * Props of the kup-autocomplete component.
@@ -6851,7 +6851,7 @@ const KupCheckbox = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (index.h(index.Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, index.h("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: GenericVariables.componentWrapperId }, index.h(fCheckbox.FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
+        return (index.h(index.Host, { key: '49e622bc2765eb035a4fc7fb3bb74a4d14139814' }, index.h("style", { key: '84449423404feca3fbd75a958ce27966ce9df264' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '344301e2e5177f969fe51753e10096af5cd266d3', id: GenericVariables.componentWrapperId }, index.h(fCheckbox.FCheckbox, Object.assign({ key: '698c12b5ee7e07487fd571610923e468ca962113' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7068,13 +7068,13 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (index.h(index.Host, { key: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "onKup-autocomplete-itemclick": (e) => {
+        return (index.h(index.Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$7(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$7(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$7(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, index.h("style", { key: 'a9c2bec738240a0e281a5b5901307c072794dd0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9bdd7db8c5130175a4f4315203827ccfce8ae74c', id: GenericVariables.componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: 'b6669cc2db3989ce563a5b70f31a246756ebe816', name: "field" }))));
+            } }, index.h("style", { key: '4b6d0bf20da0a022d4e3b1bfb7f46077d0b9311e' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fbcd955d025dc2a46af83e845ff5547437aa9517', id: GenericVariables.componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: '7dc37ecbf9bf870abd6b095abc36b46d41abc98b', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7360,7 +7360,7 @@ const KupColorPicker = class {
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (index.h("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (index.h("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -7370,7 +7370,7 @@ const KupColorPicker = class {
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (index.h(index.Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, index.h("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: GenericVariables.componentWrapperId }, widget)));
+        return (index.h(index.Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, index.h("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: GenericVariables.componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -7706,7 +7706,7 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$6(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet$6(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$6(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: '522bd7c90d16513aaa9eb28ccda4de8b253c68cc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$6(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'caa2689a7e53b785b949e17ea5944d1dcf82af31' }, __classPrivateFieldGet$6(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '433a896159c9e37d6e0055f63190686cc5a0db70', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$6(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '5412e90b106813a4d2e295aa38aa4c5d05ba63ff' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? kupManager$1.KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$6(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -12798,7 +12798,7 @@ const KupDatePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'e10406fb95cbc5a21623a51f5923a5cc40e97891' }, index.h("style", { key: '952b82ef56dc9af82091dc246faabfc01845bc35' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '4434afab90e310e7d57b309fc5abcebdc3d4c7d5', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (index.h(index.Host, { key: '031101785e45244b758d67bc64fe35b4ca8d81e4' }, index.h("style", { key: '0321b1fb8efa28c746781bf7e0a22cbee8e5794f' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7206f34bd8ea947b66714fdd62cbb5f7a8598838', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -12967,7 +12967,7 @@ const KupDialog = class {
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (index.h(index.Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, index.h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: GenericVariables.componentWrapperId }, this.header ? (index.h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (index.h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (index.h(fImage.FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, index.h("div", { key: '007d7c592754925335bca87dbff8c104de64f424', class: "content" }, index.h("slot", { key: '830977e967e8e7c0be4c43151908220e9ab929dd' })))));
+        return (index.h(index.Host, { key: 'e9417de4359bdda45ce89bac977b06af22dd7ed1', "fade-in": true, style: style }, index.h("style", { key: 'c8872646ef560a08041f4073196e18ba3c3a8046' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e76bbe6f8ae05df0441b341af3d9eaa0c264aee3', id: GenericVariables.componentWrapperId }, this.header ? (index.h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (index.h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (index.h(fImage.FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, index.h("div", { key: '6308342a24d3b987b14e341267174b584885d204', class: "content" }, index.h("slot", { key: 'ba7c863e7f092b5aafbbbaaa067b0f0a7bba2412' })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -13741,7 +13741,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (index.h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(kupManager$1.KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (index.h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(kupManager$1.KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -13752,7 +13752,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (index.h(index.Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, index.h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: GenericVariables.componentWrapperId }, formContent)));
+        return (index.h(index.Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, index.h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: GenericVariables.componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -15730,7 +15730,7 @@ const KupProgressBar = class {
                 ? true
                 : false,
         };
-        return (index.h(index.Host, { key: 'e3c06e76ae0949ef35813b14a4d4b43784319808' }, index.h("style", { key: '6e289ac4babad7764256a5e8ba29b3b4d5634a99' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4', id: GenericVariables.componentWrapperId }, index.h(fCell.FProgressBar, Object.assign({ key: '313fb6a64d5408fad824feea27ffc400022b6fc1' }, props)))));
+        return (index.h(index.Host, { key: '897a29c4dca3e4739ad68cc7907993b1a7809fb5' }, index.h("style", { key: '6c5da569d83b814ff978e4884db1858532b42d34' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '3bf3161d02156be2ecd555ce77c6ed379596a387', id: GenericVariables.componentWrapperId }, index.h(fCell.FProgressBar, Object.assign({ key: 'c72d1174554dd59fd620020deabdba54582f61bc' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -15991,7 +15991,7 @@ const KupRating = class {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (index.h(index.Host, { key: '2adee9cf902e449ee58dc7b35533cea176c0ab0e' }, index.h("style", { key: '197c45321da783719490d8080219b983c3c57a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '3f6177fdfafa5177bab3b746da259851b1e21f18', id: GenericVariables.componentWrapperId }, index.h(fCell.FRating, Object.assign({ key: '10eda3b2e76468b06f0fb002d534c9007054117a' }, props)))));
+        return (index.h(index.Host, { key: '472f83b32ab41f695ab250c659d7bb3a0d3d5888' }, index.h("style", { key: 'a89bb9a89bf77d62d7393232bd007e464c47231d' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e83a22910749396a2752eb1624f75e5b1b18d843', id: GenericVariables.componentWrapperId }, index.h(fCell.FRating, Object.assign({ key: 'cd3a38a7472d277df642345e889d1f6916c43c75' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16114,59 +16114,59 @@ const KupSpinner = class {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    index.h("div", { key: '319748b1e89ed9ca97753b731739501c831eedc7', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: 'e5a6989bd7271d98ba67804d9ebb6795d21fc83b', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: 'f68f6b9329f5cae26f86822ef042ca0d4d6655ff', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: '8cae8a10801ebe54b7ee7073c11cfa386b238315', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: '3f99a040afaf04bf5604c7e8d330283741061aab', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: 'a30ea5864ac810e89087fe818e3b747d92548dfe', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'a99e44566253e408f1333ed06dc463bcbe7bedf3', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'db43db1b820b76e54225ef66a8c1db5393cc945a', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'd2835cbfed703ddb692617b4bfef410e6f2c4587', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'c927a17352c1bdc82165f0e1ec7a0a43246ffea1', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'ae079b0bb82f9372ed472fb405a9e6112187707f', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: '91311153beee00638d163d4e875d48f5b2e3e6d5', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    index.h("div", { key: 'a67e65cdcb6a4f116b780aafce5ee9237851b5ec', class: "sk-spinner-v9-bounce1" }),
-                    index.h("div", { key: 'df40c7cd01fcb634e90116e538fd69d25ff0904f', class: "sk-spinner-v9-bounce2" }),
+                    index.h("div", { key: 'f706be82bd62d2b3b5295ff435c10078d920b328', class: "sk-spinner-v9-bounce1" }),
+                    index.h("div", { key: 'c6d99483d7c51dcc301781a19458761c5679d2cb', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    index.h("div", { key: '272293caeb06ad0249ca81e13aa2e499da470c4e', class: "sk-spinner-v10-cube1" }),
-                    index.h("div", { key: 'a3dab461bf324d6efe7b5e93c44f84fc9ae42b8e', class: "sk-spinner-v10-cube2" }),
+                    index.h("div", { key: '83489650fe6cf8c6a8cf59f2f9d9beed78326ae0', class: "sk-spinner-v10-cube1" }),
+                    index.h("div", { key: 'cf89faa86f77cefb54034ea1efbda98c05e8da2e', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    index.h("div", { key: 'e5f099e08b40f8761110dcb75b9581b881b675cd', class: "sk-spinner-v12-dot1" }),
-                    index.h("div", { key: '4662ce0cbf915710cc1ccec88258e9d7a53d1259', class: "sk-spinner-v12-dot2" }),
+                    index.h("div", { key: 'b8a211c8229ddce60ab781fb29d1903189c4006b', class: "sk-spinner-v12-dot1" }),
+                    index.h("div", { key: 'f47a979d09056bb764d02bd1a8a35a6a8496a73e', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    index.h("div", { key: '06e2b69e4e6c4ad6bd6ef2badc65e6439fdf5338', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    index.h("div", { key: 'ed5f65bc6f2b01e1336f718a64a996dd18b9662f', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    index.h("div", { key: '1607009ed6abfb69f65ea45b9e226c607e4bbdd4', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    index.h("div", { key: '57246423f90b72901b7757b3ec977bb8e6d2eb79', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    index.h("div", { key: 'edc1a08550d6a6b03aa16f43b5eedf172985482a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    index.h("div", { key: 'b16472b5f045b46b6afdc73a0017df3f1e1cd9c8', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    index.h("div", { key: '4500286f354714f3f4b7a47e0b1c7d4745657f33', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    index.h("div", { key: '7db58743d8d1467f0b7ca80d909b9d4d3e3faf45', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    index.h("div", { key: '35d8cf63ae232587895655b57cb129d090e4bff3', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    index.h("div", { key: '0d067630f107d1f16b6c8d3948cb87afdca74ac0', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    index.h("div", { key: 'b1baa16dd98e6eae72b8c9b6eb7d2e0984b36395', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    index.h("div", { key: '960f8e437c0639c8ebbade1004bde66b5ddcc135', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    index.h("div", { key: '0b34220002680bc0008c26fd5c0ce0a25e76873e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    index.h("div", { key: 'b8172f983946e8c4d3785e63ed5be4b88ba4a995', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    index.h("div", { key: '392c061a0a55d58e0729cf59be56b2f817749fcf', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    index.h("div", { key: '5df76c393eba908bddd9fa8e040edaedca46ca3b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    index.h("div", { key: 'fb35482330dae2e76b4d90b3b8ec6f1f223c6a08', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    index.h("div", { key: '79ee056d0fe9da3ef9591dc6def08dc533e10def', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    index.h("div", { key: 'dd141c7e4f1fdb4fc6fa3d7089f8536444624035', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'c4d7de60dc0060c8b00d8b65a86665f25356bc4f', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'bae95b0d673831db4e29c7a8d0e35b51d9624beb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '2c86c4bc9d624fb72adec1f81dd8a7c8eb060eb6', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '9d02363fc2017e91e7adacf8d2f962fd0c997e9a', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'a81b258e7c0a60af6a849a01aef4d09121eb6098', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '902a328174764556fece93001fca0dc298f49128', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '894373a35174127ddd30be87ea9b7d6b8f33bb66', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'ec0e4c7d9b4a60cf119e22e7078d9bb2368c7256', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '338890e7439a1e79564a22cd66966d6a43380459', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '150ced721abd08e0a7fc936fedf407f36324770b', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'b9a29bd00dbcbc7f6d9eff5f470c50863c8eebce', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'a15f30e039088378050384e62add5fd8571c3c81', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '694a9c3eb3b106801d88bfe5af043f4e86d43d63', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'eda5650695c418e38f6df8b42932df5af7eb9cad', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '098a6a6ff60b5bfb86fa3ec2489d2bee6c8978e3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'e91b94dbf60558b278754fd0600f2f1bf2e8d879', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'a73c4ec55c74b8931209cd4bfd9b2513149b505c', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'e1620327ce5b5b85c692279d5f9246fa5143f5d9', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '58beca7137e443c3334bbeb902ffb80bd5f3ca84', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '162ab359eb7beb01728fb2460955308ec0157ec7', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '05cd68158beaf8a616533fb0afd1160d363c0b54', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'a02ce9b4bbf0dbdf4d13899b7d6451259c2d37f6', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'a420412e17f4b9e045c67064103bd4ec089c5cbc', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -16185,7 +16185,7 @@ const KupSpinner = class {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (index.h(index.Host, { key: 'adbcca1c8880afe2caa33ec08393ba7affbbcb18', style: elStyle }, index.h("style", { key: 'cf79ff4fa4d59088ecbccd4ada6d74c5e350c3a8' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '620dc3a0ef88b1bef1ba51f3a7d33669838ec387', id: GenericVariables.componentWrapperId, style: elStyle }, index.h("div", { key: '10335d681f979b5af2deb56efc65dab3bdeb042a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, index.h("div", { key: 'd756e0a0921f5cefc3a0e151c41ff6a94cea9763', id: wrapperClass, style: elStyle }, index.h("div", { key: '8c8d1a2e8ef8630eb7156741d806217544bd114f', class: spinnerClass }, spinnerEl))))));
+        return (index.h(index.Host, { key: 'aed6c2e6bfeaa6b9fd1a5d1524ae076b480b8790', style: elStyle }, index.h("style", { key: '525a08ad565c9dbb5aff4b454b2fc831c2845ed2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '81945c8d8c9cf16480b7536de1f306b4b62582ae', id: GenericVariables.componentWrapperId, style: elStyle }, index.h("div", { key: '16548329d5e68fdf4f60712341885e934f1de10a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, index.h("div", { key: '056a41679fc5de2f827408dbbb5c38ccdc8d1330', id: wrapperClass, style: elStyle }, index.h("div", { key: '7fc61bd8a7e374b46673623250edb2c6d296426d', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16333,7 +16333,7 @@ const KupSwitch = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (index.h(index.Host, { key: '5447820fb19f5a680dfcff7b3c99161260eb1231' }, index.h("style", { key: '8ae94eb7a3e6b898f1411e964c82500ca504318a' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '92d0b8bd82c537ef4cfa0a59bdd904d93732fbe9', id: GenericVariables.componentWrapperId }, index.h(fCell.FSwitch, Object.assign({ key: '0659ccebffac77791cee6eb8c044c9cdce708c84' }, props)))));
+        return (index.h(index.Host, { key: 'faaffe5ea3f9eddbe4d444363d0693473b1bda48' }, index.h("style", { key: '0a59333017e858ce8504ec3a222d5996e63e1a49' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c6bad561573ece8513000de9988f30b00471b6e5', id: GenericVariables.componentWrapperId }, index.h(fCell.FSwitch, Object.assign({ key: '61a88d5b87204b57fe1e39d2d1692010044cbbf7' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17410,7 +17410,7 @@ const KupTimePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: 'f87fdf8f8638f7f75dd5bc5f3cc67acddf30972e' }, index.h("style", { key: '6d393b2ab39ec255e7aeea9074e527fce3b043a2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b7c5706e2894f218bcb27f5fb63be94ce9a4094c', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (index.h(index.Host, { key: '70c7972f060076e31a99ca1612f9cdfbc375168c' }, index.h("style", { key: '4d71d7149ed02fc4661b5c79ea0f8c33144043fb' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '034363fd3d95a6e285950eb16b2087c6fe07272e', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/cjs/kup-box.cjs.entry.js CHANGED Viewed

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
-const kupDataTableHelper = require('./kup-data-table-helper-7195d292.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
+const kupDataTableHelper = require('./kup-data-table-helper-ecda1d0f.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fChip = require('./f-chip-ff8a106d.js');
+const fChip = require('./f-chip-cb102c29.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-5272e2de.js');
-const fPaginatorUtils = require('./f-paginator-utils-bed2036b.js');
+const fCell = require('./f-cell-95f965f3.js');
+const fPaginatorUtils = require('./f-paginator-utils-da6cd873.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
-require('./f-text-field-efb2710c.js');
+require('./f-text-field-a8db3416.js');
 require('./f-button-54d0f017.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./component-cb3b32f5.js');

package/dist/cjs/kup-calendar.cjs.entry.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index$4 = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
-const fChip = require('./f-chip-ff8a106d.js');
+const fChip = require('./f-chip-cb102c29.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-8dbf27a2.js');

package/dist/cjs/kup-card-list.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

package/dist/cjs/kup-cell.cjs.entry.js CHANGED Viewed

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-17968474.js');
+const kupManager = require('./kup-manager-3e7452e3.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-5272e2de.js');
+const fCell = require('./f-cell-95f965f3.js');
 const fButton = require('./f-button-54d0f017.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
 require('./f-image-8dbf27a2.js');
-require('./f-text-field-efb2710c.js');
-require('./f-chip-ff8a106d.js');
+require('./f-text-field-a8db3416.js');
+require('./f-chip-cb102c29.js');
 require('./f-button-declarations-76ef9f87.js');
 /**
@@ -109,24 +109,8 @@ const FCellOptions = (props) => {
     if (props.cell.shape === kupManager.FCellShapes.TEXT_FIELD) {
         mappedProps.cell.value = mappedProps.cell.data.value;
     }
-    const label = getLabelComponent(mappedProps.cell, mappedProps.column.title);
-    if (label) {
-        return (index.h("div", { class: { 'input-panel__label_container': true } },
-            label,
-            index.h(fCell.FCell, Object.assign({}, mappedProps))));
-    }
     return index.h(fCell.FCell, Object.assign({}, mappedProps));
 };
-const getLabelComponent = (cell, label) => {
-    if (!label) {
-        return null;
-    }
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-    if (cellType === kupManager.FCellTypes.RADIO) {
-        return index.h("span", null, label);
-    }
-    return null;
-};
 const generateColumn = (data) => {
     const colname = data && data.obj && data.obj.t
         ? data.obj.t + ';' + data.obj.p
@@ -193,7 +177,6 @@ const mapData = (cell, col) => {
     const dataAdapterMap = new Map([
         [kupManager.FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [kupManager.FCellTypes.STRING, MainITXAdapter.bind(undefined)],
-        [kupManager.FCellTypes.RADIO, MainRADAdapter.bind(undefined)],
         [kupManager.FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(undefined)],
         [kupManager.FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(undefined)],
     ]);
@@ -202,9 +185,6 @@ const mapData = (cell, col) => {
         ? adapter(options, fieldLabel, currentValue, cell, col.name)
         : null;
 };
-const MainRADAdapter = (options, _fieldLabel, currentValue) => {
-    return kupManager.RADAdapter(currentValue, options);
-};
 const MainITXAdapter = (options, _fieldLabel, _currentValue, _cell) => {
     if (options === null || options === void 0 ? void 0 : options[0]) {
         return {
@@ -251,6 +231,15 @@ const KupCell = class {
          * Instance of the KupManager class.
          */
         _KupCell_kupManager.set(this, kupManager.kupManagerInstance());
+        this.getLabelComponent = (cell, label) => {
+            if (!label) {
+                return null;
+            }
+            if (cell.shape === kupManager.FCellShapes.RADIO) {
+                return index.h("span", null, label);
+            }
+            return null;
+        };
         this.customStyle = '';
         this.data = null;
         this.density = kupManager.FCellPadding.NONE;
@@ -393,16 +382,21 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (index.h(index.Host, { key: '613f74ee646f0f1c8de4dc02f320336bd9fcdfc4' }, index.h("style", { key: 'f166a64528ad71af6542e326c0187e757abb7f58' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'af628d483659ebd18d60f008a2e5812385822881', id: GenericVariables.componentWrapperId, style: this.showSubmit
+        const label = this.getLabelComponent(props.cell, props.column.title);
+        return (index.h(index.Host, { key: '395f8c5d9ad62699eacfe369ff53b362e162be3b' }, index.h("style", { key: 'b975f8a0e72a1cc0b301b4ec76a631f8a4476bf3' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '35b6fff68640929e637b2ef04266e9bd89ca43ee', id: GenericVariables.componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': this.submitPosition,
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, index.h(FCellOptions, Object.assign({ key: '7354ed951db1e14693f6406dbc29ff1ad587a055' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
+                : {} }, index.h("div", { key: '286e3edbf419e2b83d4f5951700a66a70f59f3b6', class: {
+                'input-panel__label_container': label
+                    ? true
+                    : false,
+            } }, label, index.h(FCellOptions, Object.assign({ key: '87c2ca717b6415d999ea22e2d11635de2293a08c' }, props)), this.showSubmit ? (index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
                 this.submitClick(e);
-            } })) : null)));
+            } })) : null))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupCell_kupManager, "f").dates.unregister(this);