npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851

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 (192) hide show

package/dist/cjs/{f-text-field-a489112a.js.map → f-text-field-78547f53.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"f-text-field-a489112a.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-78547f53.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-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.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-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.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-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const kupDataTableHelper = require('./kup-data-table-helper-e665fbe5.js');
+const kupDataTableHelper = require('./kup-data-table-helper-cf31cb4e.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-22be97c0.js');
-const fTextField = require('./f-text-field-a489112a.js');
+const kupManager$1 = require('./kup-manager-59aafed4.js');
+const fTextField = require('./f-text-field-78547f53.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fCell = require('./f-cell-8eca61f9.js');
+const fCell = require('./f-cell-047a1ebb.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-657a698b.js');
+const fChip = require('./f-chip-a213a741.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
-const kupDataTableHelper = require('./kup-data-table-helper-e665fbe5.js');
-const fPaginatorUtils = require('./f-paginator-utils-e8954368.js');
+const kupDataTableHelper = require('./kup-data-table-helper-cf31cb4e.js');
+const fPaginatorUtils = require('./f-paginator-utils-a4a45bfc.js');
 /**
  * Props of the kup-autocomplete component.

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-22be97c0.js');
-const kupDataTableHelper = require('./kup-data-table-helper-e665fbe5.js');
+const kupManager = require('./kup-manager-59aafed4.js');
+const kupDataTableHelper = require('./kup-data-table-helper-cf31cb4e.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fChip = require('./f-chip-657a698b.js');
+const fChip = require('./f-chip-a213a741.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-8eca61f9.js');
-const fPaginatorUtils = require('./f-paginator-utils-e8954368.js');
+const fCell = require('./f-cell-047a1ebb.js');
+const fPaginatorUtils = require('./f-paginator-utils-a4a45bfc.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
-require('./f-text-field-a489112a.js');
+require('./f-text-field-78547f53.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-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
-const fChip = require('./f-chip-657a698b.js');
+const fChip = require('./f-chip-a213a741.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-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-8eca61f9.js');
+const fCell = require('./f-cell-047a1ebb.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
 require('./f-image-8dbf27a2.js');
-require('./f-text-field-a489112a.js');
-require('./f-chip-657a698b.js');
+require('./f-text-field-78547f53.js');
+require('./f-chip-a213a741.js');
 require('./f-button-54d0f017.js');
 require('./f-button-declarations-76ef9f87.js');
@@ -26,6 +26,163 @@ var KupCellProps;
     KupCellProps["dragEnabled"] = "When set to true, the component is draggable.";
 })(KupCellProps || (KupCellProps = {}));
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const dom = document.documentElement;
+const treeOptionsNodeAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.content.codice,
+            value: child.content.testo,
+            selected: currentValue === child.content.codice,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? treeOptionsNodeAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const dataTreeOptionsChildrenAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.obj.k,
+            value: child.value,
+            selected: currentValue === child.obj.k,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? dataTreeOptionsChildrenAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const tableOptionsAdapter = (options, currentValue) => {
+    return options.rows.map((row) => {
+        var _a;
+        const cells = row.fields || row.cells;
+        const [id, value] = Object.keys(cells);
+        return {
+            id: cells[id].value,
+            value: ((_a = cells[value]) === null || _a === void 0 ? void 0 : _a.value) || cells[id].value,
+            selected: currentValue === cells[id].value,
+        };
+    });
+};
+const optionsTreeComboAdapter = (options, currentValue) => {
+    const adapter = optionsAdapterMap.get(options.type);
+    if (adapter) {
+        return adapter(options, currentValue);
+    }
+    else {
+        return options.map((option) => ({
+            value: option.label,
+            id: option.id,
+            selected: currentValue === option.id,
+        }));
+    }
+};
+const optionsAdapterMap = new Map([
+    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(undefined)],
+    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(undefined)],
+    ['SmeupTable', tableOptionsAdapter.bind(undefined)],
+    ['SmeupDataTable', tableOptionsAdapter.bind(undefined)],
+]);
+const FCellOptions = (props) => {
+    const mappedCell = props.cell
+        ? Object.assign(Object.assign({}, props.cell), { data: setProps(props.cell, props.column), slotData: slotData(props.cell, props.column), isEditable: true }) : null;
+    const mappedProps = Object.assign(Object.assign({}, props), { editable: true, cell: mappedCell });
+    return index.h(fCell.FCell, Object.assign({}, mappedProps));
+};
+const slotData = (cell, col) => {
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    if (!cell.isEditable) {
+        return null;
+    }
+    if (cellType === kupManager.FCellTypes.MULTI_AUTOCOMPLETE ||
+        cellType === kupManager.FCellTypes.MULTI_COMBOBOX) {
+        return Object.assign(Object.assign({}, kupManager.CMBandACPAdapter(null, col.title, cell.options
+        // cell,
+        // col.name
+        )), { showDropDownIcon: true, class: '', style: { width: '100%' }, disabled: !cell.isEditable, id: col.name });
+    }
+    return null;
+};
+const setProps = (cell, column) => {
+    const defaultProps = Object.assign(Object.assign({}, mapData(cell, column)), { disabled: !cell.isEditable, id: column.name });
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const _a = cell.data || {}, noDataProps = __rest(_a, ["data"]);
+    return cellType !== kupManager.FCellTypes.MULTI_AUTOCOMPLETE &&
+        cellType !== kupManager.FCellTypes.MULTI_COMBOBOX
+        ? deepObjectsMerge(defaultProps, Object.assign({}, cell.data))
+        : // Add and ovverride defaultProps of Chip host component except data
+         Object.assign(Object.assign({}, defaultProps), noDataProps);
+};
+const deepObjectsMerge = (target, source) => {
+    for (const key in source) {
+        if (source[key] instanceof Object &&
+            !Array.isArray(source[key]) &&
+            key in target) {
+            target[key] = deepObjectsMerge(target[key], source[key]);
+        }
+        else {
+            target[key] = source[key];
+        }
+    }
+    return target;
+};
+const mapData = (cell, col) => {
+    if (!cell) {
+        return null;
+    }
+    const options = cell.options;
+    const fieldLabel = col.title;
+    const currentValue = cell.value;
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    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)],
+    ]);
+    const adapter = dataAdapterMap.get(cellType);
+    return adapter
+        ? adapter(options, fieldLabel, currentValue, cell, col.name)
+        : null;
+};
+const MainRADAdapter = (options, _fieldLabel, currentValue) => {
+    return kupManager.RADAdapter(currentValue, options);
+};
+const MainITXAdapter = (options, _fieldLabel, _currentValue) => {
+    if (options === null || options === void 0 ? void 0 : options[0]) {
+        return { label: options[0].label };
+    }
+};
+const MainBTNAdapter = (_options, _fieldLabel, _currentValue, cell) => {
+    var _a, _b;
+    return {
+        data: ((_a = cell.options) === null || _a === void 0 ? void 0 : _a.length)
+            ? (_b = cell.options) === null || _b === void 0 ? void 0 : _b.map((option) => ({
+                icon: option.icon,
+                value: option.value,
+            }))
+            : [],
+    };
+};
+const MainCMBandACPAdapter = (rawOptions, fieldLabel, currentValue) => {
+    const configCMandACP = kupManager.CMBandACPAdapter(currentValue, fieldLabel, []);
+    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(rawOptions, currentValue);
+    return configCMandACP;
+};
 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:100%;width:100%}#kup-component{height:100%;width:100%}";
 const KupCellStyle0 = kupCellCss;
@@ -174,7 +331,7 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (index.h(index.Host, { key: 'd708238a74da2eccf9a3bb299960dc985bb5cb0d' }, index.h("style", { key: '7bf86a6bc3b61046b3bb7bfd921aaae114b49ed3' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '763804a8d45ca9f75e66157ebcc9aa1c27750424', id: GenericVariables.componentWrapperId }, index.h(fCell.FCell, Object.assign({ key: '95717d73c39673ffcc382cb7c430b780dd72acfb' }, props)))));
+        return (index.h(index.Host, { key: '71041f26b08b203e0255d6dca4979403fc8cfd59' }, index.h("style", { key: 'd6cf8c97c3b7ce59bf14d71652047b00cd74e353' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ecfe428a78f408cacda35db0da9a00c5008f11a7', id: GenericVariables.componentWrapperId }, index.h(FCellOptions, Object.assign({ key: '3939e4d024ef606d4919458e975b4e5d62229973' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

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

	@@ -1 +1 @@
1	- {"file":"kup-cell.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FCellPadding","getProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","KupLanguageGeneric","h","Host","FCell"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n Props of the kup-cell component.\n * Used to export every prop in an object.\n /\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","/\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle: string = '';\n /\n The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n\n /\n Instance of the KupManager class.\n /\n private kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /\n Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n /\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /\n This method is used to trigger a new render of the component.\n /\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /\n Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /\n Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n /\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /-------------------------------------------------/\n / L i f e c y c l e H o o k s /\n /-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellProps = {\n cell: this.data,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCell {...props}></FCell>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-cell.entry.cjs.js","mappings":"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","names":["this","h","FCell","FCellTypes","CMBandACPAdapter","RADAdapter","kupManagerInstance","FCellPadding","getProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","KupLanguageGeneric","Host"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/f-components/f-cell-options.tsx/f-cell-options.tsx","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\n Props of the kup-cell component.\n * Used to export every prop in an object.\n /\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter, RADAdapter } from '../../utils/cell-utils';\nimport {\n FCellOptionsProps,\n FCellProps,\n FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport {\n DataAdapterFn,\n KupInputPanelCell,\n} from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nconst treeOptionsNodeAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.content.codice,\n value: child.content.testo,\n selected: currentValue === child.content.codice,\n children: child.children?.length\n ? treeOptionsNodeAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.obj.k,\n value: child.value,\n selected: currentValue === child.obj.k,\n children: child.children?.length\n ? dataTreeOptionsChildrenAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst tableOptionsAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.rows.map((row) => {\n const cells = row.fields \|\| row.cells;\n const [id, value] = Object.keys(cells);\n\n return {\n id: cells[id].value,\n value: cells[value]?.value \|\| cells[id].value,\n selected: currentValue === cells[id].value,\n };\n });\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n const adapter = optionsAdapterMap.get(options.type);\n\n if (adapter) {\n return adapter(options, currentValue);\n } else {\n return options.map((option) => ({\n value: option.label,\n id: option.id,\n selected: currentValue === option.id,\n }));\n }\n};\n\nconst optionsAdapterMap = new Map<\n string,\n (options: any, currentValue: string) => GenericObject[]\n>([\n ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n ['SmeupTable', tableOptionsAdapter.bind(this)],\n ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n props: FCellOptionsProps\n) => {\n const mappedCell = props.cell\n ? {\n ...props.cell,\n data: setProps(props.cell, props.column),\n slotData: slotData(props.cell, props.column),\n isEditable: true,\n }\n : null;\n\n const mappedProps: FCellProps = {\n ...props,\n editable: true,\n cell: mappedCell as KupDataCell,\n };\n\n return <FCell {...mappedProps}></FCell>;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (!cell.isEditable) {\n return null;\n }\n\n if (\n cellType === FCellTypes.MULTI_AUTOCOMPLETE \|\|\n cellType === FCellTypes.MULTI_COMBOBOX\n ) {\n return {\n ...CMBandACPAdapter(\n null,\n col.title,\n cell.options\n // cell,\n // col.name\n ),\n showDropDownIcon: true,\n class: '',\n style: { width: '100%' },\n disabled: !cell.isEditable,\n id: col.name,\n };\n }\n\n return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n const defaultProps = {\n ...mapData(cell, column),\n disabled: !cell.isEditable,\n id: column.name,\n };\n\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const { data, ...noDataProps } = cell.data \|\| {};\n return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n cellType !== FCellTypes.MULTI_COMBOBOX\n ? deepObjectsMerge(defaultProps, {\n ...cell.data,\n })\n : // Add and ovverride defaultProps of Chip host component except data\n {\n ...defaultProps,\n ...noDataProps,\n };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n for (const key in source) {\n if (\n source[key] instanceof Object &&\n !Array.isArray(source[key]) &&\n key in target\n ) {\n target[key] = deepObjectsMerge(target[key], source[key]);\n } else {\n target[key] = source[key];\n }\n }\n return target;\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n const fieldLabel = col.title;\n const currentValue = cell.value;\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n [FCellTypes.STRING, MainITXAdapter.bind(this)],\n [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n ]);\n\n const adapter = dataAdapterMap.get(cellType);\n\n return adapter\n ? adapter(options, fieldLabel, currentValue, cell, col.name)\n : null;\n};\n\nconst MainRADAdapter = (\n options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n) => {\n return RADAdapter(currentValue, options);\n};\n\nconst MainITXAdapter = (\n options: GenericObject,\n _fieldLabel: string,\n _currentValue: string\n) => {\n if (options?.[0]) {\n return { label: options[0].label };\n }\n};\n\nconst MainBTNAdapter = (\n _options: GenericObject,\n _fieldLabel: string,\n _currentValue: string,\n cell: KupDataCellOptions\n) => {\n return {\n data: cell.options?.length\n ? cell.options?.map((option) => ({\n icon: option.icon,\n value: option.value,\n }))\n : [],\n };\n};\n\nconst MainCMBandACPAdapter = (\n rawOptions: GenericObject,\n fieldLabel: string,\n currentValue: string\n) => {\n const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n rawOptions,\n currentValue\n );\n return configCMandACP;\n};\n","/\n @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n\n NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n\n/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /*\n References the root HTML element of the component (<kup-text-field>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle: string = '';\n /\n The data of the cell.\n * @default false\n /\n @Prop() data: KupDataCell = null;\n /\n The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n /\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /\n When set to true, the component is draggable.\n * @default false\n /\n @Prop() dragEnabled: boolean = false;\n\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n\n /\n Instance of the KupManager class.\n /\n private kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /\n Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n /\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /\n This method is used to trigger a new render of the component.\n /\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /\n Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n /\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /\n Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n /\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /-------------------------------------------------/\n / L i f e c y c l e H o o k s /\n /-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCellOptions {...props}></FCellOptions>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
 const fButton = require('./f-button-54d0f017.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
-const fTextField = require('./f-text-field-a489112a.js');
+const fTextField = require('./f-text-field-78547f53.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-8dbf27a2.js');

package/dist/cjs/{kup-data-table-helper-e665fbe5.js → kup-data-table-helper-cf31cb4e.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 /**
@@ -1510,4 +1510,4 @@ exports.paginateRows = paginateRows;
 exports.sortRows = sortRows;
 exports.treeMainColumnName = treeMainColumnName;
-//# sourceMappingURL=kup-data-table-helper-e665fbe5.js.map
+//# sourceMappingURL=kup-data-table-helper-cf31cb4e.js.map