@sme.up/ketchup 8.0.0 → 8.0.1

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 (152) hide show
  1. package/dist/cjs/{f-button-49b2c37c.js → f-button-c0ede055.js} +2 -2
  2. package/dist/cjs/{f-cell-9a6bc55c.js → f-cell-1c17dbac.js} +17 -10
  3. package/dist/cjs/{f-checkbox-593f72c3.js → f-checkbox-1148e791.js} +1 -1
  4. package/dist/cjs/{f-chip-dee84122.js → f-chip-bace36bb.js} +3 -3
  5. package/dist/cjs/{f-image-27f965ff.js → f-image-22174590.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-4a30189d.js → f-paginator-utils-e21e1f06.js} +3 -3
  7. package/dist/cjs/{f-text-field-04a663b4.js → f-text-field-503f2bb0.js} +83 -9
  8. package/dist/cjs/{index-74433248.js → index-1f177abc.js} +0 -3
  9. package/dist/cjs/ketchup.cjs.js +2 -2
  10. package/dist/cjs/kup-accordion.cjs.entry.js +3 -3
  11. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +778 -740
  12. package/dist/cjs/kup-box.cjs.entry.js +10 -10
  13. package/dist/cjs/kup-calendar.cjs.entry.js +5 -5
  14. package/dist/cjs/kup-cell.cjs.entry.js +7 -7
  15. package/dist/cjs/kup-dash-list.cjs.entry.js +3 -4
  16. package/dist/cjs/kup-dash_2.cjs.entry.js +2 -2
  17. package/dist/cjs/kup-dashboard.cjs.entry.js +6 -6
  18. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  19. package/dist/cjs/kup-echart.cjs.entry.js +2 -2
  20. package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
  21. package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
  22. package/dist/cjs/kup-image-list.cjs.entry.js +8 -8
  23. package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
  24. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  25. package/dist/cjs/{kup-manager-2ff5d258.js → kup-manager-b994cf71.js} +88 -16
  26. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  27. package/dist/cjs/kup-numeric-picker.cjs.entry.js +3 -3
  28. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  29. package/dist/cjs/kup-planner.cjs.entry.js +3 -3
  30. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
  32. package/dist/cjs/kup-snackbar.cjs.entry.js +12 -4
  33. package/dist/cjs/loader.cjs.js +2 -2
  34. package/dist/collection/assets/data-table.js +44 -0
  35. package/dist/collection/components/kup-dash-list/kup-dash-list.js +1 -3
  36. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  37. package/dist/collection/components/kup-snackbar/kup-snackbar.js +27 -0
  38. package/dist/collection/components/kup-text-field/kup-text-field-declarations.js +3 -0
  39. package/dist/collection/components/kup-text-field/kup-text-field.js +109 -10
  40. package/dist/collection/f-components/f-cell/f-cell.js +12 -5
  41. package/dist/collection/f-components/f-text-field/f-text-field.js +80 -6
  42. package/dist/collection/managers/kup-math/kup-math.js +85 -4
  43. package/dist/collection/utils/utils.js +1 -10
  44. package/dist/components/kup-autocomplete2.js +543 -349
  45. package/dist/components/kup-dash-list.js +2 -3
  46. package/dist/components/kup-dashboard.js +1 -1
  47. package/dist/components/kup-data-table.js +1 -1
  48. package/dist/components/kup-date-picker.js +1 -1
  49. package/dist/components/kup-dialog.js +1 -1
  50. package/dist/components/kup-dropdown-button.js +1 -1
  51. package/dist/components/kup-echart2.js +1 -1
  52. package/dist/components/kup-family-tree.js +1 -1
  53. package/dist/components/kup-form.js +1 -1
  54. package/dist/components/kup-gauge.js +1 -1
  55. package/dist/components/kup-image-list.js +1 -1
  56. package/dist/components/kup-image.js +1 -1
  57. package/dist/components/kup-list.js +1 -1
  58. package/dist/components/kup-magic-box.js +1 -1
  59. package/dist/components/kup-numeric-picker.js +1 -1
  60. package/dist/components/kup-planner.js +1 -1
  61. package/dist/components/kup-progress-bar.js +1 -1
  62. package/dist/components/kup-radio.js +1 -1
  63. package/dist/components/kup-rating.js +1 -1
  64. package/dist/components/kup-snackbar.js +8 -0
  65. package/dist/components/kup-spinner.js +1 -1
  66. package/dist/components/kup-switch.js +1 -1
  67. package/dist/components/kup-tab-bar.js +1 -1
  68. package/dist/components/kup-text-field.js +1 -1
  69. package/dist/components/kup-time-picker.js +1 -1
  70. package/dist/components/kup-tree.js +1 -1
  71. package/dist/esm/{f-button-744cf1f6.js → f-button-c377973d.js} +2 -2
  72. package/dist/esm/{f-cell-b319c869.js → f-cell-e5a98bc8.js} +17 -10
  73. package/dist/esm/{f-checkbox-ec85b437.js → f-checkbox-9b3f5f5b.js} +1 -1
  74. package/dist/esm/{f-chip-7e3e4180.js → f-chip-c8a18c48.js} +3 -3
  75. package/dist/esm/{f-image-098c26ce.js → f-image-5cbdf39d.js} +2 -2
  76. package/dist/esm/{f-paginator-utils-674cb2ae.js → f-paginator-utils-a1dab059.js} +3 -3
  77. package/dist/esm/{f-text-field-c38ef113.js → f-text-field-dafb7c8b.js} +83 -9
  78. package/dist/esm/{index-b326ffc9.js → index-8bd38435.js} +1 -3
  79. package/dist/esm/ketchup.js +3 -3
  80. package/dist/esm/kup-accordion.entry.js +3 -3
  81. package/dist/esm/kup-autocomplete_27.entry.js +778 -740
  82. package/dist/esm/kup-box.entry.js +10 -10
  83. package/dist/esm/kup-calendar.entry.js +5 -5
  84. package/dist/esm/kup-cell.entry.js +7 -7
  85. package/dist/esm/kup-dash-list.entry.js +3 -4
  86. package/dist/esm/kup-dash_2.entry.js +2 -2
  87. package/dist/esm/kup-dashboard.entry.js +6 -6
  88. package/dist/esm/kup-drawer.entry.js +2 -2
  89. package/dist/esm/kup-echart.entry.js +2 -2
  90. package/dist/esm/kup-family-tree.entry.js +4 -4
  91. package/dist/esm/kup-iframe.entry.js +2 -2
  92. package/dist/esm/kup-image-list.entry.js +8 -8
  93. package/dist/esm/kup-lazy.entry.js +2 -2
  94. package/dist/esm/kup-magic-box.entry.js +3 -3
  95. package/dist/esm/{kup-manager-b41eb2a8.js → kup-manager-3594cde8.js} +88 -16
  96. package/dist/esm/kup-nav-bar.entry.js +2 -2
  97. package/dist/esm/kup-numeric-picker.entry.js +3 -3
  98. package/dist/esm/kup-photo-frame.entry.js +2 -2
  99. package/dist/esm/kup-planner.entry.js +3 -3
  100. package/dist/esm/kup-probe.entry.js +2 -2
  101. package/dist/esm/kup-qlik.entry.js +2 -2
  102. package/dist/esm/kup-snackbar.entry.js +12 -4
  103. package/dist/esm/loader.js +3 -3
  104. package/dist/ketchup/ketchup.esm.js +1 -1
  105. package/dist/ketchup/{p-3efe7f43.entry.js → p-017418e7.entry.js} +1 -1
  106. package/dist/ketchup/{p-395e1960.entry.js → p-22e72f06.entry.js} +1 -1
  107. package/dist/ketchup/{p-77e3d537.js → p-2d32e3cd.js} +1 -1
  108. package/dist/ketchup/{p-5ce2b4fc.entry.js → p-31abf4b6.entry.js} +1 -1
  109. package/dist/ketchup/{p-b244f5ca.entry.js → p-37ada0f0.entry.js} +1 -1
  110. package/dist/ketchup/{p-a877a87b.entry.js → p-38f16697.entry.js} +2 -2
  111. package/dist/ketchup/{p-9700eb32.js → p-4638fbff.js} +1 -1
  112. package/dist/ketchup/{p-af82131e.entry.js → p-473d2bea.entry.js} +1 -1
  113. package/dist/ketchup/{p-da891093.entry.js → p-4c56e199.entry.js} +1 -1
  114. package/dist/ketchup/{p-a9b7533b.entry.js → p-5205286a.entry.js} +1 -1
  115. package/dist/ketchup/p-61319cfa.js +1 -0
  116. package/dist/ketchup/{p-ef614656.js → p-6762d447.js} +1 -1
  117. package/dist/ketchup/p-6c726886.entry.js +1 -0
  118. package/dist/ketchup/{p-0b91f5f8.entry.js → p-7be5ef32.entry.js} +1 -1
  119. package/dist/ketchup/{p-3b41aca7.entry.js → p-7f4f5f0f.entry.js} +1 -1
  120. package/dist/ketchup/{p-b032f47d.entry.js → p-80815edf.entry.js} +1 -1
  121. package/dist/ketchup/p-8b248655.js +1 -0
  122. package/dist/ketchup/{p-d4ece435.js → p-9dcfbb1e.js} +2 -2
  123. package/dist/ketchup/{p-c26975bf.js → p-9f9b6656.js} +1 -1
  124. package/dist/ketchup/{p-4325d965.entry.js → p-9fc6a9a8.entry.js} +1 -1
  125. package/dist/ketchup/{p-940a5feb.js → p-acaa171f.js} +3 -3
  126. package/dist/ketchup/{p-4ae2ca6f.entry.js → p-afff7a6e.entry.js} +1 -1
  127. package/dist/ketchup/{p-bd42562d.entry.js → p-b718af72.entry.js} +1 -1
  128. package/dist/ketchup/p-bf4a881b.js +1 -0
  129. package/dist/ketchup/{p-d739710a.entry.js → p-ce5b6ce7.entry.js} +1 -1
  130. package/dist/ketchup/p-cf322853.entry.js +1 -0
  131. package/dist/ketchup/{p-bb17c1ba.entry.js → p-d1164680.entry.js} +1 -1
  132. package/dist/ketchup/p-d4eb9a76.entry.js +1 -0
  133. package/dist/ketchup/p-d76be079.entry.js +1 -0
  134. package/dist/ketchup/{p-e02b5141.entry.js → p-ed7e118e.entry.js} +1 -1
  135. package/dist/ketchup/{p-a7e19620.entry.js → p-ef0b4f19.entry.js} +1 -1
  136. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  137. package/dist/types/components/kup-snackbar/kup-snackbar.d.ts +5 -0
  138. package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts +3 -0
  139. package/dist/types/components/kup-text-field/kup-text-field.d.ts +20 -2
  140. package/dist/types/components.d.ts +34 -0
  141. package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +3 -0
  142. package/dist/types/managers/kup-math/kup-math-declarations.d.ts +6 -0
  143. package/dist/types/managers/kup-math/kup-math.d.ts +26 -2
  144. package/dist/types/utils/utils.d.ts +0 -1
  145. package/package.json +1 -1
  146. package/dist/ketchup/p-0b0b61cb.entry.js +0 -1
  147. package/dist/ketchup/p-5d398e42.js +0 -1
  148. package/dist/ketchup/p-c8b7790a.entry.js +0 -1
  149. package/dist/ketchup/p-c968e93d.entry.js +0 -1
  150. package/dist/ketchup/p-d98fdb9b.js +0 -1
  151. package/dist/ketchup/p-df316daf.entry.js +0 -1
  152. package/dist/ketchup/p-e714f4dc.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, ak as getCellValueForDisplay, al as getDecimalSeparator, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$e, q as defineCustomElement$f, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$l, x as defineCustomElement$m, y as defineCustomElement$n, z as defineCustomElement$o, A as defineCustomElement$p, B as defineCustomElement$q, C as defineCustomElement$r, D as defineCustomElement$s, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, ak as getCellValueForDisplay, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$e, q as defineCustomElement$f, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$l, x as defineCustomElement$m, y as defineCustomElement$n, z as defineCustomElement$o, A as defineCustomElement$p, B as defineCustomElement$q, C as defineCustomElement$r, D as defineCustomElement$s, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
