@sme.up/ketchup 11.0.0-SNAPSHOT-20241126152113 → 11.0.0-SNAPSHOT-20241127090925

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 (172) hide show
  1. package/dist/cjs/{f-cell-6a401f54.js → f-cell-9e9a291e.js} +4 -4
  2. package/dist/cjs/{f-cell-6a401f54.js.map → f-cell-9e9a291e.js.map} +1 -1
  3. package/dist/cjs/{f-chip-525536f4.js → f-chip-43fb65b2.js} +2 -2
  4. package/dist/cjs/{f-chip-525536f4.js.map → f-chip-43fb65b2.js.map} +1 -1
  5. package/dist/cjs/{f-paginator-utils-f6758cd9.js → f-paginator-utils-ada85b68.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-f6758cd9.js.map → f-paginator-utils-ada85b68.js.map} +1 -1
  7. package/dist/cjs/{f-text-field-3bdc88d7.js → f-text-field-be868b63.js} +5 -2
  8. package/dist/cjs/f-text-field-be868b63.js.map +1 -0
  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 +4 -4
  17. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  18. package/dist/cjs/{kup-data-table-helper-d64f7d7a.js → kup-data-table-helper-fd333383.js} +2 -2
  19. package/dist/cjs/{kup-data-table-helper-d64f7d7a.js.map → kup-data-table-helper-fd333383.js.map} +1 -1
  20. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  25. package/dist/cjs/kup-htm.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  27. package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
  28. package/dist/cjs/kup-input-panel.cjs.entry.js +4 -4
  29. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  30. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  31. package/dist/cjs/{kup-manager-c352f5e2.js → kup-manager-a588c6da.js} +2 -2
  32. package/dist/cjs/{kup-manager-c352f5e2.js.map → kup-manager-a588c6da.js.map} +1 -1
  33. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  34. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  35. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  36. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  37. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  38. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  39. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  40. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  41. package/dist/cjs/kup-txt.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/f-components/f-text-field/f-text-field.js +3 -0
  45. package/dist/collection/f-components/f-text-field/f-text-field.js.map +1 -1
  46. package/dist/components/kup-autocomplete2.js +3 -0
  47. package/dist/components/kup-autocomplete2.js.map +1 -1
  48. package/dist/components/kup-manager.js +1 -1
  49. package/dist/components/kup-manager.js.map +1 -1
  50. package/dist/esm/{f-cell-d344559d.js → f-cell-dc844fda.js} +4 -4
  51. package/dist/esm/{f-cell-d344559d.js.map → f-cell-dc844fda.js.map} +1 -1
  52. package/dist/esm/{f-chip-b5a960e4.js → f-chip-9103ffc9.js} +2 -2
  53. package/dist/esm/{f-chip-b5a960e4.js.map → f-chip-9103ffc9.js.map} +1 -1
  54. package/dist/esm/{f-paginator-utils-59096636.js → f-paginator-utils-6edcb9c3.js} +2 -2
  55. package/dist/esm/{f-paginator-utils-59096636.js.map → f-paginator-utils-6edcb9c3.js.map} +1 -1
  56. package/dist/esm/{f-text-field-3e8f19e4.js → f-text-field-80930605.js} +5 -2
  57. package/dist/{ketchup/p-a61546b9.js.map → esm/f-text-field-80930605.js.map} +1 -1
  58. package/dist/esm/index.js +1 -1
  59. package/dist/esm/kup-accordion.entry.js +1 -1
  60. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  61. package/dist/esm/kup-autocomplete_28.entry.js +6 -6
  62. package/dist/esm/kup-box.entry.js +6 -6
  63. package/dist/esm/kup-calendar.entry.js +2 -2
  64. package/dist/esm/kup-card-list.entry.js +1 -1
  65. package/dist/esm/kup-cell.entry.js +4 -4
  66. package/dist/esm/kup-dashboard.entry.js +2 -2
  67. package/dist/esm/{kup-data-table-helper-d87897de.js → kup-data-table-helper-995fc188.js} +2 -2
  68. package/dist/esm/{kup-data-table-helper-d87897de.js.map → kup-data-table-helper-995fc188.js.map} +1 -1
  69. package/dist/esm/kup-drawer.entry.js +1 -1
  70. package/dist/esm/kup-echart.entry.js +1 -1
  71. package/dist/esm/kup-editor.entry.js +1 -1
  72. package/dist/esm/kup-family-tree.entry.js +1 -1
  73. package/dist/esm/kup-grid.entry.js +1 -1
  74. package/dist/esm/kup-htm.entry.js +1 -1
  75. package/dist/esm/kup-iframe.entry.js +1 -1
  76. package/dist/esm/kup-image-list.entry.js +4 -4
  77. package/dist/esm/kup-input-panel.entry.js +4 -4
  78. package/dist/esm/kup-lazy.entry.js +1 -1
  79. package/dist/esm/kup-magic-box.entry.js +1 -1
  80. package/dist/esm/{kup-manager-734ac610.js → kup-manager-e9b17e17.js} +2 -2
  81. package/dist/esm/{kup-manager-734ac610.js.map → kup-manager-e9b17e17.js.map} +1 -1
  82. package/dist/esm/kup-nav-bar.entry.js +1 -1
  83. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  84. package/dist/esm/kup-pdf.entry.js +1 -1
  85. package/dist/esm/kup-photo-frame.entry.js +1 -1
  86. package/dist/esm/kup-planner.entry.js +2 -2
  87. package/dist/esm/kup-probe.entry.js +1 -1
  88. package/dist/esm/kup-qlik.entry.js +1 -1
  89. package/dist/esm/kup-snackbar.entry.js +1 -1
  90. package/dist/esm/kup-txt.entry.js +1 -1
  91. package/dist/esm/kup-typography-list.entry.js +1 -1
  92. package/dist/esm/kup-typography.entry.js +1 -1
  93. package/dist/ketchup/index.esm.js +1 -1
  94. package/dist/ketchup/ketchup.esm.js +1 -1
  95. package/dist/ketchup/{p-6e8c175f.entry.js → p-02503afe.entry.js} +2 -2
  96. package/dist/ketchup/{p-c1eab0b5.entry.js → p-043324c6.entry.js} +2 -2
  97. package/dist/ketchup/{p-41373d28.js → p-0facfbaf.js} +2 -2
  98. package/dist/ketchup/p-2acd1e25.js +2 -0
  99. package/dist/ketchup/p-2acd1e25.js.map +1 -0
  100. package/dist/ketchup/{p-ce5f056b.entry.js → p-2deef1fb.entry.js} +2 -2
  101. package/dist/ketchup/{p-a2b1c88f.entry.js → p-40349e58.entry.js} +2 -2
  102. package/dist/ketchup/{p-c3fd52bb.entry.js → p-4175b5ce.entry.js} +2 -2
  103. package/dist/ketchup/{p-99aa3fd5.entry.js → p-44a9afa7.entry.js} +2 -2
  104. package/dist/ketchup/{p-f1ccd876.js → p-54f6e4df.js} +4 -4
  105. package/dist/ketchup/p-54f6e4df.js.map +1 -0
  106. package/dist/ketchup/{p-d2f32f1c.entry.js → p-574e970a.entry.js} +2 -2
  107. package/dist/ketchup/{p-7142f2cb.js → p-6b225612.js} +2 -2
  108. package/dist/ketchup/{p-5e7bdc8f.entry.js → p-70ea1441.entry.js} +2 -2
  109. package/dist/ketchup/{p-8d393000.entry.js → p-76573017.entry.js} +2 -2
  110. package/dist/ketchup/{p-d3318d46.entry.js → p-7fc2ece1.entry.js} +2 -2
  111. package/dist/ketchup/p-81876eef.entry.js +2 -0
  112. package/dist/ketchup/{p-ad948253.entry.js.map → p-81876eef.entry.js.map} +1 -1
  113. package/dist/ketchup/{p-733fa75d.entry.js → p-836b5606.entry.js} +2 -2
  114. package/dist/ketchup/{p-a533d712.entry.js → p-854b4c27.entry.js} +2 -2
  115. package/dist/ketchup/{p-95e2b3e9.entry.js → p-87e71fb1.entry.js} +2 -2
  116. package/dist/ketchup/{p-03746a30.entry.js → p-8a540599.entry.js} +2 -2
  117. package/dist/ketchup/{p-1cd09e44.entry.js → p-8a7e8043.entry.js} +2 -2
  118. package/dist/ketchup/{p-e0fffd5d.entry.js → p-9bae40e3.entry.js} +2 -2
  119. package/dist/ketchup/{p-8bfe8781.entry.js → p-a3ae1c57.entry.js} +2 -2
  120. package/dist/ketchup/{p-9fc0c161.entry.js → p-b2e6fcf9.entry.js} +2 -2
  121. package/dist/ketchup/{p-8c8dda16.entry.js → p-b3bee19d.entry.js} +2 -2
  122. package/dist/ketchup/{p-743d9b2c.entry.js → p-b413dbae.entry.js} +2 -2
  123. package/dist/ketchup/{p-36a98a27.entry.js → p-b44cdd98.entry.js} +2 -2
  124. package/dist/ketchup/{p-80cf6fc6.entry.js → p-b6589b6a.entry.js} +2 -2
  125. package/dist/ketchup/{p-13afe462.entry.js → p-badd6e2e.entry.js} +2 -2
  126. package/dist/ketchup/{p-507e6f98.entry.js → p-c0ded373.entry.js} +2 -2
  127. package/dist/ketchup/{p-7ca44626.entry.js → p-c739bb15.entry.js} +2 -2
  128. package/dist/ketchup/{p-4166302d.entry.js → p-cfb1d74e.entry.js} +2 -2
  129. package/dist/ketchup/{p-66d129ca.entry.js → p-cfee9a84.entry.js} +2 -2
  130. package/dist/ketchup/{p-69b1117e.js → p-d5ec4d2e.js} +2 -2
  131. package/dist/ketchup/{p-c4ff4d97.js → p-df8c4398.js} +2 -2
  132. package/dist/ketchup/{p-3ed44151.entry.js → p-e2506dce.entry.js} +2 -2
  133. package/dist/ketchup/{p-edf45917.entry.js → p-ff4f5497.entry.js} +2 -2
  134. package/package.json +1 -1
  135. package/dist/cjs/f-text-field-3bdc88d7.js.map +0 -1
  136. package/dist/esm/f-text-field-3e8f19e4.js.map +0 -1
  137. package/dist/ketchup/p-a61546b9.js +0 -2
  138. package/dist/ketchup/p-ad948253.entry.js +0 -2
  139. package/dist/ketchup/p-f1ccd876.js.map +0 -1
  140. /package/dist/ketchup/{p-6e8c175f.entry.js.map → p-02503afe.entry.js.map} +0 -0
  141. /package/dist/ketchup/{p-c1eab0b5.entry.js.map → p-043324c6.entry.js.map} +0 -0
  142. /package/dist/ketchup/{p-41373d28.js.map → p-0facfbaf.js.map} +0 -0
  143. /package/dist/ketchup/{p-ce5f056b.entry.js.map → p-2deef1fb.entry.js.map} +0 -0
  144. /package/dist/ketchup/{p-a2b1c88f.entry.js.map → p-40349e58.entry.js.map} +0 -0
  145. /package/dist/ketchup/{p-c3fd52bb.entry.js.map → p-4175b5ce.entry.js.map} +0 -0
  146. /package/dist/ketchup/{p-99aa3fd5.entry.js.map → p-44a9afa7.entry.js.map} +0 -0
  147. /package/dist/ketchup/{p-d2f32f1c.entry.js.map → p-574e970a.entry.js.map} +0 -0
  148. /package/dist/ketchup/{p-7142f2cb.js.map → p-6b225612.js.map} +0 -0
  149. /package/dist/ketchup/{p-5e7bdc8f.entry.js.map → p-70ea1441.entry.js.map} +0 -0
  150. /package/dist/ketchup/{p-8d393000.entry.js.map → p-76573017.entry.js.map} +0 -0
  151. /package/dist/ketchup/{p-d3318d46.entry.js.map → p-7fc2ece1.entry.js.map} +0 -0
  152. /package/dist/ketchup/{p-733fa75d.entry.js.map → p-836b5606.entry.js.map} +0 -0
  153. /package/dist/ketchup/{p-a533d712.entry.js.map → p-854b4c27.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-95e2b3e9.entry.js.map → p-87e71fb1.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-03746a30.entry.js.map → p-8a540599.entry.js.map} +0 -0
  156. /package/dist/ketchup/{p-1cd09e44.entry.js.map → p-8a7e8043.entry.js.map} +0 -0
  157. /package/dist/ketchup/{p-e0fffd5d.entry.js.map → p-9bae40e3.entry.js.map} +0 -0
  158. /package/dist/ketchup/{p-8bfe8781.entry.js.map → p-a3ae1c57.entry.js.map} +0 -0
  159. /package/dist/ketchup/{p-9fc0c161.entry.js.map → p-b2e6fcf9.entry.js.map} +0 -0
  160. /package/dist/ketchup/{p-8c8dda16.entry.js.map → p-b3bee19d.entry.js.map} +0 -0
  161. /package/dist/ketchup/{p-743d9b2c.entry.js.map → p-b413dbae.entry.js.map} +0 -0
  162. /package/dist/ketchup/{p-36a98a27.entry.js.map → p-b44cdd98.entry.js.map} +0 -0
  163. /package/dist/ketchup/{p-80cf6fc6.entry.js.map → p-b6589b6a.entry.js.map} +0 -0
  164. /package/dist/ketchup/{p-13afe462.entry.js.map → p-badd6e2e.entry.js.map} +0 -0
  165. /package/dist/ketchup/{p-507e6f98.entry.js.map → p-c0ded373.entry.js.map} +0 -0
  166. /package/dist/ketchup/{p-7ca44626.entry.js.map → p-c739bb15.entry.js.map} +0 -0
  167. /package/dist/ketchup/{p-4166302d.entry.js.map → p-cfb1d74e.entry.js.map} +0 -0
  168. /package/dist/ketchup/{p-66d129ca.entry.js.map → p-cfee9a84.entry.js.map} +0 -0
  169. /package/dist/ketchup/{p-69b1117e.js.map → p-d5ec4d2e.js.map} +0 -0
  170. /package/dist/ketchup/{p-c4ff4d97.js.map → p-df8c4398.js.map} +0 -0
  171. /package/dist/ketchup/{p-3ed44151.entry.js.map → p-e2506dce.entry.js.map} +0 -0
  172. /package/dist/ketchup/{p-edf45917.entry.js.map → p-ff4f5497.entry.js.map} +0 -0
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  require('./kup-dates-3fc9697c.js');
9
9
 
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
- const fTextField = require('./f-text-field-3bdc88d7.js');
8
+ const fTextField = require('./f-text-field-be868b63.js');
9
9
  const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
