@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
  1. package/dist/cjs/{f-cell-0732e0d2.js → f-cell-58ab0503.js} +18 -11
  2. package/dist/cjs/f-cell-58ab0503.js.map +1 -0
  3. package/dist/cjs/{f-chip-aa5c5160.js → f-chip-0afbca0a.js} +2 -2
  4. package/dist/cjs/{f-chip-aa5c5160.js.map → f-chip-0afbca0a.js.map} +1 -1
  5. package/dist/cjs/{f-paginator-utils-75af8439.js → f-paginator-utils-d4d4f9af.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-75af8439.js.map → f-paginator-utils-d4d4f9af.js.map} +1 -1
  7. package/dist/cjs/{f-text-field-a04ebf4f.js → f-text-field-b270e67b.js} +2 -2
  8. package/dist/cjs/{f-text-field-a04ebf4f.js.map → f-text-field-b270e67b.js.map} +1 -1
  9. package/dist/cjs/index.cjs.js +1 -1
  10. package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  12. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +6 -6
  13. package/dist/cjs/kup-box.cjs.entry.js +6 -6
  14. package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
  15. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  16. package/dist/cjs/kup-cell.cjs.entry.js +10 -14
  17. package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
  18. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  19. package/dist/cjs/{kup-data-table-helper-8de1519d.js → kup-data-table-helper-af0261a1.js} +2 -2
  20. package/dist/cjs/{kup-data-table-helper-8de1519d.js.map → kup-data-table-helper-af0261a1.js.map} +1 -1
  21. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  25. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-htm.cjs.entry.js +1 -1
  27. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
  29. package/dist/cjs/kup-input-panel.cjs.entry.js +4 -4
  30. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  31. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  32. package/dist/cjs/{kup-manager-59da52f6.js → kup-manager-13d2365f.js} +5 -5
  33. package/dist/cjs/{kup-manager-59da52f6.js.map → kup-manager-13d2365f.js.map} +1 -1
  34. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  35. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  36. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  37. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  38. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  39. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  40. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  41. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  42. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  43. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  44. package/dist/collection/components/kup-cell/kup-cell.js +6 -10
  45. package/dist/collection/components/kup-cell/kup-cell.js.map +1 -1
  46. package/dist/collection/f-components/f-cell/f-cell.js +15 -8
  47. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  48. package/dist/collection/utils/cell-utils.js +4 -4
  49. package/dist/collection/utils/cell-utils.js.map +1 -1
  50. package/dist/components/kup-activity-timeline.js +1 -1
  51. package/dist/components/kup-autocomplete2.js +15 -8
  52. package/dist/components/kup-autocomplete2.js.map +1 -1
  53. package/dist/components/kup-box2.js +1 -1
  54. package/dist/components/kup-calendar.js +1 -1
  55. package/dist/components/kup-card-list.js +1 -1
  56. package/dist/components/kup-cell.js +7 -11
  57. package/dist/components/kup-cell.js.map +1 -1
  58. package/dist/components/kup-dashboard.js +1 -1
  59. package/dist/components/kup-echart2.js +1 -1
  60. package/dist/components/kup-grid2.js +1 -1
  61. package/dist/components/kup-iframe.js +1 -1
  62. package/dist/components/kup-image-list.js +1 -1
  63. package/dist/components/kup-input-panel.js +1 -1
  64. package/dist/components/kup-magic-box.js +1 -1
  65. package/dist/components/kup-manager.js +5 -5
  66. package/dist/components/kup-manager.js.map +1 -1
  67. package/dist/components/kup-planner.js +1 -1
  68. package/dist/components/kup-typography-list.js +1 -1
  69. package/dist/esm/{f-cell-5bf2115d.js → f-cell-ed3bbc91.js} +18 -11
  70. package/dist/esm/f-cell-ed3bbc91.js.map +1 -0
  71. package/dist/esm/{f-chip-6d15707c.js → f-chip-d8d2c449.js} +2 -2
  72. package/dist/esm/{f-chip-6d15707c.js.map → f-chip-d8d2c449.js.map} +1 -1
  73. package/dist/esm/{f-paginator-utils-8be10f61.js → f-paginator-utils-9697f682.js} +2 -2
  74. package/dist/esm/{f-paginator-utils-8be10f61.js.map → f-paginator-utils-9697f682.js.map} +1 -1
  75. package/dist/esm/{f-text-field-19666b06.js → f-text-field-81d4e859.js} +2 -2
  76. package/dist/esm/{f-text-field-19666b06.js.map → f-text-field-81d4e859.js.map} +1 -1
  77. package/dist/esm/index.js +1 -1
  78. package/dist/esm/kup-accordion.entry.js +1 -1
  79. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  80. package/dist/esm/kup-autocomplete_28.entry.js +6 -6
  81. package/dist/esm/kup-box.entry.js +6 -6
  82. package/dist/esm/kup-calendar.entry.js +2 -2
  83. package/dist/esm/kup-card-list.entry.js +1 -1
  84. package/dist/esm/kup-cell.entry.js +10 -14
  85. package/dist/esm/kup-cell.entry.js.map +1 -1
  86. package/dist/esm/kup-dashboard.entry.js +2 -2
  87. package/dist/esm/{kup-data-table-helper-ef27e258.js → kup-data-table-helper-10366cb2.js} +2 -2
  88. package/dist/esm/{kup-data-table-helper-ef27e258.js.map → kup-data-table-helper-10366cb2.js.map} +1 -1
  89. package/dist/esm/kup-drawer.entry.js +1 -1
  90. package/dist/esm/kup-echart.entry.js +1 -1
  91. package/dist/esm/kup-editor.entry.js +1 -1
  92. package/dist/esm/kup-family-tree.entry.js +1 -1
  93. package/dist/esm/kup-grid.entry.js +1 -1
  94. package/dist/esm/kup-htm.entry.js +1 -1
  95. package/dist/esm/kup-iframe.entry.js +1 -1
  96. package/dist/esm/kup-image-list.entry.js +4 -4
  97. package/dist/esm/kup-input-panel.entry.js +4 -4
  98. package/dist/esm/kup-lazy.entry.js +1 -1
  99. package/dist/esm/kup-magic-box.entry.js +1 -1
  100. package/dist/esm/{kup-manager-9f30547f.js → kup-manager-ec5538b6.js} +6 -6
  101. package/dist/esm/{kup-manager-9f30547f.js.map → kup-manager-ec5538b6.js.map} +1 -1
  102. package/dist/esm/kup-nav-bar.entry.js +1 -1
  103. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  104. package/dist/esm/kup-pdf.entry.js +1 -1
  105. package/dist/esm/kup-photo-frame.entry.js +1 -1
  106. package/dist/esm/kup-planner.entry.js +2 -2
  107. package/dist/esm/kup-probe.entry.js +1 -1
  108. package/dist/esm/kup-qlik.entry.js +1 -1
  109. package/dist/esm/kup-snackbar.entry.js +1 -1
  110. package/dist/esm/kup-typography-list.entry.js +1 -1
  111. package/dist/esm/kup-typography.entry.js +1 -1
  112. package/dist/ketchup/index.esm.js +1 -1
  113. package/dist/ketchup/ketchup.esm.js +1 -1
  114. package/dist/ketchup/{p-2ecd9f45.entry.js → p-172eb552.entry.js} +2 -2
  115. package/dist/ketchup/{p-5ade278d.entry.js → p-19a460da.entry.js} +2 -2
  116. package/dist/ketchup/{p-e111ff31.entry.js → p-1f6dc7b1.entry.js} +2 -2
  117. package/dist/ketchup/{p-81029100.entry.js → p-232cc157.entry.js} +2 -2
  118. package/dist/ketchup/{p-cbfa9fac.entry.js → p-3483b30f.entry.js} +2 -2
  119. package/dist/ketchup/{p-b3c7d4b6.entry.js → p-38a11584.entry.js} +2 -2
  120. package/dist/ketchup/p-3b7a18a5.js +2 -0
  121. package/dist/ketchup/p-3b7a18a5.js.map +1 -0
  122. package/dist/ketchup/{p-c558d39c.entry.js → p-4845b953.entry.js} +2 -2
  123. package/dist/ketchup/{p-a23a3495.entry.js → p-48ff176a.entry.js} +2 -2
  124. package/dist/ketchup/{p-828e6da8.entry.js → p-53238b94.entry.js} +2 -2
  125. package/dist/ketchup/{p-940589d4.entry.js → p-55477f5f.entry.js} +2 -2
  126. package/dist/ketchup/{p-2d4db7e9.entry.js → p-598e2bb3.entry.js} +2 -2
  127. package/dist/ketchup/{p-0a0cbb17.entry.js → p-5d64b257.entry.js} +2 -2
  128. package/dist/ketchup/{p-81df5b08.entry.js → p-6c8d4d2a.entry.js} +2 -2
  129. package/dist/ketchup/{p-8dd1e16f.entry.js → p-6d8d2556.entry.js} +2 -2
  130. package/dist/ketchup/p-73ba50e6.js +2 -0
  131. package/dist/ketchup/{p-447ac2dd.entry.js → p-75328006.entry.js} +2 -2
  132. package/dist/ketchup/{p-fa9139bb.entry.js → p-7a55fce8.entry.js} +2 -2
  133. package/dist/ketchup/{p-113a1c91.entry.js → p-7c6a5662.entry.js} +2 -2
  134. package/dist/ketchup/{p-f1992811.entry.js → p-7e43955b.entry.js} +2 -2
  135. package/dist/ketchup/{p-8eaf9ea9.entry.js → p-88efe7a0.entry.js} +2 -2
  136. package/dist/ketchup/{p-55ce8c33.entry.js → p-9448d3df.entry.js} +2 -2
  137. package/dist/ketchup/{p-23d7a078.js → p-9527c8a0.js} +2 -2
  138. package/dist/ketchup/p-9b6c792a.entry.js +2 -0
  139. package/dist/ketchup/p-9b6c792a.entry.js.map +1 -0
  140. package/dist/ketchup/{p-41e9e598.js → p-9bf03380.js} +3 -3
  141. package/dist/ketchup/{p-41e9e598.js.map → p-9bf03380.js.map} +1 -1
  142. package/dist/ketchup/{p-ca3f5c62.js → p-a024642d.js} +2 -2
  143. package/dist/ketchup/{p-f4eabd6c.entry.js → p-a60bc4b1.entry.js} +2 -2
  144. package/dist/ketchup/{p-2e3cd639.entry.js → p-ad768d1a.entry.js} +2 -2
  145. package/dist/ketchup/{p-98f59364.entry.js → p-b638a03b.entry.js} +2 -2
  146. package/dist/ketchup/{p-ffdc8733.entry.js → p-c4851344.entry.js} +2 -2
  147. package/dist/ketchup/{p-779aecdc.entry.js → p-cffab777.entry.js} +2 -2
  148. package/dist/ketchup/{p-b8fdc94c.entry.js → p-e0ee6678.entry.js} +2 -2
  149. package/dist/ketchup/{p-28b108ae.entry.js → p-edc46265.entry.js} +2 -2
  150. package/dist/ketchup/{p-172e642a.js → p-fcc24603.js} +2 -2
  151. package/dist/ketchup/{p-33e7f5f1.entry.js → p-ff79c1ac.entry.js} +2 -2
  152. package/package.json +1 -1
  153. package/dist/cjs/f-cell-0732e0d2.js.map +0 -1
  154. package/dist/esm/f-cell-5bf2115d.js.map +0 -1
  155. package/dist/ketchup/p-33e84dd7.js +0 -2
  156. package/dist/ketchup/p-33e84dd7.js.map +0 -1
  157. package/dist/ketchup/p-346a60f6.entry.js +0 -2
  158. package/dist/ketchup/p-346a60f6.entry.js.map +0 -1
  159. package/dist/ketchup/p-b95e7cbf.js +0 -2
  160. /package/dist/ketchup/{p-2ecd9f45.entry.js.map → p-172eb552.entry.js.map} +0 -0
  161. /package/dist/ketchup/{p-5ade278d.entry.js.map → p-19a460da.entry.js.map} +0 -0
  162. /package/dist/ketchup/{p-e111ff31.entry.js.map → p-1f6dc7b1.entry.js.map} +0 -0
  163. /package/dist/ketchup/{p-81029100.entry.js.map → p-232cc157.entry.js.map} +0 -0
  164. /package/dist/ketchup/{p-cbfa9fac.entry.js.map → p-3483b30f.entry.js.map} +0 -0
  165. /package/dist/ketchup/{p-b3c7d4b6.entry.js.map → p-38a11584.entry.js.map} +0 -0
  166. /package/dist/ketchup/{p-c558d39c.entry.js.map → p-4845b953.entry.js.map} +0 -0
  167. /package/dist/ketchup/{p-a23a3495.entry.js.map → p-48ff176a.entry.js.map} +0 -0
  168. /package/dist/ketchup/{p-828e6da8.entry.js.map → p-53238b94.entry.js.map} +0 -0
  169. /package/dist/ketchup/{p-940589d4.entry.js.map → p-55477f5f.entry.js.map} +0 -0
  170. /package/dist/ketchup/{p-2d4db7e9.entry.js.map → p-598e2bb3.entry.js.map} +0 -0
  171. /package/dist/ketchup/{p-0a0cbb17.entry.js.map → p-5d64b257.entry.js.map} +0 -0
  172. /package/dist/ketchup/{p-81df5b08.entry.js.map → p-6c8d4d2a.entry.js.map} +0 -0
  173. /package/dist/ketchup/{p-8dd1e16f.entry.js.map → p-6d8d2556.entry.js.map} +0 -0
  174. /package/dist/ketchup/{p-b95e7cbf.js.map → p-73ba50e6.js.map} +0 -0
  175. /package/dist/ketchup/{p-447ac2dd.entry.js.map → p-75328006.entry.js.map} +0 -0
  176. /package/dist/ketchup/{p-fa9139bb.entry.js.map → p-7a55fce8.entry.js.map} +0 -0
  177. /package/dist/ketchup/{p-113a1c91.entry.js.map → p-7c6a5662.entry.js.map} +0 -0
  178. /package/dist/ketchup/{p-f1992811.entry.js.map → p-7e43955b.entry.js.map} +0 -0
  179. /package/dist/ketchup/{p-8eaf9ea9.entry.js.map → p-88efe7a0.entry.js.map} +0 -0
  180. /package/dist/ketchup/{p-55ce8c33.entry.js.map → p-9448d3df.entry.js.map} +0 -0
  181. /package/dist/ketchup/{p-23d7a078.js.map → p-9527c8a0.js.map} +0 -0
  182. /package/dist/ketchup/{p-ca3f5c62.js.map → p-a024642d.js.map} +0 -0
  183. /package/dist/ketchup/{p-f4eabd6c.entry.js.map → p-a60bc4b1.entry.js.map} +0 -0
  184. /package/dist/ketchup/{p-2e3cd639.entry.js.map → p-ad768d1a.entry.js.map} +0 -0
  185. /package/dist/ketchup/{p-98f59364.entry.js.map → p-b638a03b.entry.js.map} +0 -0
  186. /package/dist/ketchup/{p-ffdc8733.entry.js.map → p-c4851344.entry.js.map} +0 -0
  187. /package/dist/ketchup/{p-779aecdc.entry.js.map → p-cffab777.entry.js.map} +0 -0
  188. /package/dist/ketchup/{p-b8fdc94c.entry.js.map → p-e0ee6678.entry.js.map} +0 -0
  189. /package/dist/ketchup/{p-28b108ae.entry.js.map → p-edc46265.entry.js.map} +0 -0
  190. /package/dist/ketchup/{p-172e642a.js.map → p-fcc24603.js.map} +0 -0
  191. /package/dist/ketchup/{p-33e7f5f1.entry.js.map → p-ff79c1ac.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"file":"f-text-field-19666b06.js","mappings":"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","names":[],"sources":["src/f-components/f-text-field/f-text-field.tsx"],"sourcesContent":["import type { FTextFieldProps } from './f-text-field-declarations';\nimport { FunctionalComponent, getAssetPath, h, VNode } from '@stencil/core';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { NumericFieldFormatOptions } from '../../managers/kup-math/kup-math-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\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-81d4e859.js","mappings":"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","names":[],"sources":["src/f-components/f-text-field/f-text-field.tsx"],"sourcesContent":["import type { FTextFieldProps } from './f-text-field-declarations';\nimport { FunctionalComponent, getAssetPath, h, VNode } from '@stencil/core';\nimport { KupThemeIconValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { NumericFieldFormatOptions } from '../../managers/kup-math/kup-math-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\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/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { K as KupManager } from './kup-manager-9f30547f.js';
1
+ import { K as KupManager } from './kup-manager-ec5538b6.js';
2
2
  import './kup-dates-b90227c6.js';
3
3
  import './index-191ee7cb.js';
4
4
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-9f30547f.js';
2
+ import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-ec5538b6.js';
3
3
  import { F as FImage } from './f-image-feab9f36.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
5
5
  import { M as MDCRipple } from './component-879e99bf.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, ah as getCellValueForDisplay } from './kup-manager-9f30547f.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, ag as getCellValueForDisplay } from './kup-manager-ec5538b6.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
4
4
  import { F as FImage } from './f-image-feab9f36.js';
5
- import { s as sortRows } from './kup-data-table-helper-ef27e258.js';
5
+ import { s as sortRows } from './kup-data-table-helper-10366cb2.js';
6
6
  import './kup-dates-b90227c6.js';
7
7
 
8
8
  var KupActivityTimelineProps;
@@ -1,18 +1,18 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-9f30547f.js';
3
- import { F as FTextField } from './f-text-field-19666b06.js';
2
+ import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-ec5538b6.js';
3
+ import { F as FTextField } from './f-text-field-81d4e859.js';
4
4
  import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
5
- import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-5bf2115d.js';
5
+ import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-ed3bbc91.js';
6
6
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
7
7
  import { F as FImage } from './f-image-feab9f36.js';
8
8
  import { F as FButton } from './f-button-79148bc6.js';
9
9
  import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
10
10
  import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-b90227c6.js';
11
- import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-6d15707c.js';
11
+ import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-d8d2c449.js';
12
12
  import { M as MDCRipple } from './component-879e99bf.js';
13
13
  import { F as FCheckbox } from './f-checkbox-6a591860.js';
14
- import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-ef27e258.js';
15
- import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-8be10f61.js';
14
+ import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-10366cb2.js';
15
+ import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-9697f682.js';
16
16
 
17
17
  /**
18
18
  * Props of the kup-autocomplete component.
@@ -1,15 +1,15 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a1 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, N as KupPointerEventTypes, R as KupDragEffect, au as kupDraggableAttr, V as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-9f30547f.js';
3
- import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-ef27e258.js';
2
+ import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a1 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, N as KupPointerEventTypes, R as KupDragEffect, au as kupDraggableAttr, V as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-ec5538b6.js';
3
+ import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-10366cb2.js';
4
4
  import { F as FImage } from './f-image-feab9f36.js';
5
- import { c as FChip } from './f-chip-6d15707c.js';
5
+ import { c as FChip } from './f-chip-d8d2c449.js';
6
6
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
7
- import { F as FCell } from './f-cell-5bf2115d.js';
8
- import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-8be10f61.js';
7
+ import { F as FCell } from './f-cell-ed3bbc91.js';
8
+ import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-9697f682.js';
9
9
  import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
10
10
  import './kup-dates-b90227c6.js';
11
11
  import './f-checkbox-6a591860.js';
12
- import './f-text-field-19666b06.js';
12
+ import './f-text-field-81d4e859.js';
13
13
  import './f-button-79148bc6.js';
14
14
  import './f-button-declarations-6c8f8abe.js';
15
15
  import './component-879e99bf.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName } from './kup-manager-9f30547f.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName } from './kup-manager-ec5538b6.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
4
4
  import { F as FButton } from './f-button-79148bc6.js';
5
- import { c as FChip, F as FChipType } from './f-chip-6d15707c.js';
5
+ import { c as FChip, F as FChipType } from './f-chip-d8d2c449.js';
6
6
  import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-b90227c6.js';
7
7
  import './f-button-declarations-6c8f8abe.js';
8
8
  import './f-image-feab9f36.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, ah as getCellValueForDisplay } from './kup-manager-9f30547f.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, ag as getCellValueForDisplay } from './kup-manager-ec5538b6.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
4
4
  import './kup-dates-b90227c6.js';
5
5
 
@@ -1,14 +1,14 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
2
- import { k as kupManagerInstance, f as FCellPadding, ao as KupCellElementsPosition, g as getProps, s as setProps, R as KupDragEffect, h as KupLanguageGeneric, ap as submitPositionAdapter, aq as KupCellProps } from './kup-manager-9f30547f.js';
2
+ import { k as kupManagerInstance, f as FCellPadding, ao as KupCellElementsPosition, g as getProps, s as setProps, R as KupDragEffect, ap as submitPositionAdapter, h as KupLanguageGeneric, aq as KupCellProps } from './kup-manager-ec5538b6.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
4
4
  import { F as FButton } from './f-button-79148bc6.js';
5
- import { F as FCell } from './f-cell-5bf2115d.js';
5
+ import { F as FCell } from './f-cell-ed3bbc91.js';
6
6
  import './kup-dates-b90227c6.js';
7
7
  import './f-button-declarations-6c8f8abe.js';
8
8
  import './f-image-feab9f36.js';
9
9
  import './f-checkbox-6a591860.js';
10
- import './f-text-field-19666b06.js';
11
- import './f-chip-6d15707c.js';
10
+ import './f-text-field-81d4e859.js';
11
+ import './f-chip-d8d2c449.js';
12
12
 
13
13
  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%}";
14
14
  const KupCellStyle0 = kupCellCss;
@@ -120,15 +120,11 @@ const KupCell = class {
120
120
  }
121
121
  }
122
122
  generateColumn() {
123
- const colname = this.data && this.data.obj && this.data.obj.t
124
- ? this.data.obj.t + ';' + this.data.obj.p
125
- : 'KUPCELL';
126
- const coltitle = this.data && this.data.obj && this.data.obj.t
127
- ? this.data.obj.t + ';' + this.data.obj.p
128
- : __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_OBJECT);
123
+ const name = 'KUPCELL';
124
+ const title = undefined;
129
125
  return {
130
- name: colname,
131
- title: coltitle,
126
+ name,
127
+ title,
132
128
  };
133
129
  }
134
130
  generateRow() {
@@ -174,14 +170,14 @@ const KupCell = class {
174
170
  renderKup: true,
175
171
  row: this.generateRow(),
176
172
  };
177
- return (h(Host, { key: 'f12fd8802b3ece98d2638f70584f9d0e922cb1c6' }, h("style", { key: '38db9c993baf168da9178866b5b25db9d9e8f914' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '95b1c5fb70e1b4f0e531cc31bcbab17d414a67b9', id: componentWrapperId, style: this.showSubmit
173
+ return (h(Host, { key: '90637215fbd5c4b76a36681e4638c8999ce77a4b' }, h("style", { key: 'a8833d7b93b58e42b897ac3b807e33d6797bb59c' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ebc03e49d971e45309f70180481687696ff43054', id: componentWrapperId, style: this.showSubmit
178
174
  ? {
179
175
  display: 'flex',
180
176
  'flex-direction': submitPositionAdapter(this.submitPosition),
181
177
  'align-items': 'center',
182
178
  gap: '0.5rem',
183
179
  }
184
- : {} }, h(FCell, Object.assign({ key: '9fd21848cf6db9a068f2b7dd909b2b6a50cd77dc' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
180
+ : {} }, h(FCell, Object.assign({ key: 'd247b4b45d87e9b7dd325f0dac80853d0b8155e2' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
185
181
  this.submitClick(e);
186
182
  } })) : null)));
187
183
  }
@@ -1 +1 @@
1
- {"file":"kup-cell.entry.js","mappings":";;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,4gEAA4gE,CAAC;AAChiE,sBAAe,UAAU;;;;;;;;;;MC+CZ,OAAO;;;;;;;;;;QAiDhB,8BAA0B,kBAAkB,EAAE,EAAC;2BAlCjB,EAAE;oBAKJ,IAAI;uBAIA,YAAY,CAAC,IAAI;2BAKlB,KAAK;0BAKN,KAAK;8BAM/B,uBAAuB,CAAC,KAAK;;;;;;IA4BjC,MAAM,aAAa,CAAC,OAAkB;QAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SAC3B;QACD,IAAI,OAAO,EAAE;YACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,QAAQ,EAAE,CAAC;iBACxC;aACJ;SACJ;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;KAClB;;;;;;IAOD,MAAM,QAAQ,CAAC,YAAsB;QACjC,OAAO,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;KACrD;;;;IAKD,MAAM,OAAO;QACT,WAAW,CAAC,IAAI,CAAC,CAAC;KACrB;;;;;IAMD,MAAM,gBAAgB,CAAC,OAAkB;QACrC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACrB,OAAO;SACV;QACD,IAAI,OAAO,EAAE;YACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAC3C,IAAI,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzB,EAAE,CACL,CAAC;iBACL;aACJ;SACJ;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;KAClB;;;;;IAMD,MAAM,QAAQ,CAAC,KAAoB;QAC/B,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;KACvC;;;;IAMO,sBAAsB;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,MAAM,MAAM,GAAgC;gBACxC,OAAO;oBACH,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;oBAC7B,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;oBACvB,QAAQ,EAAE,KAAK;oBACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;iBAC1B,CAAC;aACL,CAAC;YAEF,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,SAAS,CAC/B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACrC,GAAG,GAAG,kBAAkB,CAC3B,EACD;gBACI,aAAa;oBACT,OAAO,IAAI,CAAC;iBACf;aACJ,EACD;gBACI,QAAQ,EAAE,MAAM;aACnB,EACD,aAAa,CAAC,KAAK,CACtB,CAAC;SACL;KACJ;IAEO,cAAc;QAClB,MAAM,OAAO,GACT,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;cACvC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;cACvC,SAAS,CAAC;QACpB,MAAM,QAAQ,GACV,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;cACvC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;cACvC,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,SAAS,CAC/B,kBAAkB,CAAC,YAAY,CAClC,CAAC;QACZ,OAAO;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,QAAQ;SAClB,CAAC;KACL;IAEO,WAAW;QACf,MAAM,GAAG,GAAkB,IAAI,CAAC,cAAc,EAAE,CAAC;QACjD,MAAM,GAAG,GAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACtC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;QAChC,OAAO,GAAG,CAAC;KACd;IAEO,WAAW,CAAC,CAAa;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACzB,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;YACvB,IAAI,EAAE,IAAI,CAAC,IAA0B;SACxC,CAAC,CAAC;KACN;;;;IAMD,iBAAiB;QACb,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtC,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzC,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACzC;IAED,gBAAgB;QACZ,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC9C;IAED,mBAAmB;QACf,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACjD;IAED,kBAAkB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAChD;IAED,MAAM;QACF,MAAM,KAAK,GAAsB;YAC7B,IAAI,EAAE,IAAI,CAAC,IAA0B;YACrC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;YAC9B,SAAS,EAAE,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;SAC1B,CAAC;QAEF,QACI,EAAC,IAAI,uDACD,gEACK,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,WAAW,CAC/B,IAAI,CAAC,WAA2B,CACnC,CACG,EACR,4DACI,EAAE,EAAE,kBAAkB,EACtB,KAAK,EACD,IAAI,CAAC,UAAU;kBACT;oBACI,OAAO,EAAE,MAAM;oBACf,gBAAgB,EAAE,qBAAqB,CACnC,IAAI,CAAC,cAAc,CACtB;oBACD,aAAa,EAAE,QAAQ;oBACvB,GAAG,EAAE,QAAQ;iBAChB;kBACD,EAAE,IAGZ,EAAC,KAAK,qEAAK,KAAK,EAAI,EACnB,IAAI,CAAC,UAAU,IACZ,EAAC,OAAO,IACJ,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,SAAS,CACtC,kBAAkB,CAAC,OAAO,CAC7B,EACD,YAAY,EAAC,cAAc,EAC3B,OAAO,EAAE,CAAC,CAAC;gBACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACvB,GACM,IACX,IAAI,CACN,CACH,EACT;KACL;IAED,oBAAoB;QAChB,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3C,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC3C;;;;;;;;","names":[],"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.js","mappings":";;;;;;;;;;;;AAAA,MAAM,UAAU,GAAG,4gEAA4gE,CAAC;AAChiE,sBAAe,UAAU;;;;;;;;;;MC+CZ,OAAO;;;;;;;;;;QAiDhB,8BAA0B,kBAAkB,EAAE,EAAC;2BAlCjB,EAAE;oBAKJ,IAAI;uBAIA,YAAY,CAAC,IAAI;2BAKlB,KAAK;0BAKN,KAAK;8BAM/B,uBAAuB,CAAC,KAAK;;;;;;IA4BjC,MAAM,aAAa,CAAC,OAAkB;QAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SAC3B;QACD,IAAI,OAAO,EAAE;YACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,QAAQ,EAAE,CAAC;iBACxC;aACJ;SACJ;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;KAClB;;;;;;IAOD,MAAM,QAAQ,CAAC,YAAsB;QACjC,OAAO,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;KACrD;;;;IAKD,MAAM,OAAO;QACT,WAAW,CAAC,IAAI,CAAC,CAAC;KACrB;;;;;IAMD,MAAM,gBAAgB,CAAC,OAAkB;QACrC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACrB,OAAO;SACV;QACD,IAAI,OAAO,EAAE;YACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAC3C,IAAI,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzB,EAAE,CACL,CAAC;iBACL;aACJ;SACJ;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;KAClB;;;;;IAMD,MAAM,QAAQ,CAAC,KAAoB;QAC/B,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;KACvC;;;;IAMO,sBAAsB;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,MAAM,MAAM,GAAgC;gBACxC,OAAO;oBACH,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;oBAC7B,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;oBACvB,QAAQ,EAAE,KAAK;oBACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;iBAC1B,CAAC;aACL,CAAC;YAEF,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,SAAS,CAC/B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACrC,GAAG,GAAG,kBAAkB,CAC3B,EACD;gBACI,aAAa;oBACT,OAAO,IAAI,CAAC;iBACf;aACJ,EACD;gBACI,QAAQ,EAAE,MAAM;aACnB,EACD,aAAa,CAAC,KAAK,CACtB,CAAC;SACL;KACJ;IAEO,cAAc;QAClB,MAAM,IAAI,GAAG,SAAS,CAAC;QACvB,MAAM,KAAK,GAAG,SAAS,CAAC;QACxB,OAAO;YACH,IAAI;YACJ,KAAK;SACR,CAAC;KACL;IAEO,WAAW;QACf,MAAM,GAAG,GAAkB,IAAI,CAAC,cAAc,EAAE,CAAC;QACjD,MAAM,GAAG,GAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACtC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;QAChC,OAAO,GAAG,CAAC;KACd;IAEO,WAAW,CAAC,CAAa;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACzB,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;YACvB,IAAI,EAAE,IAAI,CAAC,IAA0B;SACxC,CAAC,CAAC;KACN;;;;IAMD,iBAAiB;QACb,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtC,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzC,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACzC;IAED,gBAAgB;QACZ,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC9C;IAED,mBAAmB;QACf,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACjD;IAED,kBAAkB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAChD;IAED,MAAM;QACF,MAAM,KAAK,GAAsB;YAC7B,IAAI,EAAE,IAAI,CAAC,IAA0B;YACrC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;YAC9B,SAAS,EAAE,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;SAC1B,CAAC;QAEF,QACI,EAAC,IAAI,uDACD,gEACK,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,WAAW,CAC/B,IAAI,CAAC,WAA2B,CACnC,CACG,EACR,4DACI,EAAE,EAAE,kBAAkB,EACtB,KAAK,EACD,IAAI,CAAC,UAAU;kBACT;oBACI,OAAO,EAAE,MAAM;oBACf,gBAAgB,EAAE,qBAAqB,CACnC,IAAI,CAAC,cAAc,CACtB;oBACD,aAAa,EAAE,QAAQ;oBACvB,GAAG,EAAE,QAAQ;iBAChB;kBACD,EAAE,IAGZ,EAAC,KAAK,qEAAK,KAAK,EAAI,EACnB,IAAI,CAAC,UAAU,IACZ,EAAC,OAAO,IACJ,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,SAAS,CACtC,kBAAkB,CAAC,OAAO,CAC7B,EACD,YAAY,EAAC,cAAc,EAC3B,OAAO,EAAE,CAAC,CAAC;gBACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACvB,GACM,IACX,IAAI,CACN,CACH,EACT;KACL;IAED,oBAAoB;QAChB,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACxC,uBAAA,IAAI,2BAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3C,uBAAA,IAAI,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC3C;;;;;;;;","names":[],"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}
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-191ee7cb.js';
2
2
  import { F as FButton } from './f-button-79148bc6.js';
3
3
  import { F as FCheckbox } from './f-checkbox-6a591860.js';
4
- import { F as FTextField } from './f-text-field-19666b06.js';
4
+ import { F as FTextField } from './f-text-field-81d4e859.js';
5
5
  import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
6
- import { k as kupManagerInstance, g as getProps, s as setProps, ar as KupLanguageDashboard, h as KupLanguageGeneric, R as KupDragEffect, e as KupDebugCategory } from './kup-manager-9f30547f.js';
6
+ import { k as kupManagerInstance, g as getProps, s as setProps, ar as KupLanguageDashboard, h as KupLanguageGeneric, R as KupDragEffect, e as KupDebugCategory } from './kup-manager-ec5538b6.js';
7
7
  import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
8
8
  import './f-button-declarations-6c8f8abe.js';
9
9
  import './f-image-feab9f36.js';
@@ -1,4 +1,4 @@
1
- import { C as Filters, H as FilterInterval, D as getValueForDisplay, B as getValueForDisplay2, ah as getCellValueForDisplay, v as getColumnByName, x as KupObjects, aj as KupData, ak as compareCell, J as TotalMode, e as KupDebugCategory, F as FCellShapes, ac as CMBandACPAdapter, ab as RADAdapter, al as CHKAdapter, aa as CHIAdapter, am as SWTAdapter, a1 as SortMode } from './kup-manager-9f30547f.js';
1
+ import { C as Filters, H as FilterInterval, D as getValueForDisplay, B as getValueForDisplay2, ag as getCellValueForDisplay, v as getColumnByName, x as KupObjects, ai as KupData, aj as compareCell, J as TotalMode, e as KupDebugCategory, F as FCellShapes, ab as CMBandACPAdapter, aa as RADAdapter, ak as CHKAdapter, al as CHIAdapter, am as SWTAdapter, a1 as SortMode } from './kup-manager-ec5538b6.js';
2
2
  import { K as KupDatesFormats } from './kup-dates-b90227c6.js';
3
3
 
4
4
  /**
@@ -1498,4 +1498,4 @@ function decorateDataTable(data) {
1498
1498
 
1499
1499
  export { FiltersColumnMenu as F, KupTreeExpansionMode as K, FiltersRows as a, groupRows as b, calcTotals as c, decorateDataTable as d, KupTreeProps as e, filterRows as f, getDiffData as g, normalizeRows as n, paginateRows as p, sortRows as s, treeMainColumnName as t };
1500
1500
 
1501
- //# sourceMappingURL=kup-data-table-helper-ef27e258.js.map
1501
+ //# sourceMappingURL=kup-data-table-helper-10366cb2.js.map