3
3
  import { d as defineCustomElement$k } from './kup-dash2.js';
4
4
  import { d as defineCustomElement$d } from './kup-grid2.js';
5
5
 
@@ -91,8 +91,7 @@ const KupDashList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
91
91
  if (this.data.columns[6] &&
92
92
  r.cells[this.data.columns[6].name].obj.k) {
93
93
  newValue =
94
- newValue +
95
- getDecimalSeparator(this.kupManager.dates.getLocale());
94
+ newValue + this.kupManager.math.decimalSeparator();
96
95
  }
97
96
  valueInt = (h("div", { slot: "value-int", style: valueColor }, newValue));
98
97
  }
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, am as KupLanguageDashboard, ab as FButton, Q as KupLanguageGeneric, an as FTextField, ao as FCheckbox, V as KupDragEffect, S as KupDebugCategory, Y as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, al as KupLanguageDashboard, ab as FButton, Q as KupLanguageGeneric, am as FTextField, an as FCheckbox, V as KupDragEffect, S as KupDebugCategory, Y as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-dashboard component.
@@ -1,4 +1,4 @@
1
- import { ap as KupDataTable$1, v as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ao as KupDataTable$1, v as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDataTable = KupDataTable$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aq as KupDatePicker$1, u as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ap as KupDatePicker$1, u as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDatePicker = KupDatePicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ar as KupDialog$1, t as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aq as KupDialog$1, t as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDialog = KupDialog$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { as as KupDropdownButton$1, r as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ar as KupDropdownButton$1, r as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupDropdownButton = KupDropdownButton$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, getAssetPath } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, K as KupThemeColorValues, S as KupDebugCategory, c as componentWrapperId, P as getColumnByName, at as KupDataNewColumnTypes, d as defineCustomElement$1, b as defineCustomElement$2, e as defineCustomElement$3, f as defineCustomElement$4, h as defineCustomElement$5, i as defineCustomElement$6, j as defineCustomElement$7, l as defineCustomElement$8, m as defineCustomElement$9, n as defineCustomElement$a, o as defineCustomElement$b, p as defineCustomElement$c, q as defineCustomElement$d, r as defineCustomElement$e, t as defineCustomElement$f, u as defineCustomElement$g, v as defineCustomElement$h, w as defineCustomElement$i, x as defineCustomElement$j, y as defineCustomElement$k, z as defineCustomElement$l, A as defineCustomElement$m, B as defineCustomElement$n, C as defineCustomElement$o, D as defineCustomElement$p, E as defineCustomElement$q, G as defineCustomElement$r } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, K as KupThemeColorValues, S as KupDebugCategory, c as componentWrapperId, P as getColumnByName, as as KupDataNewColumnTypes, d as defineCustomElement$1, b as defineCustomElement$2, e as defineCustomElement$3, f as defineCustomElement$4, h as defineCustomElement$5, i as defineCustomElement$6, j as defineCustomElement$7, l as defineCustomElement$8, m as defineCustomElement$9, n as defineCustomElement$a, o as defineCustomElement$b, p as defineCustomElement$c, q as defineCustomElement$d, r as defineCustomElement$e, t as defineCustomElement$f, u as defineCustomElement$g, v as defineCustomElement$h, w as defineCustomElement$i, x as defineCustomElement$j, y as defineCustomElement$k, z as defineCustomElement$l, A as defineCustomElement$m, B as defineCustomElement$n, C as defineCustomElement$o, D as defineCustomElement$p, E as defineCustomElement$q, G as defineCustomElement$r } from './kup-autocomplete2.js';
3
3
 