10
10
  require('./kup-dates-3fc9697c.js');
11
11
  require('./f-image-8dbf27a2.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  const kupDates = require('./kup-dates-3fc9697c.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  require('./kup-dates-3fc9697c.js');
9
9
 
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager$1 = require('./kup-manager-c352f5e2.js');
6
+ const kupManager$1 = require('./kup-manager-a588c6da.js');
7
7
  const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
8
8
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
9
- const fTextField = require('./f-text-field-3bdc88d7.js');
9
+ const fTextField = require('./f-text-field-be868b63.js');
10
10
  const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
11
11
  require('./kup-dates-3fc9697c.js');
12
12
  require('./f-image-8dbf27a2.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  require('./kup-dates-3fc9697c.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  require('./kup-dates-3fc9697c.js');
8
8
 
9
9
  const kupQlikCss = ".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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  const fButton = require('./f-button-7486e6b3.js');
9
9
  require('./kup-dates-3fc9697c.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
8
8
  require('./kup-dates-3fc9697c.js');
9
9
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const fTypography = require('./f-typography-024bace8.js');
8
8
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
9
9
  require('./kup-dates-3fc9697c.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-4e97f23f.js');
6
- const kupManager = require('./kup-manager-c352f5e2.js');
6
+ const kupManager = require('./kup-manager-a588c6da.js');
7
7
  const fTypography = require('./f-typography-024bace8.js');
8
8
  const GenericVariables = require('./GenericVariables-1d52ba57.js');
9
9
  const fImage = require('./f-image-8dbf27a2.js');
@@ -35,6 +35,9 @@ function setContent(props) {
35
35
  let iconEl;
36
36
  let minusEl;
37
37
  let plusEl;
38
+ if (props.maxLength >= 256) {
39
+ props.textArea = true;
40
+ }
38
41
  if (props.label && !props.leadingLabel && !props.trailingLabel) {
39
42
  labelEl = (h("div", { class: "mdc-text-field__label-container" }, h("label", { class: "mdc-label", htmlFor: "kup-input" }, props.label), props.maxLength && props.showCounter ? (h("div", { class: "mdc-text-field__label-character-counter" }, props.value.length, " / ", props.maxLength)) : undefined));
40
43
  }
@@ -1 +1 @@
1
- {"version":3,"file":"f-text-field.js","sourceRoot":"","sources":["../../../src/f-components/f-text-field/f-text-field.tsx"],"names":[],"mappings":"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","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 && props.showCounter ? (\n <div class=\"mdc-text-field__label-character-counter\">\n {props.value.length} / {props.maxLength}\n </div>\n ) : undefined}\n </div>\n );\n }\n\n if (props.icon) {\n let iconStyle: {\n [key: string]: string;\n };\n let iconClass: string = '';\n if (\n Object.values(KupThemeIconValues).indexOf(\n props.icon as KupThemeIconValues\n ) > -1\n ) {\n iconClass = props.icon.replace('--', '');\n } else {\n let svg: string = `url('${getAssetPath(\n `./assets/svg/${props.icon}.svg`\n )}') no-repeat center`;\n iconStyle = {\n mask: svg,\n webkitMask: svg,\n };\n }\n iconEl = (\n <span\n style={iconStyle}\n onClick={props.onIconClick}\n class={`mdc-text-field__icon kup-icon action ${iconClass}`}\n ></span>\n );\n }\n\n if (props.quantityButtons) {\n const minusSvg: string = `url('${getAssetPath(\n `./assets/svg/minus.svg`\n )}') no-repeat center`;\n const plusSvg: string = `url('${getAssetPath(\n `./assets/svg/plus.svg`\n )}') no-repeat center`;\n\n const minusStyle = {\n mask: minusSvg,\n webkitMask: minusSvg,\n };\n const plusStyle = {\n mask: plusSvg,\n webkitMask: plusSvg,\n };\n\n minusEl = (\n <span\n style={minusStyle}\n class={`mdc-text-field__icon kup-icon action`}\n ></span>\n );\n plusEl = (\n <span\n style={plusStyle}\n class={`mdc-text-field__icon kup-icon action`}\n ></span>\n );\n }\n\n const propsFImage: FImageProps = {\n color: props.error\n ? `var(--kup-danger-color-60)`\n : `var(--kup-warning-color-50)`,\n resource: props.error ? 'error' : 'warning',\n sizeX: '1.25em',\n sizeY: '1.25em',\n wrapperClass: 'kup-icon',\n };\n\n const classContainerObj: Record<string, boolean> = {\n 'mdc-text-field-container': true,\n 'mdc-text-field-container--disabled': props.disabled,\n };\n\n const classObj: Record<string, boolean> = {\n 'is-clearable': props.isClearable,\n 'mdc-text-field': true,\n 'mdc-text-field--disabled': props.disabled,\n 'mdc-text-field--read-only': props.readOnly,\n 'mdc-text-field--filled': !props.fullWidth && !isOutlined,\n 'mdc-text-field--no-label': !props.label,\n 'mdc-text-field--fullwidth': props.fullWidth,\n 'mdc-text-field--lightmode': props.lightMode,\n 'mdc-text-field--outlined': isOutlined,\n 'mdc-text-field--textarea': props.textArea,\n 'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,\n 'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,\n 'mdc-text-field--with-quantity-buttons': props.quantityButtons,\n 'mdc-text-field--error': Boolean(props.error),\n 'mdc-text-field--alert': Boolean(props.alert),\n ...(!props.textArea && {\n [`mdc-text-field--${props.sizing || 'small'}`]: true,\n }),\n };\n\n let value = props.value;\n let inputType = props.quantityButtons\n ? 'number'\n : props.inputType ?? 'text';\n let persManageForNumberFormat = false;\n if (\n props.inputType === 'number' &&\n ((props.decimals && props.decimals > 0) || props.group)\n ) {\n inputType = 'text';\n persManageForNumberFormat = true;\n }\n if (props.inputType === 'number') {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n value = formatValue(value, options, false);\n }\n\n return (\n <div class={classContainerObj}>\n {!props.fullWidth ? labelEl : undefined}\n <div class={classObj}>\n {!props.trailingIcon ? iconEl : undefined}\n {props.textArea ? (\n <span class=\"mdc-text-field__resizer\">\n <textarea\n class=\"mdc-text-field__input\"\n disabled={props.disabled}\n maxlength={props.maxLength}\n value={value}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onChange={props.onChange}\n onFocus={props.onFocus}\n onInput={props.onInput}\n onKeyDown={props.onKeyDown}\n ></textarea>\n </span>\n ) : (\n <input\n inputmode={\n props.inputMode ? props.inputMode : undefined\n }\n type={inputType}\n step={props.step}\n min={props.min}\n max={props.max}\n name={props.name}\n class=\"mdc-text-field__input\"\n disabled={props.disabled}\n placeholder={props.placeholder}\n maxlength={props.maxLength}\n size={props.size}\n value={value}\n onBlur={(e: FocusEvent) => {\n if (persManageForNumberFormat) {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n (e.target as HTMLInputElement).value =\n formatValue(\n (e.target as HTMLInputElement).value,\n options,\n true\n );\n }\n if (props.onBlur) {\n props.onBlur(e);\n }\n }}\n onChange={(e: InputEvent) => {\n if (persManageForNumberFormat) {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n if (\n props.min !== undefined &&\n props.min !== null &&\n props.min >\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n formatValue(\n props.min.toString(),\n options,\n true\n );\n } else if (\n props.max !== undefined &&\n props.max !== null &&\n props.max <\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n formatValue(\n props.max.toString(),\n options,\n true\n );\n } else {\n (e.target as HTMLInputElement).value =\n formatValue(\n (e.target as HTMLInputElement)\n .value,\n options,\n true\n );\n }\n } else {\n if (\n props.min !== undefined &&\n props.min !== null &&\n props.min >\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n props.min.toString();\n } else if (\n props.max !== undefined &&\n props.max !== null &&\n props.max <\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n props.max.toString();\n }\n }\n if (props.onChange) {\n props.onChange(e);\n }\n }}\n onClick={props.onClick}\n onFocus={props.onFocus}\n onInput={props.onInput}\n onKeyDown={props.onKeyDown}\n onKeyPress={(e: KeyboardEvent) => {\n if (!persManageForNumberFormat) {\n return;\n }\n if (e.ctrlKey) {\n return;\n }\n\n if (e.key.length > 1) {\n return;\n }\n\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n let component = e.target as HTMLInputElement;\n let value = component.value;\n\n let beginVal = value.substring(\n 0,\n component.selectionStart\n );\n let endVal = value.substring(\n component.selectionEnd,\n component.selectionEnd + value.length - 1\n );\n let val = beginVal + e.key + endVal;\n if (\n !dom.ketchup.math.matchNumericValueWithOptions(\n val,\n options\n )\n ) {\n e.preventDefault();\n return;\n }\n }}\n ></input>\n )}\n\n {props.trailingIcon ? iconEl : undefined}\n\n {/* {isOutlined ? (\n <div class=\"mdc-notched-outline\">\n <div class=\"mdc-notched-outline__leading\"></div>\n <div class=\"mdc-notched-outline__trailing\"></div>\n </div>\n ) : (\n <span class=\"mdc-line-ripple\"></span>\n )} */}\n\n {props.helperIcon && props.error ? (\n <div class=\"mdc-error-icon\">\n <FImage {...propsFImage} />\n </div>\n ) : props.helperIcon && props.alert ? (\n <div class=\"mdc-alert-icon\">\n <FImage {...propsFImage} />\n </div>\n ) : undefined}\n\n {props.quantityButtons && (\n <div class=\"mdc-quantity-buttons\">\n <button onClick={props.onMinusClick}>{minusEl}</button>\n <button onClick={props.onPlusClick}>{plusEl}</button>\n </div>\n )}\n {props.isClearable ? (\n <span\n class={`mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace(\n '--',\n ''\n )}`}\n onClick={props.onClearIconClick}\n ></span>\n ) : undefined}\n </div>\n </div>\n );\n}\n\nfunction setHelper(props: FTextFieldProps): HTMLDivElement {\n if (props.error || props.alert) {\n return (\n <div class=\"mdc-text-field-helper-line\">\n {props.error ? (\n <span class=\"mdc-error-message\">{props.error}</span>\n ) : props.alert ? (\n <span class=\"mdc-alert-message\">{props.alert}</span>\n ) : undefined}\n </div>\n );\n } else if (props.helperEnabled !== false) {\n if (props.helper) {\n const classObj: Record<string, boolean> = {\n 'mdc-text-field-helper-text': true,\n 'mdc-text-field-helper-text--persistent':\n !props.helperWhenFocused,\n };\n return (\n <div class=\"mdc-text-field-helper-line\">\n <div class={classObj}>{props.helper}</div>\n </div>\n );\n }\n }\n}\n\nconst formatValue = function (\n value: string,\n options: NumericFieldFormatOptions,\n inputIsLocalized: boolean\n): string {\n let formatedValue = value;\n\n if (!formatedValue) {\n return formatedValue;\n }\n\n if (formatedValue == '-') {\n return '';\n }\n\n return dom.ketchup.math.format(\n formatedValue,\n dom.ketchup.math.createFormatPattern(options.group, options.decimal),\n inputIsLocalized\n );\n};\n"]}
1
+ {"version":3,"file":"f-text-field.js","sourceRoot":"","sources":["../../../src/f-components/f-text-field/f-text-field.tsx"],"names":[],"mappings":"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","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.maxLength >= 256) {\n props.textArea = true;\n }\n\n if (props.label && !props.leadingLabel && !props.trailingLabel) {\n labelEl = (\n <div class=\"mdc-text-field__label-container\">\n <label class=\"mdc-label\" htmlFor=\"kup-input\">\n {props.label}\n </label>\n {props.maxLength && props.showCounter ? (\n <div class=\"mdc-text-field__label-character-counter\">\n {props.value.length} / {props.maxLength}\n </div>\n ) : undefined}\n </div>\n );\n }\n\n if (props.icon) {\n let iconStyle: {\n [key: string]: string;\n };\n let iconClass: string = '';\n if (\n Object.values(KupThemeIconValues).indexOf(\n props.icon as KupThemeIconValues\n ) > -1\n ) {\n iconClass = props.icon.replace('--', '');\n } else {\n let svg: string = `url('${getAssetPath(\n `./assets/svg/${props.icon}.svg`\n )}') no-repeat center`;\n iconStyle = {\n mask: svg,\n webkitMask: svg,\n };\n }\n iconEl = (\n <span\n style={iconStyle}\n onClick={props.onIconClick}\n class={`mdc-text-field__icon kup-icon action ${iconClass}`}\n ></span>\n );\n }\n\n if (props.quantityButtons) {\n const minusSvg: string = `url('${getAssetPath(\n `./assets/svg/minus.svg`\n )}') no-repeat center`;\n const plusSvg: string = `url('${getAssetPath(\n `./assets/svg/plus.svg`\n )}') no-repeat center`;\n\n const minusStyle = {\n mask: minusSvg,\n webkitMask: minusSvg,\n };\n const plusStyle = {\n mask: plusSvg,\n webkitMask: plusSvg,\n };\n\n minusEl = (\n <span\n style={minusStyle}\n class={`mdc-text-field__icon kup-icon action`}\n ></span>\n );\n plusEl = (\n <span\n style={plusStyle}\n class={`mdc-text-field__icon kup-icon action`}\n ></span>\n );\n }\n\n const propsFImage: FImageProps = {\n color: props.error\n ? `var(--kup-danger-color-60)`\n : `var(--kup-warning-color-50)`,\n resource: props.error ? 'error' : 'warning',\n sizeX: '1.25em',\n sizeY: '1.25em',\n wrapperClass: 'kup-icon',\n };\n\n const classContainerObj: Record<string, boolean> = {\n 'mdc-text-field-container': true,\n 'mdc-text-field-container--disabled': props.disabled,\n };\n\n const classObj: Record<string, boolean> = {\n 'is-clearable': props.isClearable,\n 'mdc-text-field': true,\n 'mdc-text-field--disabled': props.disabled,\n 'mdc-text-field--read-only': props.readOnly,\n 'mdc-text-field--filled': !props.fullWidth && !isOutlined,\n 'mdc-text-field--no-label': !props.label,\n 'mdc-text-field--fullwidth': props.fullWidth,\n 'mdc-text-field--lightmode': props.lightMode,\n 'mdc-text-field--outlined': isOutlined,\n 'mdc-text-field--textarea': props.textArea,\n 'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,\n 'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,\n 'mdc-text-field--with-quantity-buttons': props.quantityButtons,\n 'mdc-text-field--error': Boolean(props.error),\n 'mdc-text-field--alert': Boolean(props.alert),\n ...(!props.textArea && {\n [`mdc-text-field--${props.sizing || 'small'}`]: true,\n }),\n };\n\n let value = props.value;\n let inputType = props.quantityButtons\n ? 'number'\n : props.inputType ?? 'text';\n let persManageForNumberFormat = false;\n if (\n props.inputType === 'number' &&\n ((props.decimals && props.decimals > 0) || props.group)\n ) {\n inputType = 'text';\n persManageForNumberFormat = true;\n }\n if (props.inputType === 'number') {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n value = formatValue(value, options, false);\n }\n\n return (\n <div class={classContainerObj}>\n {!props.fullWidth ? labelEl : undefined}\n <div class={classObj}>\n {!props.trailingIcon ? iconEl : undefined}\n {props.textArea ? (\n <span class=\"mdc-text-field__resizer\">\n <textarea\n class=\"mdc-text-field__input\"\n disabled={props.disabled}\n maxlength={props.maxLength}\n value={value}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onChange={props.onChange}\n onFocus={props.onFocus}\n onInput={props.onInput}\n onKeyDown={props.onKeyDown}\n ></textarea>\n </span>\n ) : (\n <input\n inputmode={\n props.inputMode ? props.inputMode : undefined\n }\n type={inputType}\n step={props.step}\n min={props.min}\n max={props.max}\n name={props.name}\n class=\"mdc-text-field__input\"\n disabled={props.disabled}\n placeholder={props.placeholder}\n maxlength={props.maxLength}\n size={props.size}\n value={value}\n onBlur={(e: FocusEvent) => {\n if (persManageForNumberFormat) {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n (e.target as HTMLInputElement).value =\n formatValue(\n (e.target as HTMLInputElement).value,\n options,\n true\n );\n }\n if (props.onBlur) {\n props.onBlur(e);\n }\n }}\n onChange={(e: InputEvent) => {\n if (persManageForNumberFormat) {\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n if (\n props.min !== undefined &&\n props.min !== null &&\n props.min >\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n formatValue(\n props.min.toString(),\n options,\n true\n );\n } else if (\n props.max !== undefined &&\n props.max !== null &&\n props.max <\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n formatValue(\n props.max.toString(),\n options,\n true\n );\n } else {\n (e.target as HTMLInputElement).value =\n formatValue(\n (e.target as HTMLInputElement)\n .value,\n options,\n true\n );\n }\n } else {\n if (\n props.min !== undefined &&\n props.min !== null &&\n props.min >\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n props.min.toString();\n } else if (\n props.max !== undefined &&\n props.max !== null &&\n props.max <\n parseFloat(\n (e.target as HTMLInputElement).value\n )\n ) {\n (e.target as HTMLInputElement).value =\n props.max.toString();\n }\n }\n if (props.onChange) {\n props.onChange(e);\n }\n }}\n onClick={props.onClick}\n onFocus={props.onFocus}\n onInput={props.onInput}\n onKeyDown={props.onKeyDown}\n onKeyPress={(e: KeyboardEvent) => {\n if (!persManageForNumberFormat) {\n return;\n }\n if (e.ctrlKey) {\n return;\n }\n\n if (e.key.length > 1) {\n return;\n }\n\n const options: NumericFieldFormatOptions = {\n allowNegative: props.allowNegative ?? true,\n decimal: props.decimals,\n group: props.group,\n integer: props.integers,\n };\n let component = e.target as HTMLInputElement;\n let value = component.value;\n\n let beginVal = value.substring(\n 0,\n component.selectionStart\n );\n let endVal = value.substring(\n component.selectionEnd,\n component.selectionEnd + value.length - 1\n );\n let val = beginVal + e.key + endVal;\n if (\n !dom.ketchup.math.matchNumericValueWithOptions(\n val,\n options\n )\n ) {\n e.preventDefault();\n return;\n }\n }}\n ></input>\n )}\n\n {props.trailingIcon ? iconEl : undefined}\n\n {/* {isOutlined ? (\n <div class=\"mdc-notched-outline\">\n <div class=\"mdc-notched-outline__leading\"></div>\n <div class=\"mdc-notched-outline__trailing\"></div>\n </div>\n ) : (\n <span class=\"mdc-line-ripple\"></span>\n )} */}\n\n {props.helperIcon && props.error ? (\n <div class=\"mdc-error-icon\">\n <FImage {...propsFImage} />\n </div>\n ) : props.helperIcon && props.alert ? (\n <div class=\"mdc-alert-icon\">\n <FImage {...propsFImage} />\n </div>\n ) : undefined}\n\n {props.quantityButtons && (\n <div class=\"mdc-quantity-buttons\">\n <button onClick={props.onMinusClick}>{minusEl}</button>\n <button onClick={props.onPlusClick}>{plusEl}</button>\n </div>\n )}\n {props.isClearable ? (\n <span\n class={`mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace(\n '--',\n ''\n )}`}\n onClick={props.onClearIconClick}\n ></span>\n ) : undefined}\n </div>\n </div>\n );\n}\n\nfunction setHelper(props: FTextFieldProps): HTMLDivElement {\n if (props.error || props.alert) {\n return (\n <div class=\"mdc-text-field-helper-line\">\n {props.error ? (\n <span class=\"mdc-error-message\">{props.error}</span>\n ) : props.alert ? (\n <span class=\"mdc-alert-message\">{props.alert}</span>\n ) : undefined}\n </div>\n );\n } else if (props.helperEnabled !== false) {\n if (props.helper) {\n const classObj: Record<string, boolean> = {\n 'mdc-text-field-helper-text': true,\n 'mdc-text-field-helper-text--persistent':\n !props.helperWhenFocused,\n };\n return (\n <div class=\"mdc-text-field-helper-line\">\n <div class={classObj}>{props.helper}</div>\n </div>\n );\n }\n }\n}\n\nconst formatValue = function (\n value: string,\n options: NumericFieldFormatOptions,\n inputIsLocalized: boolean\n): string {\n let formatedValue = value;\n\n if (!formatedValue) {\n return formatedValue;\n }\n\n if (formatedValue == '-') {\n return '';\n }\n\n return dom.ketchup.math.format(\n formatedValue,\n dom.ketchup.math.createFormatPattern(options.group, options.decimal),\n inputIsLocalized\n );\n};\n"]}
@@ -1287,6 +1287,9 @@ function setContent(props) {
1287
1287
  let iconEl;
1288
1288
  let minusEl;
1289
1289
  let plusEl;
1290
+ if (props.maxLength >= 256) {
1291
+ props.textArea = true;
1292
+ }
1290
1293
  if (props.label && !props.leadingLabel && !props.trailingLabel) {
1291
1294
  labelEl = (h("div", { class: "mdc-text-field__label-container" },
1292
1295
  h("label", { class: "mdc-label", htmlFor: "kup-input" }, props.label),