npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241028084747 → 11.0.0-SNAPSHOT-20241028142004 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241028084747 → 11.0.0-SNAPSHOT-20241028142004

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

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

	@@ -1 +1 @@
1	- {"file":"f-text-field-a04ebf4f.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-b270e67b.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-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.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-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.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-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8de1519d.js');
+const kupDataTableHelper = require('./kup-data-table-helper-af0261a1.js');
 require('./kup-dates-3fc9697c.js');
 var KupActivityTimelineProps;

package/dist/cjs/kup-autocomplete_28.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-59da52f6.js');
-const fTextField = require('./f-text-field-a04ebf4f.js');
+const kupManager$1 = require('./kup-manager-13d2365f.js');
+const fTextField = require('./f-text-field-b270e67b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fCell = require('./f-cell-0732e0d2.js');
+const fCell = require('./f-cell-58ab0503.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-aa5c5160.js');
+const fChip = require('./f-chip-0afbca0a.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8de1519d.js');
-const fPaginatorUtils = require('./f-paginator-utils-75af8439.js');
+const kupDataTableHelper = require('./kup-data-table-helper-af0261a1.js');
+const fPaginatorUtils = require('./f-paginator-utils-d4d4f9af.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-59da52f6.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8de1519d.js');
+const kupManager = require('./kup-manager-13d2365f.js');
+const kupDataTableHelper = require('./kup-data-table-helper-af0261a1.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fChip = require('./f-chip-aa5c5160.js');
+const fChip = require('./f-chip-0afbca0a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-0732e0d2.js');
-const fPaginatorUtils = require('./f-paginator-utils-75af8439.js');
+const fCell = require('./f-cell-58ab0503.js');
+const fPaginatorUtils = require('./f-paginator-utils-d4d4f9af.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-checkbox-4e8f39f8.js');
-require('./f-text-field-a04ebf4f.js');
+require('./f-text-field-b270e67b.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-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
-const fChip = require('./f-chip-aa5c5160.js');
+const fChip = require('./f-chip-0afbca0a.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-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
-const fCell = require('./f-cell-0732e0d2.js');
+const fCell = require('./f-cell-58ab0503.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-8dbf27a2.js');
 require('./f-checkbox-4e8f39f8.js');
-require('./f-text-field-a04ebf4f.js');
-require('./f-chip-aa5c5160.js');
+require('./f-text-field-b270e67b.js');
+require('./f-chip-0afbca0a.js');
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";
 const KupCellStyle0 = kupCellCss;
@@ -124,15 +124,11 @@ const KupCell = class {
         }
     }
     generateColumn() {
-        const colname = this.data && this.data.obj && this.data.obj.t
-            ? this.data.obj.t + ';' + this.data.obj.p
-            : 'KUPCELL';
-        const coltitle = this.data && this.data.obj && this.data.obj.t
-            ? this.data.obj.t + ';' + this.data.obj.p
-            : __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_OBJECT);
+        const name = 'KUPCELL';
+        const title = undefined;
         return {
-            name: colname,
-            title: coltitle,
+            name,
+            title,
         };
     }
     generateRow() {
@@ -178,14 +174,14 @@ const KupCell = class {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (index.h(index.Host, { key: 'f12fd8802b3ece98d2638f70584f9d0e922cb1c6' }, index.h("style", { key: '38db9c993baf168da9178866b5b25db9d9e8f914' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '95b1c5fb70e1b4f0e531cc31bcbab17d414a67b9', id: GenericVariables.componentWrapperId, style: this.showSubmit
+        return (index.h(index.Host, { key: '90637215fbd5c4b76a36681e4638c8999ce77a4b' }, index.h("style", { key: 'a8833d7b93b58e42b897ac3b807e33d6797bb59c' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'ebc03e49d971e45309f70180481687696ff43054', id: GenericVariables.componentWrapperId, style: this.showSubmit
                 ? {
                     display: 'flex',
                     'flex-direction': kupManager.submitPositionAdapter(this.submitPosition),
                     'align-items': 'center',
                     gap: '0.5rem',
                 }
-                : {} }, index.h(fCell.FCell, Object.assign({ key: '9fd21848cf6db9a068f2b7dd909b2b6a50cd77dc' }, 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(fCell.FCell, Object.assign({ key: 'd247b4b45d87e9b7dd325f0dac80853d0b8155e2' }, 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)));
     }

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","KupCellElementsPosition","getProps","KupCellProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","KupLanguageGeneric","h","Host","submitPositionAdapter","FCell","FButton"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\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 Event,\n EventEmitter,\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 {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\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 { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\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 Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\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 private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\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":["kupManagerInstance","FCellPadding","KupCellElementsPosition","getProps","KupCellProps","forceUpdate","setProps","componentWrapperId","KupDragEffect","h","Host","submitPositionAdapter","FCell","FButton","KupLanguageGeneric"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/*\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 Event,\n EventEmitter,\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 {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\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 { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\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 Show submit button\n /\n @Prop() showSubmit: boolean = false;\n\n /\n Submit button position, default is right\n /\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\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 #kupManager: KupManager = kupManagerInstance();\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\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 name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\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 private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\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\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\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-a04ebf4f.js');
+const fTextField = require('./f-text-field-b270e67b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const kupManager = require('./kup-manager-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.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-8de1519d.js → kup-data-table-helper-af0261a1.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const kupManager = require('./kup-manager-59da52f6.js');
+const kupManager = require('./kup-manager-13d2365f.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-8de1519d.js.map
+//# sourceMappingURL=kup-data-table-helper-af0261a1.js.map