4
4
  /*! *****************************************************************************
5
5
  Copyright (c) Microsoft Corporation.
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, Q as KupLanguageGeneric, U as KupPointerEventTypes, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$s, G as defineCustomElement$t, au as FButtonStyling, ab as FButton, F as FImage } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, Q as KupLanguageGeneric, U as KupPointerEventTypes, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$s, G as defineCustomElement$t, at as FButtonStyling, ab as FButton, F as FImage } from './kup-autocomplete2.js';
3
3
  import { d as defineCustomElement$r } from './kup-box2.js';
4
4
 
5
5
  /**
@@ -1,4 +1,4 @@
1
- import { av as KupForm$1, q as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { au as KupForm$1, q as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupForm = KupForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aw as KupGauge$1, p as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { av as KupGauge$1, p as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupGauge = KupGauge$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, au as FButtonStyling, g as getProps, s as setProps, M as MDCRipple, c as componentWrapperId, F as FImage, ab as FButton, Q as KupLanguageGeneric, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s, R as FCell, ae as FCellPadding } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, at as FButtonStyling, g as getProps, s as setProps, M as MDCRipple, c as componentWrapperId, F as FImage, ab as FButton, Q as KupLanguageGeneric, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s, R as FCell, ae as FCellPadding } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-image-list component.
@@ -1,4 +1,4 @@
1
- import { ax as KupImage$1, o as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aw as KupImage$1, o as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupImage = KupImage$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { ay as KupList$1, n as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { ax as KupList$1, n as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupList = KupList$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, g as getProps, s as setProps, Q as KupLanguageGeneric, F as FImage, S as KupDebugCategory, az as kupDropEvent, aA as kupDraggableColumnAttr, aB as kupDraggableRowAttr, X as KupDropEventTypes, c as componentWrapperId, au as FButtonStyling, K as KupThemeColorValues, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$k, x as defineCustomElement$l, y as defineCustomElement$m, z as defineCustomElement$n, A as defineCustomElement$o, B as defineCustomElement$p, C as defineCustomElement$q, D as defineCustomElement$r, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, g as getProps, s as setProps, Q as KupLanguageGeneric, F as FImage, S as KupDebugCategory, ay as kupDropEvent, az as kupDraggableColumnAttr, aA as kupDraggableRowAttr, X as KupDropEventTypes, c as componentWrapperId, at as FButtonStyling, K as KupThemeColorValues, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$k, x as defineCustomElement$l, y as defineCustomElement$m, z as defineCustomElement$n, A as defineCustomElement$o, B as defineCustomElement$p, C as defineCustomElement$q, D as defineCustomElement$r, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
3
3
  import { d as defineCustomElement$s } from './kup-box2.js';
4
4
  import { d as defineCustomElement$f } from './kup-echart2.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
2
- import { k as kupManagerInstance, aC as KupDynamicPositionPlacement, an as FTextField, aD as KupCardFamily, Y as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
2
+ import { k as kupManagerInstance, aB as KupDynamicPositionPlacement, am as FTextField, aC as KupCardFamily, Y as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-numeric-picker component.
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, getAssetPath } from '@stencil/core/internal/client';
2
- import { a8 as createCommonjsModule, aE as commonjsGlobal, k as kupManagerInstance, aF as KupDatesFormats, ak as getCellValueForDisplay, g as getProps, s as setProps, Y as FTextFieldMDC, c as componentWrapperId, an as FTextField, a as KupThemeIconValues, Z as KupLanguageSearch, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
2
+ import { a8 as createCommonjsModule, aD as commonjsGlobal, k as kupManagerInstance, aE as KupDatesFormats, ak as getCellValueForDisplay, g as getProps, s as setProps, Y as FTextFieldMDC, c as componentWrapperId, am as FTextField, a as KupThemeIconValues, Z as KupLanguageSearch, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
3
3
 
4
4
  /**
5
5
  * Props of the kup-gantt component.
@@ -1,4 +1,4 @@
1
- import { aG as KupProgressBar$1, m as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aF as KupProgressBar$1, m as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupProgressBar = KupProgressBar$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aH as KupRadio$1, l as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aG as KupRadio$1, l as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupRadio = KupRadio$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aI as KupRating$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aH as KupRating$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupRating = KupRating$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -23,6 +23,7 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
23
23
  this.__registerHost();
24
24
  this.__attachShadow();
25
25
  this.kupActionClick = createEvent(this, "kup-snackbar-actionclick", 6);
26
+ this.kupTimeoutComplete = createEvent(this, "kup-snackbar-timeoutcomplete", 6);
26
27
  /*-------------------------------------------------*/
27
28
  /* I n t e r n a l V a r i a b l e s */
28
29
  /*-------------------------------------------------*/
@@ -44,6 +45,12 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
44
45
  id: this.rootElement.id,
45
46
  });
46
47
  }
48
+ onKupTimeoutComplete() {
49
+ this.kupTimeoutComplete.emit({
50
+ comp: this,
51
+ id: this.rootElement.id,
52
+ });
53
+ }
47
54
  /*-------------------------------------------------*/
48
55
  /* P u b l i c M e t h o d s */
49
56
  /*-------------------------------------------------*/
@@ -97,6 +104,7 @@ const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
97
104
  if (this.timeout && this.visible) {
98
105
  setTimeout(() => {
99
106
  this.hide();
107
+ this.onKupTimeoutComplete();
100
108
  }, this.timeout);
101
109
  }
102
110
  this.kupManager.debug.logRender(this, true);
@@ -1,4 +1,4 @@
1
- import { aJ as KupSpinner$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aI as KupSpinner$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupSpinner = KupSpinner$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aK as KupSwitch$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aJ as KupSwitch$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupSwitch = KupSwitch$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aL as KupTabBar$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aK as KupTabBar$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupTabBar = KupTabBar$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aM as KupTextField$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aL as KupTextField$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupTextField = KupTextField$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aN as KupTimePicker$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aM as KupTimePicker$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupTimePicker = KupTimePicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { aO as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
1
+ import { aN as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
2
2
 
3
3
  const KupTree = KupTree$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,6 +1,6 @@
1
- import { h } from './index-b326ffc9.js';
1
+ import { h } from './index-8bd38435.js';
2
2
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
3
- import { F as FImage } from './f-image-098c26ce.js';
3
+ import { F as FImage } from './f-image-5cbdf39d.js';
4
4
 
5
5
  /*-------------------------------------------------*/
6
6
  /* C o m p o n e n t */
@@ -1,9 +1,9 @@
1
- import { af as editableTypes, ag as kupTypes, b as KupThemeColorValues, a7 as FCellTypes, ah as KupTagNames, ai as fullWidthFieldsComps, aj as stringToNumber, ak as FCellClasses, al as autoCenterComps, am as getCellValueForDisplay, an as FCellEvents } from './kup-manager-b41eb2a8.js';
2
- import { h } from './index-b326ffc9.js';
3
- import { F as FCheckbox } from './f-checkbox-ec85b437.js';
4
- import { F as FTextField } from './f-text-field-c38ef113.js';
5
- import { F as FImage } from './f-image-098c26ce.js';
6
- import { F as FChipType, a as FChip } from './f-chip-7e3e4180.js';
1
+ import { ag as editableTypes, ah as kupTypes, b as KupThemeColorValues, a7 as FCellTypes, ai as KupTagNames, aj as fullWidthFieldsComps, ak as stringToNumber, al as FCellClasses, am as autoCenterComps, an as getCellValueForDisplay, ao as FCellEvents, a9 as formattedStringToUnformattedStringNumber } from './kup-manager-3594cde8.js';
2
+ import { h } from './index-8bd38435.js';
3
+ import { F as FCheckbox } from './f-checkbox-9b3f5f5b.js';
4
+ import { F as FTextField } from './f-text-field-dafb7c8b.js';
5
+ import { F as FImage } from './f-image-5cbdf39d.js';
6
+ import { F as FChipType, a as FChip } from './f-chip-c8a18c48.js';
7
7
 
8
8
  /**
9
9
  * Props of the kup-list component.
@@ -396,10 +396,7 @@ function cellEvent(e, props, cellType, cellEventName) {
396
396
  const column = props.column;
397
397
  const comp = props.component;
398
398
  const row = props.row;
399
- const isInputEvent = !!(e.target.tagName === 'INPUT');
400
- let value = isInputEvent
401
- ? e.target.value
402
- : e.detail.value;
399
+ let value = getValueFromEventTaget(e, cellType);
403
400
  if (cellEventName === FCellEvents.UPDATE) {
404
401
  switch (cellType) {
405
402
  case FCellTypes.AUTOCOMPLETE:
@@ -459,6 +456,16 @@ function cellEvent(e, props, cellType, cellEventName) {
459
456
  }
460
457
  }
461
458
  }
459
+ function getValueFromEventTaget(e, cellType) {
460
+ const isInputEvent = !!(e.target.tagName === 'INPUT');
461
+ let value = isInputEvent
462
+ ? e.target.value
463
+ : e.detail.value;
464
+ if (cellType === FCellTypes.NUMBER && isInputEvent) {
465
+ value = formattedStringToUnformattedStringNumber(value, '');
466
+ }
467
+ return value;
468
+ }
462
469
  function isAutoCentered(props) {
463
470
  var _a;
464
471
  return autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
@@ -1,4 +1,4 @@
1
- import { h } from './index-b326ffc9.js';
1
+ import { h } from './index-8bd38435.js';
2
2
 
3
3
  /*-------------------------------------------------*/
4
4
  /* C o m p o n e n t */
@@ -1,6 +1,6 @@
1
- import { h } from './index-b326ffc9.js';
2
- import { F as FImage } from './f-image-098c26ce.js';
3
- import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-b41eb2a8.js';
1
+ import { h } from './index-8bd38435.js';
2
+ import { F as FImage } from './f-image-5cbdf39d.js';
3
+ import { K as KupThemeIconValues, l as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-3594cde8.js';
4
4
 
5
5
  /**
6
6
  * Types of the f-chip component.
@@ -1,5 +1,5 @@
1
- import { h, a as getAssetPath } from './index-b326ffc9.js';
2
- import { b as KupThemeColorValues } from './kup-manager-b41eb2a8.js';
1
+ import { h, a as getAssetPath } from './index-8bd38435.js';
2
+ import { b as KupThemeColorValues } from './kup-manager-3594cde8.js';
3
3
 
4
4
  /**
5
5
  * The type of a CSS step in CSS-drawing mode.
@@ -1,6 +1,6 @@
1
- import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, am as getCellValueForDisplay, u as getColumnByName, y as KupObjects, ao as KupData, ap as compareCell, N as TotalMode, aj as stringToNumber, f as KupDatesFormats, aq as isNumber, a3 as SortMode, ar as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-b41eb2a8.js';
2
- import { h } from './index-b326ffc9.js';
3
- import { F as FButton } from './f-button-744cf1f6.js';
1
+ import { E as Filters, J as FilterInterval, H as getValueForDisplay, C as getValueForDisplay2, an as getCellValueForDisplay, u as getColumnByName, y as KupObjects, ap as KupData, aq as compareCell, N as TotalMode, ak as stringToNumber, f as KupDatesFormats, ar as isNumber, a3 as SortMode, as as KupLanguagePage, q as KupLanguageRow, l as KupLanguageGeneric } from './kup-manager-3594cde8.js';
2
+ import { h } from './index-8bd38435.js';
3
+ import { F as FButton } from './f-button-c377973d.js';
4
4
  import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
5
5
 
6
6
  /**
@@ -1,6 +1,7 @@
1
- import { h, a as getAssetPath } from './index-b326ffc9.js';
2
- import { K as KupThemeIconValues } from './kup-manager-b41eb2a8.js';
1
+ import { h, a as getAssetPath } from './index-8bd38435.js';
2
+ import { K as KupThemeIconValues } from './kup-manager-3594cde8.js';
3
3
 
4
+ const dom = document.documentElement;
4
5
  /*-------------------------------------------------*/
5
6
  /* C o m p o n e n t */
6
7
  /*-------------------------------------------------*/
@@ -17,6 +18,7 @@ const FTextField = (props, children) => {
17
18
  /* M e t h o d s */
18
19
  /*-------------------------------------------------*/
19
20
  function setContent(props) {
21
+ var _a, _b;
20
22
  const isOutlined = props.textArea || props.outlined;
21
23
  let labelEl;
22
24
  let iconEl;
@@ -50,23 +52,85 @@ function setContent(props) {
50
52
  'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
51
53
  'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
52
54
  };
55
+ let value = props.value;
56
+ let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
57
+ let persManageForNumberFormat = false;
58
+ if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
59
+ inputType = 'text';
60
+ persManageForNumberFormat = true;
61
+ }
62
+ if (props.inputType === 'number') {
63
+ const options = {
64
+ allowNegative: (_b = props.allowNegative) !== null && _b !== void 0 ? _b : true,
65
+ decimal: props.decimals,
66
+ group: props.group,
67
+ integer: props.integers,
68
+ };
69
+ value = formatValue(value, options, false);
70
+ }
53
71
  return (h("div", { class: classObj },
54
72
  props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
55
73
  "'0 / ' + ",
56
74
  props.maxLength)) : undefined,
57
75
  !props.trailingIcon ? iconEl : undefined,
58
76
  props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
59
- h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
77
+ h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
60
78
  ? props.label
61
- : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
62
- if (props.decimals !== null &&
63
- props.inputType === 'number') {
64
- e.target.value = parseFloat(e.target.value).toFixed(props.decimals);
79
+ : undefined, maxlength: props.maxLength, value: value, onBlur: (e) => {
80
+ var _a;
81
+ if (persManageForNumberFormat) {
82
+ const options = {
83
+ allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
84
+ decimal: props.decimals,
85
+ group: props.group,
86
+ integer: props.integers,
87
+ };
88
+ e.target.value = formatValue(e.target.value, options, true);
89
+ }
90
+ if (props.onBlur) {
91
+ props.onBlur(e);
92
+ }
93
+ }, onChange: (e) => {
94
+ var _a;
95
+ if (persManageForNumberFormat) {
96
+ const options = {
97
+ allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
98
+ decimal: props.decimals,
99
+ group: props.group,
100
+ integer: props.integers,
101
+ };
102
+ e.target.value = formatValue(e.target.value, options, true);
65
103
  }
66
104
  if (props.onChange) {
67
105
  props.onChange(e);
68
106
  }
69
- }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
107
+ }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown, onKeyPress: (e) => {
108
+ var _a;
109
+ if (!persManageForNumberFormat) {
110
+ return;
111
+ }
112
+ if (e.ctrlKey) {
113
+ return;
114
+ }
115
+ if (e.key.length > 1) {
116
+ return;
117
+ }
118
+ const options = {
119
+ allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
120
+ decimal: props.decimals,
121
+ group: props.group,
122
+ integer: props.integers,
123
+ };
124
+ let component = e.target;
125
+ let value = component.value;
126
+ let beginVal = value.substring(0, component.selectionStart);
127
+ let endVal = value.substring(component.selectionEnd, component.selectionEnd + value.length - 1);
128
+ let val = beginVal + e.key + endVal;
129
+ if (!dom.ketchup.math.matchNumericValueWithOptions(val, options)) {
130
+ e.preventDefault();
131
+ return;
132
+ }
133
+ } })),
70
134
  props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
71
135
  props.trailingIcon ? iconEl : undefined,
72
136
  !props.fullWidth && !isOutlined ? labelEl : undefined,
@@ -97,6 +161,16 @@ function setHelper(props) {
97
161
  }
98
162
  }
99
163
  }
100
- }
164
+ }
165
+ const formatValue = function (value, options, inputIsLocalized) {
166
+ let formatedValue = value;
167
+ if (!formatedValue) {
168
+ return formatedValue;
169
+ }
170
+ if (formatedValue == '-') {
171
+ return '';
172
+ }
173
+ return dom.ketchup.math.format(formatedValue, dom.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
174
+ };
101
175
 
102
176
  export { FTextField as F };
@@ -1684,8 +1684,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1684
1684
  const styles = /*@__PURE__*/ new Map();
1685
1685
  const win = typeof window !== 'undefined' ? window : {};
1686
1686
  const doc = win.document || { head: {} };
1687
- const H = (win.HTMLElement || class {
1688
- });
1689
1687
  const plt = {
1690
1688
  $flags$: 0,
1691
1689
  $resourcesUrl$: '',
@@ -1748,4 +1746,4 @@ const flush = () => {
1748
1746
  const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
1749
1747
  const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
1750
1748
 
1751
- export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, setAssetPath as d, H as e, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
1749
+ export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, setAssetPath as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };