@sme.up/ketchup 6.1.0-SNAPSHOT → 6.2.0-SNAPSHOT

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 (166) hide show
  1. package/dist/cjs/{cell-utils-a78d6fac.js → cell-utils-d894e802.js} +2 -2
  2. package/dist/cjs/{f-button-ac179257.js → f-button-414b3bc3.js} +4 -4
  3. package/dist/cjs/f-cell-c8983ec7.js +418 -0
  4. package/dist/cjs/f-checkbox-57443ca3.js +29 -0
  5. package/dist/cjs/{f-chip-b00897d7.js → f-chip-ef81bf51.js} +3 -3
  6. package/dist/cjs/{f-image-89f25556.js → f-image-0618c795.js} +2 -2
  7. package/dist/cjs/{f-paginator-utils-8fa501b3.js → f-paginator-utils-c9dd5173.js} +5 -5
  8. package/dist/cjs/{f-text-field-e1e45ade.js → f-text-field-7d31190f.js} +3 -3
  9. package/dist/cjs/{index-eb556444.js → index-06b131ea.js} +6 -4
  10. package/dist/cjs/ketchup.cjs.js +3 -3
  11. package/dist/cjs/kup-accordion.cjs.entry.js +4 -4
  12. package/dist/cjs/kup-autocomplete_25.cjs.entry.js +200 -187
  13. package/dist/cjs/kup-box_2.cjs.entry.js +23 -12
  14. package/dist/cjs/kup-calendar.cjs.entry.js +7 -7
  15. package/dist/cjs/kup-cell.cjs.entry.js +10 -9
  16. package/dist/cjs/kup-dash-list.cjs.entry.js +4 -4
  17. package/dist/cjs/kup-dash_2.cjs.entry.js +4 -7
  18. package/dist/cjs/{kup-form-editor.cjs.entry.js → kup-dashboard.cjs.entry.js} +123 -148
  19. package/dist/cjs/kup-drawer.cjs.entry.js +4 -4
  20. package/dist/cjs/kup-field.cjs.entry.js +2 -2
  21. package/dist/cjs/kup-form.cjs.entry.js +469 -0
  22. package/dist/cjs/kup-iframe.cjs.entry.js +3 -3
  23. package/dist/cjs/kup-image-list.cjs.entry.js +11 -10
  24. package/dist/cjs/kup-lazy.cjs.entry.js +3 -3
  25. package/dist/cjs/kup-magic-box.cjs.entry.js +4 -4
  26. package/dist/cjs/{kup-manager-7a941909.js → kup-manager-2fee8cf3.js} +324 -6
  27. package/dist/cjs/kup-nav-bar.cjs.entry.js +3 -3
  28. package/dist/cjs/kup-numeric-picker.cjs.entry.js +3 -3
  29. package/dist/cjs/kup-photo-frame.cjs.entry.js +7 -9
  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 +5 -5
  33. package/dist/cjs/loader.cjs.js +3 -3
  34. package/dist/cjs/{utils-6287d878.js → utils-8470184d.js} +1 -1
  35. package/dist/collection/assets/dashboard.js +113 -0
  36. package/dist/collection/assets/data-table.js +15 -0
  37. package/dist/collection/assets/form.js +179 -0
  38. package/dist/collection/assets/grid.js +17 -0
  39. package/dist/collection/assets/index.js +10 -6
  40. package/dist/collection/collection-manifest.json +3 -2
  41. package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +135 -129
  42. package/dist/collection/components/kup-box/kup-box.js +13 -2
  43. package/dist/collection/components/kup-combobox/kup-combobox.js +16 -13
  44. package/dist/collection/components/kup-dashboard/kup-dashboard-declarations.js +10 -0
  45. package/dist/collection/components/{kup-form-editor/kup-form-editor.css → kup-dashboard/kup-dashboard.css} +7 -6
  46. package/dist/collection/components/{kup-form-editor/kup-form-editor.js → kup-dashboard/kup-dashboard.js} +148 -149
  47. package/dist/collection/components/kup-drawer/kup-drawer.css +5 -8
  48. package/dist/collection/components/kup-form/kup-form-declarations.js +19 -0
  49. package/dist/collection/components/kup-form/kup-form.css +86 -0
  50. package/dist/collection/components/kup-form/kup-form.js +668 -0
  51. package/dist/collection/components/kup-grid/kup-grid.js +1 -4
  52. package/dist/collection/components/kup-list/kup-list-helper.js +9 -3
  53. package/dist/collection/components/kup-photo-frame/kup-photo-frame.css +10 -7
  54. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +3 -5
  55. package/dist/collection/components/kup-text-field/kup-text-field-declarations.js +3 -0
  56. package/dist/collection/components/kup-text-field/kup-text-field.js +27 -0
  57. package/dist/collection/components/kup-time-picker/kup-time-picker.js +0 -6
  58. package/dist/collection/components/kup-tree/kup-tree.js +10 -4
  59. package/dist/collection/f-components/f-button/f-button.js +2 -2
  60. package/dist/collection/f-components/f-cell/f-cell-declarations.js +5 -1
  61. package/dist/collection/f-components/f-cell/f-cell.js +34 -114
  62. package/dist/collection/f-components/f-text-field/f-text-field.js +1 -1
  63. package/dist/collection/managers/kup-data/kup-data.js +94 -0
  64. package/dist/collection/managers/kup-language/kup-language-declarations.js +11 -0
  65. package/dist/collection/managers/kup-objects/kup-objects.js +10 -0
  66. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +18 -3
  67. package/dist/collection/types/GenericTypes.js +2 -1
  68. package/dist/esm/{cell-utils-964da6b5.js → cell-utils-7fc84d4e.js} +2 -2
  69. package/dist/esm/{f-button-871a544b.js → f-button-2f6cc296.js} +4 -4
  70. package/dist/esm/{f-cell-521ef17a.js → f-cell-4428481c.js} +48 -283
  71. package/dist/esm/f-checkbox-c51c4a75.js +27 -0
  72. package/dist/esm/{f-chip-1dda722f.js → f-chip-b39eb49a.js} +3 -3
  73. package/dist/esm/{f-image-c468d8ae.js → f-image-b08ebeb2.js} +2 -2
  74. package/dist/esm/{f-paginator-utils-7dff8ff0.js → f-paginator-utils-4fda6086.js} +5 -5
  75. package/dist/esm/{f-text-field-d6c61c73.js → f-text-field-184a5fb3.js} +3 -3
  76. package/dist/esm/{index-baeab1ac.js → index-ad6ab214.js} +6 -4
  77. package/dist/esm/ketchup.js +3 -3
  78. package/dist/esm/kup-accordion.entry.js +4 -4
  79. package/dist/esm/kup-autocomplete_25.entry.js +190 -177
  80. package/dist/esm/kup-box_2.entry.js +23 -12
  81. package/dist/esm/kup-calendar.entry.js +7 -7
  82. package/dist/esm/kup-cell.entry.js +9 -8
  83. package/dist/esm/kup-dash-list.entry.js +4 -4
  84. package/dist/esm/kup-dash_2.entry.js +4 -7
  85. package/dist/esm/{kup-form-editor.entry.js → kup-dashboard.entry.js} +123 -148
  86. package/dist/esm/kup-drawer.entry.js +4 -4
  87. package/dist/esm/kup-field.entry.js +2 -2
  88. package/dist/esm/kup-form.entry.js +465 -0
  89. package/dist/esm/kup-iframe.entry.js +3 -3
  90. package/dist/esm/kup-image-list.entry.js +10 -9
  91. package/dist/esm/kup-lazy.entry.js +3 -3
  92. package/dist/esm/kup-magic-box.entry.js +4 -4
  93. package/dist/esm/{kup-manager-58b075b4.js → kup-manager-3325b2d8.js} +321 -7
  94. package/dist/esm/kup-nav-bar.entry.js +3 -3
  95. package/dist/esm/kup-numeric-picker.entry.js +3 -3
  96. package/dist/esm/kup-photo-frame.entry.js +7 -9
  97. package/dist/esm/kup-probe.entry.js +2 -2
  98. package/dist/esm/kup-qlik.entry.js +2 -2
  99. package/dist/esm/kup-snackbar.entry.js +5 -5
  100. package/dist/esm/loader.js +3 -3
  101. package/dist/esm/{utils-d7e4b3c2.js → utils-6373a07e.js} +1 -1
  102. package/dist/ketchup/ketchup.esm.js +1 -1
  103. package/dist/ketchup/p-006bc4d0.entry.js +1 -0
  104. package/dist/ketchup/{p-8cdf61a4.js → p-0741da57.js} +1 -1
  105. package/dist/ketchup/{p-44ec4f03.js → p-13e08580.js} +1 -1
  106. package/dist/ketchup/p-153697fb.entry.js +1 -0
  107. package/dist/ketchup/{p-a615a92b.entry.js → p-175edb62.entry.js} +1 -1
  108. package/dist/ketchup/{p-fac1a08b.entry.js → p-1db1d42b.entry.js} +1 -1
  109. package/dist/ketchup/{p-f09f2f98.entry.js → p-30820f8f.entry.js} +1 -1
  110. package/dist/ketchup/p-35325834.entry.js +9 -0
  111. package/dist/ketchup/{p-65b46587.entry.js → p-359e8bec.entry.js} +4 -4
  112. package/dist/ketchup/{p-6dff70f8.entry.js → p-3c7c92c0.entry.js} +1 -1
  113. package/dist/ketchup/{p-954cc340.entry.js → p-41cf8703.entry.js} +1 -1
  114. package/dist/ketchup/{p-3c11e615.entry.js → p-6127fccf.entry.js} +1 -1
  115. package/dist/ketchup/{p-f71a1675.entry.js → p-6b82e4e2.entry.js} +1 -1
  116. package/dist/ketchup/p-704e60eb.js +30 -0
  117. package/dist/ketchup/p-70660fe2.js +1 -0
  118. package/dist/ketchup/{p-ea10176c.entry.js → p-762c0382.entry.js} +1 -1
  119. package/dist/ketchup/{p-c5ce8951.entry.js → p-76947316.entry.js} +1 -1
  120. package/dist/ketchup/{p-d2ee56dd.entry.js → p-8103b80a.entry.js} +1 -1
  121. package/dist/ketchup/{p-99e0d768.entry.js → p-9fa457d4.entry.js} +1 -1
  122. package/dist/ketchup/{p-65974e48.entry.js → p-a0ce8075.entry.js} +1 -1
  123. package/dist/ketchup/p-a804fe83.entry.js +27 -0
  124. package/dist/ketchup/{p-7454cb92.js → p-ca9fd099.js} +1 -1
  125. package/dist/ketchup/p-caabb9ab.entry.js +1 -0
  126. package/dist/ketchup/p-cc3abf84.entry.js +1 -0
  127. package/dist/ketchup/p-cd5cfa7c.js +1 -0
  128. package/dist/ketchup/p-d2e76960.entry.js +1 -0
  129. package/dist/ketchup/p-d3b542b3.js +2 -0
  130. package/dist/ketchup/p-d7004ae4.js +1 -0
  131. package/dist/ketchup/{p-e0035c58.js → p-d95c904b.js} +1 -1
  132. package/dist/ketchup/{p-7eff4eee.js → p-ddce3430.js} +1 -1
  133. package/dist/ketchup/p-ee580b3a.entry.js +1 -0
  134. package/dist/ketchup/p-f49cb68e.js +1 -0
  135. package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts +1 -16
  136. package/dist/types/components/{kup-form-editor/kup-form-editor-declarations.d.ts → kup-dashboard/kup-dashboard-declarations.d.ts} +9 -27
  137. package/dist/types/components/{kup-form-editor/kup-form-editor.d.ts → kup-dashboard/kup-dashboard.d.ts} +12 -9
  138. package/dist/types/components/kup-form/kup-form-declarations.d.ts +48 -0
  139. package/dist/types/components/kup-form/kup-form.d.ts +68 -0
  140. package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts +3 -0
  141. package/dist/types/components/kup-text-field/kup-text-field.d.ts +5 -0
  142. package/dist/types/components/kup-time-picker/kup-time-picker.d.ts +0 -6
  143. package/dist/types/components/kup-tree/kup-tree-declarations.d.ts +2 -0
  144. package/dist/types/components.d.ts +412 -159
  145. package/dist/types/f-components/f-cell/f-cell-declarations.d.ts +4 -1
  146. package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +1 -0
  147. package/dist/types/managers/kup-data/kup-data.d.ts +2 -0
  148. package/dist/types/managers/kup-language/kup-language-declarations.d.ts +11 -1
  149. package/dist/types/managers/kup-objects/kup-objects.d.ts +6 -0
  150. package/dist/types/types/GenericTypes.d.ts +2 -1
  151. package/package.json +2 -2
  152. package/dist/cjs/f-cell-69294bca.js +0 -653
  153. package/dist/collection/assets/form-editor.js +0 -338
  154. package/dist/collection/components/kup-form-editor/kup-form-editor-declarations.js +0 -23
  155. package/dist/ketchup/p-1ae66cc5.js +0 -1
  156. package/dist/ketchup/p-34b74425.js +0 -1
  157. package/dist/ketchup/p-4ffbc3ff.js +0 -1
  158. package/dist/ketchup/p-5264a3e6.entry.js +0 -1
  159. package/dist/ketchup/p-80968627.entry.js +0 -1
  160. package/dist/ketchup/p-976244f9.entry.js +0 -9
  161. package/dist/ketchup/p-a0f6e25c.entry.js +0 -1
  162. package/dist/ketchup/p-aca0e54b.js +0 -30
  163. package/dist/ketchup/p-b8939a8b.entry.js +0 -1
  164. package/dist/ketchup/p-bfc3bac7.js +0 -1
  165. package/dist/ketchup/p-db71436b.entry.js +0 -27
  166. package/dist/ketchup/p-e1039cf2.entry.js +0 -1
@@ -1,4 +1,4 @@
1
- import { a as getAssetPath, s as setAssetPath } from './index-baeab1ac.js';
1
+ import { a as getAssetPath, s as setAssetPath } from './index-ad6ab214.js';
2
2
 
3
3
  /**
4
4
  * Props of the kup-card component.
@@ -135,6 +135,17 @@ var KupLanguageColumn;
135
135
  KupLanguageColumn["NON_NUMERICAL_IN_TABLE"] = "columnNonNumericalInTable";
136
136
  KupLanguageColumn["SWAP"] = "columnSwap";
137
137
  })(KupLanguageColumn || (KupLanguageColumn = {}));
138
+ /**
139
+ * Dashboard related decodes.
140
+ */
141
+ var KupLanguageDashboard;
142
+ (function (KupLanguageDashboard) {
143
+ KupLanguageDashboard["DIMENSION"] = "dashboardDimension";
144
+ KupLanguageDashboard["LOADED"] = "dashboardLoaded";
145
+ KupLanguageDashboard["RESET"] = "dashboardReset";
146
+ KupLanguageDashboard["SAVE"] = "dashboardSave";
147
+ KupLanguageDashboard["VERTICAL"] = "dashboardVertical";
148
+ })(KupLanguageDashboard || (KupLanguageDashboard = {}));
138
149
  /**
139
150
  * Debug widget decodes.
140
151
  */
@@ -1706,6 +1717,11 @@ const chinese = {
1706
1717
  columnNonNumerical: "这些列不是数字的",
1707
1718
  columnNonNumericalInTable: "此表中不存在数字列",
1708
1719
  columnSwap: "交换",
1720
+ dashboardDimension: "方面",
1721
+ dashboardLoaded: "已加载",
1722
+ dashboardReset: "重置",
1723
+ dashboardSave: "节省",
1724
+ dashboardVertical: "垂直的",
1709
1725
  debugAutoprint: "切换自动打印",
1710
1726
  debugClear: "清除小部件",
1711
1727
  debugDLAll: "全部",
@@ -1819,6 +1835,11 @@ const english = {
1819
1835
  columnNonNumerical: "These columns are not numerical.",
1820
1836
  columnNonNumericalInTable: "No numerical columns exist in this table.",
1821
1837
  columnSwap: "Swap columns",
1838
+ dashboardDimension: "Dimension",
1839
+ dashboardLoaded: "Loaded",
1840
+ dashboardReset: "Reset",
1841
+ dashboardSave: "Save",
1842
+ dashboardVertical: "Vertical",
1822
1843
  debugAutoprint: "Toggle automatic print",
1823
1844
  debugClear: "Clear widget",
1824
1845
  debugDLAll: "All",
@@ -1932,6 +1953,11 @@ const french = {
1932
1953
  columnNonNumerical: "Ces colonnes ne sont pas numériques.",
1933
1954
  columnNonNumericalInTable: "Aucune colonne numérique n'existe dans ce tableau.",
1934
1955
  columnSwap: "Permuter les colonnes",
1956
+ dashboardDimension: "Dimension",
1957
+ dashboardLoaded: "Chargé",
1958
+ dashboardReset: "Réinitialiser",
1959
+ dashboardSave: "Enregistrer",
1960
+ dashboardVertical: "Vertical",
1935
1961
  debugAutoprint: "Activer l'impression automatique",
1936
1962
  debugClear: "Effacer le widget",
1937
1963
  debugDLAll: "Tout",
@@ -2045,6 +2071,11 @@ const italian = {
2045
2071
  columnNonNumerical: "Queste colonne non sono numeriche.",
2046
2072
  columnNonNumericalInTable: "Non esistono colonne numeriche in questa tabella.",
2047
2073
  columnSwap: "Scambia le colonne",
2074
+ dashboardDimension: "Dimensione",
2075
+ dashboardLoaded: "Caricata",
2076
+ dashboardReset: "Ripristina",
2077
+ dashboardSave: "Salva",
2078
+ dashboardVertical: "Verticale",
2048
2079
  debugAutoprint: "Attiva stampa automatica logs",
2049
2080
  debugClear: "Pulisci widget",
2050
2081
  debugDLAll: "Tutto",
@@ -2172,6 +2203,11 @@ const polish = {
2172
2203
  columnNonNumerical: "Te kolumny nie są numeryczne.",
2173
2204
  columnNonNumericalInTable: "W tej tabeli nie ma kolumn liczbowych.",
2174
2205
  columnSwap: "Zamień kolumny",
2206
+ dashboardDimension: "Wymiar",
2207
+ dashboardLoaded: "Załadowany",
2208
+ dashboardReset: "Resetowanie",
2209
+ dashboardSave: "Ratować",
2210
+ dashboardVertical: "Pionowy",
2175
2211
  debugAutoprint: "Przełącz automatyczne drukowanie",
2176
2212
  debugClear: "Wyczyść widżet",
2177
2213
  debugDLAll: "Wszystko",
@@ -2285,6 +2321,11 @@ const russian = {
2285
2321
  columnNonNumerical: "Эти столбцы не числовые",
2286
2322
  columnNonNumericalInTable: "В этой таблице нет числовых столбцов",
2287
2323
  columnSwap: "Поменять местами столбцы",
2324
+ dashboardDimension: "Измерение",
2325
+ dashboardLoaded: "Загружено",
2326
+ dashboardReset: "Перезагрузить",
2327
+ dashboardSave: "Сохранять",
2328
+ dashboardVertical: "Вертикальный",
2288
2329
  debugAutoprint: "Включить автоматическую печать",
2289
2330
  debugClear: "Очистить виджет",
2290
2331
  debugDLAll: "Все",
@@ -2398,6 +2439,11 @@ const spanish = {
2398
2439
  columnNonNumerical: "Estas columnas no son numéricas.",
2399
2440
  columnNonNumericalInTable: "No existen columnas numéricas en esta tabla.",
2400
2441
  columnSwap: "Intercambiar columnas",
2442
+ dashboardDimension: "Dimensión",
2443
+ dashboardLoaded: "Cargado",
2444
+ dashboardReset: "Reiniciar",
2445
+ dashboardSave: "Ahorrar",
2446
+ dashboardVertical: "Vertical",
2401
2447
  debugAutoprint: "Alternar impresión automática",
2402
2448
  debugClear: "Borrar widget",
2403
2449
  debugDLAll: "Todas",
@@ -2904,6 +2950,16 @@ class KupObjects {
2904
2950
  !this.isRadio(obj) &&
2905
2951
  !this.isChart(obj));
2906
2952
  }
2953
+ /**
2954
+ * Checks whether the object represents a switch or not.
2955
+ * @param {KupObj} obj - Object to check.
2956
+ * @returns {boolean} True when the object is a switch.
2957
+ */
2958
+ isSwitch(obj) {
2959
+ if (!obj)
2960
+ return false;
2961
+ return 'V2' === obj.t && 'ONOFF' === obj.p;
2962
+ }
2907
2963
  /**
2908
2964
  * Checks whether the object represents a text field or not.
2909
2965
  * @param {KupObj} obj - Object to check.
@@ -4166,7 +4222,7 @@ const kupThemeComponentCss = "[kup-dialog]{animation:fade-in .25s ease-out;backg
4166
4222
 
4167
4223
  const fButtonCss = ".f-button{--kup_button_border_radius:var(--kup-button-border-radius, 4px);--kup_button_disabled_color:var( --kup-button-disabled-color, var(--kup-disabled-color) );--kup_button_font_family:var( --kup-button-font-family, var(--kup-font-family) );--kup_button_font_size:var(--kup-button-font-size, var(--kup-font-size));--kup_button_font_weight:var(--kup-button-font-weight, 400);--kup_button_height:var(--kup-button-height, 3em);--kup_button_padding:var(--kup-button-padding, 0 1.25em);--kup_button_primary_color:var( --kup-button-primary-color, var(--kup-primary-color) );--kup_button_primary_color_h:var( --kup-button-primary-color-h, var(--kup-primary-color-h) );--kup_button_primary_color_s:var( --kup-button-primary-color-s, var(--kup-primary-color-s) );--kup_button_primary_color_l:var( --kup-button-primary-color-l, var(--kup-primary-color-l) );--kup_button_primary_color_rgb:var( --kup-button-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_button_text_on_primary_color:var( --kup-button-text-on-primary-color, var(--kup-text-on-primary-color) );--kup-spinner-color:var(--kup_button_primary_color);font-size:var(--kup_button_font_size)}.f-button .button{-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-webkit-font-smoothing:antialiased;align-items:center;background-color:rgba(0,0,0,0);border:none;border-radius:var(--kup_button_border_radius);box-sizing:border-box;color:var(--kup_button_primary_color);cursor:pointer;display:inline-flex;font-family:var(--kup_button_font_family);font-size:.775em;font-weight:var(--kup_button_font_weight);height:var(--kup_button_height);justify-content:center;letter-spacing:0.0892857143em;line-height:inherit;min-width:64px;outline:none;overflow:visible;padding:var(--kup_button_padding);position:relative;text-decoration:none;text-transform:uppercase;transition:background-color 80ms linear,box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;vertical-align:middle}.f-button .button:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button .button__icon{margin-left:-0.25em;margin-right:.75em}.f-button .button .button__label+.button__icon{margin-left:.75em;margin-right:-0.25em}.f-button .button.button--floating,.f-button .button.button--raised{--kup-spinner-color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:not(.button--disabled),.f-button .button.button--raised:not(.button--disabled){--kup-spinner-border-color:hsl( var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.75), calc(var(--kup_button_primary_color_l) * 0.85) );background-color:var(--kup_button_primary_color);color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:hover,.f-button .button.button--raised:hover{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.93), calc(var(--kup_button_primary_color_l) * 1.07))}.f-button .button.button--floating:focus,.f-button .button.button--raised:focus{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.88), calc(var(--kup_button_primary_color_l) * 1.12))}.f-button .button.button--floating.button--disabled,.f-button .button.button--raised.button--disabled{background-color:var(--kup-disabled-background-color);box-shadow:none}.f-button .button.button--floating{border-radius:24px;box-shadow:0 .215em .35em -1px rgba(var(--kup-text-color-rgb), 0.2),0 .43em .71em 0 rgba(var(--kup-text-color-rgb), 0.14),0 .07em 1.285em 0 rgba(var(--kup-text-color-rgb), 0.12);font-weight:500;font-size:1em;height:3.4em;width:auto;padding:0 1.5em}.f-button .button.button--floating.button--no-label{border-radius:50%;height:4em;padding:0;width:4em}.f-button .button.button--floating:hover,.f-button .button.button--floating:focus{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--floating:active{box-shadow:0 7px 8px -4px rgba(var(--kup-text-color-rgb), 0.2),0 12px 17px 2px rgba(var(--kup-text-color-rgb), 0.14),0 5px 22px 4px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised{box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.2),0 2px 2px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 5px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:focus,.f-button .button.button--raised:hover{box-shadow:0 2px 4px -1px rgba(var(--kup-text-color-rgb), 0.2),0 4px 5px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 10px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:active{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--outlined{border-width:1px;border-style:solid}.f-button .button.button--outlined:not(.button--disabled){border-color:var(--kup_button_primary_color);background-color:rgba(0,0,0,0);color:var(--kup_button_primary_color)}.f-button .button.button--outlined:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button.button--outlined:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button.button--outlined.button--disabled{opacity:.75;border-color:var(--kup_button_disabled_color)}.f-button .button.button--no-label{min-width:unset;padding:0 .5em}.f-button .button.button--no-label .button__icon{margin:0}.f-button .button.button--disabled{color:var(--kup_button_disabled_color);cursor:auto;opacity:.75;pointer-events:none}.f-button .button .button__spinner-container{width:100%;height:var(--kup_button_spinner_height);left:0;position:absolute}.f-button .icon-button{background-color:rgba(0,0,0,0);display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;font-size:var(--kup_button_font_size);text-decoration:none;cursor:pointer;user-select:none;padding:.75em;border-radius:50%}.f-button .icon-button:hover,.f-button .icon-button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .icon-button .icon-button__icon{display:flex;margin:auto}.f-button .icon-button .icon-button__icon.icon-button__icon--on{display:none}.f-button .icon-button.button--disabled{opacity:.75;pointer-events:none}.f-button .icon-button .icon-button__spinner-container{width:var(--kup_button_spinner_width);height:var(--kup_button_spinner_height)}.f-button .button--with-spinner{opacity:.8;pointer-events:none}.f-button .content--hidden{visibility:hidden}.f-button.kup-full-height{height:100%}.f-button.kup-full-height .button{height:100%}.f-button.kup-full-width{width:100%}.f-button.kup-full-width .button{width:100%}.f-button.kup-large button{font-size:1.25em}.f-button.kup-shaped .button{border-radius:18px}.f-button.kup-shaped .button.button--floating{border-radius:50% 0}.f-button.kup-slim button{font-size:.675em}.f-button.kup-pulsating .icon-button--on:after{content:\"\";animation:pulsating 1250ms infinite;position:absolute;height:2px;width:2px;top:calc(50% - 1px);left:calc(50% - 1px);border-radius:50%}.f-button.kup-danger{--kup-button-primary-color:var(--kup-danger-color);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-info{--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-secondary{--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-button.kup-success{--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-warning{--kup-button-primary-color:var(--kup-warning-color);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}@keyframes pulsating{0%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0.7)}70%{transform:scale(2.75);box-shadow:0 0 0 10px rgba(var(--kup_button_primary_color_rgb), 0)}100%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0)}}";
4168
4224
 
4169
- const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell .mdc-text-field{padding:0px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
4225
+ const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell.switch-cell{min-height:48px}.f-cell .mdc-text-field.mdc-text-field--fullwidth{padding:0px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
4170
4226
 
4171
4227
  const fCheckboxCss = ".f-checkbox{--kup_checkbox_font_family:var( --kup-checkbox-font-family, var(--kup-font-family) );--kup_checkbox_font_size:var(--kup-checkbox-font-size, var(--kup-font-size));--kup_checkbox_font_weight:var(--kup-checkbox-font-weight, 400);--kup_checkbox_disabled_checkmark_color:var( --kup-checkbox-disabled-checkmark-color, var(--kup-background-color) );--kup_checkbox_padding:var(--kup-checkbox-padding, 11px);--kup_checkbox_primary_color:var( --kup-checkbox-primary-color, var(--kup-primary-color) );--kup_checkbox_primary_color_rgb:var( --kup-checkbox-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_checkbox_text_color:var( --kup-checkbox-text-color, var(--kup-text-color) );--kup_checkbox_text_color_rgb:var( --kup-checkbox-text-color-rgb, var(--kup-text-color-rgb) );--kup_checkbox_text_on_primary_color:var( --kup-checkbox-text-on-primary-color, var(--kup-text-on-primary-color) );--kup_checkbox_text_on_primary_color_rgb:var( --kup-checkbox-text-on-primary-color-rgb, var(--kup-text-on-primary-color-rgb) );font-family:var(--kup_checkbox_font_family);font-size:var(--kup_checkbox_font_size)}.f-checkbox .form-field{color:var(--kup_checkbox_text_color);line-height:1.25em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:0.0178571429em;text-decoration:inherit;align-items:center;vertical-align:middle;display:inline-flex}.f-checkbox .form-field label{font-size:.875em;margin-left:0px;margin-right:auto;order:0}.f-checkbox .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;order:-1}.f-checkbox .checkbox{border-radius:50%;display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;will-change:transform,opacity;z-index:0;padding:var(--kup_checkbox_padding);transition:background-color 125ms linear}.f-checkbox .checkbox:hover{background:rgba(var(--kup_checkbox_primary_color_rgb), 0.125)}.f-checkbox .checkbox .checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;top:0;left:0;right:0;height:40px;width:40px}.f-checkbox .checkbox .checkbox__native-control:checked~.checkbox__background .checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.f-checkbox .checkbox .checkbox__checkmark-path{stroke:var(--kup_checkbox_text_on_primary_color);stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke-width:3.12px;transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background{position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid rgba(var(--kup_checkbox_text_color_rgb), 0.5);border-radius:2px;background-color:rgba(0,0,0,0);pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__checkmark{color:var(--kup_checkbox_text_on_primary_color);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__mixedmark{position:absolute;top:6px;left:-1px;color:var(--kup_checkbox_text_on_primary_color);width:100%;height:0;border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox.checkbox--checked .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color);opacity:1}.f-checkbox .checkbox.checkbox--checked .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color)}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__mixedmark{border-color:var(--kup_checkbox_text_on_primary_color);transform:scaleX(1) rotate(0deg);opacity:1}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--disabled{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled+label{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled .checkbox__background{background-color:rgba(0,0,0,0);border-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__background{background-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325);border-color:rgba(0,0,0,0)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__checkmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__mixedmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox.kup-danger{--kup-checkbox-primary-color:var(--kup-danger-color);--kup-checkbox-primary-color-rgb:var(--kup-danger-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-info{--kup-checkbox-primary-color:var(--kup-info-color);--kup-checkbox-primary-color-rgb:var(--kup-info-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-secondary{--kup-checkbox-primary-color:var(--kup-secondary-color);--kup-checkbox-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-checkbox-text-on-primary-color:var(--kup-text-on-secondary-color);--kup-checkbox-text-on-primary-color-rgb:var( --kup-text-on-secondary-color-rgb )}.f-checkbox.kup-success{--kup-checkbox-primary-color:var(--kup-success-color);--kup-checkbox-primary-color-rgb:var(--kup-success-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-warning{--kup-checkbox-primary-color:var(--kup-warning-color);--kup-checkbox-primary-color-rgb:var(--kup-warning-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}";
4172
4228
 
@@ -4203,12 +4259,13 @@ var KupTagNames;
4203
4259
  KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
4204
4260
  KupTagNames["DASH"] = "KUP-DASH";
4205
4261
  KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
4262
+ KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
4206
4263
  KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
4207
4264
  KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
4208
4265
  KupTagNames["DRAWER"] = "KUP-DRAWER";
4209
4266
  KupTagNames["DROPDOWN_BUTTON"] = "KUP-DROPDOWN-BUTTON";
4210
4267
  KupTagNames["FIELD"] = "KUP-FIELD";
4211
- KupTagNames["FORM_EDITOR"] = "KUP-FORM-EDITOR";
4268
+ KupTagNames["FORM"] = "KUP-FORM";
4212
4269
  KupTagNames["GAUGE"] = "KUP-GAUGE";
4213
4270
  KupTagNames["GRID"] = "KUP-GRID";
4214
4271
  KupTagNames["IFRAME"] = "KUP-IFRAME";
@@ -4247,9 +4304,10 @@ const fButtonUsers = [
4247
4304
  KupTagNames.BOX,
4248
4305
  KupTagNames.CALENDAR,
4249
4306
  KupTagNames.CARD,
4307
+ KupTagNames.DASHBOARD,
4250
4308
  KupTagNames.DATA_TABLE,
4251
4309
  KupTagNames.DROPDOWN_BUTTON,
4252
- KupTagNames.FORM_EDITOR,
4310
+ KupTagNames.FORM,
4253
4311
  KupTagNames.IMAGE_LIST,
4254
4312
  KupTagNames.SNACKBAR,
4255
4313
  ];
@@ -4260,6 +4318,7 @@ const fCellUsers = [
4260
4318
  KupTagNames.BOX,
4261
4319
  KupTagNames.CELL,
4262
4320
  KupTagNames.DATA_TABLE,
4321
+ KupTagNames.FORM,
4263
4322
  KupTagNames.TREE,
4264
4323
  ];
4265
4324
  /**
@@ -4269,7 +4328,9 @@ const fCheckboxUsers = [
4269
4328
  KupTagNames.BOX,
4270
4329
  KupTagNames.CELL,
4271
4330
  KupTagNames.CHECKBOX,
4331
+ KupTagNames.DASHBOARD,
4272
4332
  KupTagNames.DATA_TABLE,
4333
+ KupTagNames.FORM,
4273
4334
  KupTagNames.LIST,
4274
4335
  KupTagNames.TREE,
4275
4336
  ];
@@ -4282,6 +4343,7 @@ const fChipUsers = [
4282
4343
  KupTagNames.CELL,
4283
4344
  KupTagNames.CHIP,
4284
4345
  KupTagNames.DATA_TABLE,
4346
+ KupTagNames.FORM,
4285
4347
  KupTagNames.TREE,
4286
4348
  ];
4287
4349
  /**
@@ -4297,9 +4359,10 @@ const fImageUsers = [
4297
4359
  KupTagNames.CARD,
4298
4360
  KupTagNames.CELL,
4299
4361
  KupTagNames.CHIP,
4362
+ KupTagNames.DASHBOARD,
4300
4363
  KupTagNames.DATA_TABLE,
4301
4364
  KupTagNames.DROPDOWN_BUTTON,
4302
- KupTagNames.FORM_EDITOR,
4365
+ KupTagNames.FORM,
4303
4366
  KupTagNames.IMAGE,
4304
4367
  KupTagNames.IMAGE_LIST,
4305
4368
  KupTagNames.LIST,
@@ -4315,7 +4378,14 @@ const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
4315
4378
  /**
4316
4379
  * Components using the FSwitch functional component.
4317
4380
  */
4318
- const fSwitchUsers = [KupTagNames.SWITCH];
4381
+ const fSwitchUsers = [
4382
+ KupTagNames.BOX,
4383
+ KupTagNames.CELL,
4384
+ KupTagNames.DATA_TABLE,
4385
+ KupTagNames.FORM,
4386
+ KupTagNames.SWITCH,
4387
+ KupTagNames.TREE,
4388
+ ];
4319
4389
  /**
4320
4390
  * Components using the FTextField functional component.
4321
4391
  */
@@ -4325,8 +4395,10 @@ const fTextFieldUsers = [
4325
4395
  KupTagNames.CELL,
4326
4396
  KupTagNames.COLOR_PICKER,
4327
4397
  KupTagNames.COMBOBOX,
4398
+ KupTagNames.DASHBOARD,
4328
4399
  KupTagNames.DATA_TABLE,
4329
4400
  KupTagNames.DATE_PICKER,
4401
+ KupTagNames.FORM,
4330
4402
  KupTagNames.NUMERIC_PICKER,
4331
4403
  KupTagNames.TEXT_FIELD,
4332
4404
  KupTagNames.TIME_PICKER,
@@ -6100,6 +6172,155 @@ var SelectionMode;
6100
6172
  SelectionMode["NONE"] = "none";
6101
6173
  })(SelectionMode || (SelectionMode = {}));
6102
6174
 
6175
+ const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];
6176
+ const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];
6177
+ /**
6178
+ * Supported cell events.
6179
+ */
6180
+ var FCellEvents;
6181
+ (function (FCellEvents) {
6182
+ FCellEvents["CLICK"] = "kup-cell-click";
6183
+ FCellEvents["ICON_CLICK"] = "kup-cell-iconclick";
6184
+ FCellEvents["INPUT"] = "kup-cell-input";
6185
+ FCellEvents["UPDATE"] = "kup-cell-update";
6186
+ })(FCellEvents || (FCellEvents = {}));
6187
+ /**
6188
+ * Supported cell padding.
6189
+ */
6190
+ var FCellPadding;
6191
+ (function (FCellPadding) {
6192
+ FCellPadding["DENSE"] = "dense";
6193
+ FCellPadding["MEDIUM"] = "medium";
6194
+ FCellPadding["NONE"] = "";
6195
+ FCellPadding["WIDE"] = "wide";
6196
+ })(FCellPadding || (FCellPadding = {}));
6197
+ /**
6198
+ * Supported cell CSS classes.
6199
+ */
6200
+ var FCellClasses;
6201
+ (function (FCellClasses) {
6202
+ FCellClasses["BG_DANGER"] = "danger-bg";
6203
+ FCellClasses["BG_GREEN"] = "green-bg";
6204
+ FCellClasses["BG_GREY"] = "grey-bg";
6205
+ FCellClasses["BG_ORANGE"] = "orange-bg";
6206
+ FCellClasses["BG_PURPLE"] = "purple-bg";
6207
+ FCellClasses["BG_SUCCESS"] = "success-bg";
6208
+ FCellClasses["BG_TEAL"] = "teal-bg";
6209
+ FCellClasses["BG_WARNING"] = "warning-bg";
6210
+ FCellClasses["C_BG_DANGER"] = "c-danger-bg";
6211
+ FCellClasses["C_BG_GREEN"] = "c-green-bg";
6212
+ FCellClasses["C_BG_GREY"] = "c-grey-bg";
6213
+ FCellClasses["C_BG_ORANGE"] = "c-orange-bg";
6214
+ FCellClasses["C_BG_PURPLE"] = "c-purple-bg";
6215
+ FCellClasses["C_BG_SUCCESS"] = "c-success-bg";
6216
+ FCellClasses["C_BG_TEAL"] = "c-teal-bg";
6217
+ FCellClasses["C_BG_WARNING"] = "c-warning-bg";
6218
+ FCellClasses["C_CENTERED"] = "c-centered";
6219
+ FCellClasses["C_FITTED"] = "c-fitted";
6220
+ FCellClasses["C_PADDED"] = "c-padded";
6221
+ FCellClasses["C_PADDED_HOR"] = "c-padded-hor";
6222
+ FCellClasses["C_PADDED_VER"] = "c-padded-ver";
6223
+ FCellClasses["C_ROUND"] = "c-round";
6224
+ FCellClasses["C_RIGHT_ALIGNED"] = "c-right-aligned";
6225
+ FCellClasses["C_SHAPED"] = "c-shaped";
6226
+ FCellClasses["C_TEXT_VERTICAL"] = "c-vertical-text";
6227
+ FCellClasses["CLICKABLE"] = "clickable";
6228
+ FCellClasses["HOVER_DISPLAY"] = "display-on-hover";
6229
+ FCellClasses["HOVER_EXPAND"] = "expand-on-hover";
6230
+ FCellClasses["HOVER_REDUCE"] = "reduce-on-hover";
6231
+ FCellClasses["INDICATOR_TOPRIGHT"] = "top-right-indicator";
6232
+ FCellClasses["LINK"] = "link";
6233
+ FCellClasses["MONOSPACE"] = "monospace";
6234
+ FCellClasses["OBJ"] = "obj";
6235
+ FCellClasses["SHAPED"] = "shaped";
6236
+ FCellClasses["TEXT_DANGER"] = "danger-text";
6237
+ FCellClasses["TEXT_INFO"] = "info-text";
6238
+ FCellClasses["TEXT_PRIMARY"] = "primary-text";
6239
+ FCellClasses["TEXT_PURPLE"] = "purple-text";
6240
+ FCellClasses["TEXT_SECONDARY"] = "secondary-text";
6241
+ FCellClasses["TEXT_STRONG"] = "strong-text";
6242
+ FCellClasses["TEXT_SUCCESS"] = "success-text";
6243
+ FCellClasses["TEXT_WARNING"] = "warning-text";
6244
+ FCellClasses["UNDERLINED"] = "underlined";
6245
+ })(FCellClasses || (FCellClasses = {}));
6246
+ /**
6247
+ * Supported cell shapes.
6248
+ */
6249
+ var FCellShapes;
6250
+ (function (FCellShapes) {
6251
+ FCellShapes["AUTOCOMPLETE"] = "ACP";
6252
+ FCellShapes["BUTTON_LIST"] = "BTN";
6253
+ FCellShapes["CHART"] = "GRA";
6254
+ FCellShapes["CHECKBOX"] = "CHK";
6255
+ FCellShapes["CHIP"] = "CHI";
6256
+ FCellShapes["COLOR_PICKER"] = "CLP";
6257
+ FCellShapes["COMBOBOX"] = "CMB";
6258
+ FCellShapes["EDITOR"] = "EDT";
6259
+ FCellShapes["GAUGE"] = "GAU";
6260
+ FCellShapes["IMAGE"] = "IMG";
6261
+ FCellShapes["KNOB"] = "KNB";
6262
+ FCellShapes["PROGRESS_BAR"] = "PGB";
6263
+ FCellShapes["RADIO"] = "RAD";
6264
+ FCellShapes["RATING"] = "RTG";
6265
+ FCellShapes["SWITCH"] = "SWT";
6266
+ FCellShapes["TEXT_FIELD"] = "ITX";
6267
+ })(FCellShapes || (FCellShapes = {}));
6268
+ /**
6269
+ * Supported cell types.
6270
+ */
6271
+ var FCellTypes;
6272
+ (function (FCellTypes) {
6273
+ FCellTypes["AUTOCOMPLETE"] = "autocomplete";
6274
+ FCellTypes["BAR"] = "bar";
6275
+ FCellTypes["BUTTON"] = "button";
6276
+ FCellTypes["BUTTON_LIST"] = "button-list";
6277
+ FCellTypes["CHART"] = "chart";
6278
+ FCellTypes["CHECKBOX"] = "checkbox";
6279
+ FCellTypes["CHIP"] = "chips";
6280
+ FCellTypes["COLOR_PICKER"] = "color-picker";
6281
+ FCellTypes["COMBOBOX"] = "combobox";
6282
+ FCellTypes["DATE"] = "date";
6283
+ FCellTypes["DATETIME"] = "datetime";
6284
+ FCellTypes["EDITOR"] = "editor";
6285
+ FCellTypes["GAUGE"] = "gauge";
6286
+ FCellTypes["ICON"] = "icon";
6287
+ FCellTypes["IMAGE"] = "image";
6288
+ FCellTypes["KNOB"] = "knob";
6289
+ FCellTypes["LINK"] = "link";
6290
+ FCellTypes["NUMBER"] = "number";
6291
+ FCellTypes["PROGRESS_BAR"] = "progress-bar";
6292
+ FCellTypes["RADIO"] = "radio";
6293
+ FCellTypes["RATING"] = "rating";
6294
+ FCellTypes["STRING"] = "string";
6295
+ FCellTypes["SWITCH"] = "switch";
6296
+ FCellTypes["TIME"] = "time";
6297
+ })(FCellTypes || (FCellTypes = {}));
6298
+ const editableTypes = [
6299
+ FCellTypes.AUTOCOMPLETE,
6300
+ FCellTypes.CHECKBOX,
6301
+ FCellTypes.COLOR_PICKER,
6302
+ FCellTypes.COMBOBOX,
6303
+ FCellTypes.DATE,
6304
+ FCellTypes.NUMBER,
6305
+ FCellTypes.RATING,
6306
+ FCellTypes.STRING,
6307
+ FCellTypes.SWITCH,
6308
+ FCellTypes.TIME,
6309
+ ];
6310
+ const kupTypes = [
6311
+ FCellTypes.BAR,
6312
+ FCellTypes.BUTTON,
6313
+ FCellTypes.BUTTON_LIST,
6314
+ FCellTypes.CHART,
6315
+ FCellTypes.CHIP,
6316
+ FCellTypes.COLOR_PICKER,
6317
+ FCellTypes.GAUGE,
6318
+ FCellTypes.KNOB,
6319
+ FCellTypes.PROGRESS_BAR,
6320
+ FCellTypes.RADIO,
6321
+ FCellTypes.RATING,
6322
+ ];
6323
+
6103
6324
  const dom$4 = document.documentElement;
6104
6325
  /**
6105
6326
  * Handles data operations.
@@ -6117,6 +6338,99 @@ class KupData {
6117
6338
  replace(dataset, cell, columns) {
6118
6339
  return replaceCell(dataset, cell, columns);
6119
6340
  },
6341
+ getType(cell, shape) {
6342
+ const obj = cell.obj;
6343
+ if (shape) {
6344
+ switch (shape.toUpperCase()) {
6345
+ case FCellShapes.AUTOCOMPLETE:
6346
+ return FCellTypes.AUTOCOMPLETE;
6347
+ case FCellShapes.BUTTON_LIST:
6348
+ return FCellTypes.BUTTON_LIST;
6349
+ case FCellShapes.CHART:
6350
+ return FCellTypes.CHART;
6351
+ case FCellShapes.CHECKBOX:
6352
+ return FCellTypes.CHECKBOX;
6353
+ case FCellShapes.CHIP:
6354
+ return FCellTypes.CHIP;
6355
+ case FCellShapes.COLOR_PICKER:
6356
+ return FCellTypes.COLOR_PICKER;
6357
+ case FCellShapes.COMBOBOX:
6358
+ return FCellTypes.COMBOBOX;
6359
+ case FCellShapes.EDITOR:
6360
+ return FCellTypes.EDITOR;
6361
+ case FCellShapes.GAUGE:
6362
+ return FCellTypes.GAUGE;
6363
+ case FCellShapes.IMAGE:
6364
+ return FCellTypes.IMAGE;
6365
+ case FCellShapes.KNOB:
6366
+ return FCellTypes.KNOB;
6367
+ case FCellShapes.PROGRESS_BAR:
6368
+ return FCellTypes.PROGRESS_BAR;
6369
+ case FCellShapes.RADIO:
6370
+ return FCellTypes.RADIO;
6371
+ case FCellShapes.RATING:
6372
+ return FCellTypes.RATING;
6373
+ case FCellShapes.SWITCH:
6374
+ return FCellTypes.SWITCH;
6375
+ case FCellShapes.TEXT_FIELD:
6376
+ return FCellTypes.STRING;
6377
+ }
6378
+ }
6379
+ if (dom$4.ketchup.objects.isBar(obj)) {
6380
+ return FCellTypes.BAR;
6381
+ }
6382
+ else if (dom$4.ketchup.objects.isButton(obj)) {
6383
+ return FCellTypes.BUTTON;
6384
+ }
6385
+ else if (dom$4.ketchup.objects.isChart(obj)) {
6386
+ return FCellTypes.CHART;
6387
+ }
6388
+ else if (dom$4.ketchup.objects.isCheckbox(obj)) {
6389
+ return FCellTypes.CHECKBOX;
6390
+ }
6391
+ else if (dom$4.ketchup.objects.isColor(obj)) {
6392
+ return FCellTypes.COLOR_PICKER;
6393
+ }
6394
+ else if (dom$4.ketchup.objects.isIcon(obj)) {
6395
+ return FCellTypes.ICON;
6396
+ }
6397
+ else if (dom$4.ketchup.objects.isImage(obj)) {
6398
+ return FCellTypes.IMAGE;
6399
+ }
6400
+ else if (dom$4.ketchup.objects.isLink(obj)) {
6401
+ return FCellTypes.LINK;
6402
+ }
6403
+ else if (dom$4.ketchup.objects.isProgressBar(obj)) {
6404
+ return FCellTypes.PROGRESS_BAR;
6405
+ }
6406
+ else if (dom$4.ketchup.objects.isRadio(obj)) {
6407
+ return FCellTypes.RADIO;
6408
+ }
6409
+ else if (dom$4.ketchup.objects.isSwitch(obj)) {
6410
+ return FCellTypes.SWITCH;
6411
+ }
6412
+ else if (dom$4.ketchup.objects.isKupObjList(obj)) {
6413
+ return FCellTypes.CHIP;
6414
+ }
6415
+ else if (dom$4.ketchup.objects.isNumber(obj)) {
6416
+ return FCellTypes.NUMBER;
6417
+ }
6418
+ else if (dom$4.ketchup.objects.isDate(obj)) {
6419
+ return FCellTypes.DATE;
6420
+ }
6421
+ else if (dom$4.ketchup.objects.isTimestamp(obj)) {
6422
+ return FCellTypes.DATETIME;
6423
+ }
6424
+ else if (dom$4.ketchup.objects.isTime(obj)) {
6425
+ return FCellTypes.TIME;
6426
+ }
6427
+ else if (dom$4.ketchup.objects.isVoCodver(obj)) {
6428
+ return FCellTypes.ICON;
6429
+ }
6430
+ else {
6431
+ return FCellTypes.STRING;
6432
+ }
6433
+ },
6120
6434
  };
6121
6435
  this.column = {
6122
6436
  find(dataset, filters) {
@@ -16683,4 +16997,4 @@ function kupManagerInstance() {
16683
16997
  return dom.ketchup;
16684
16998
  }
16685
16999
 
16686
- export { kupDraggableRowAttr as $, kupDragActiveAttr as A, KupDragEffect as B, kupDraggableCellAttr as C, KupDropEventTypes as D, iconColumn as E, keyColumn as F, GroupLabelDisplayMode as G, fieldColumn as H, FixedCellsCSSVarsBase as I, SortMode as J, KupDynamicPositionPlacement as K, LoadMoreMode as L, KupLanguageFontsize as M, KupLanguageDensity as N, KupLanguageGrid as O, PaginatorPos as P, kupDynamicPositionAttribute as Q, KupDataTableProps as R, SelectionMode as S, TotalMode as T, FixedCellsClasses as U, KupTagNames as V, KupLanguagePage as W, createCommonjsModule as X, getDefaultExportFromCjs as Y, KupDatesLocales as Z, kupDropEvent as _, KupThemeIconValues as a, KupThemeColorValues as b, KupDebugCategory as c, KupDatesFormats as d, KupCardBuiltInClockElements as e, KupCardCSSClasses as f, KupLanguageTotals as g, KupLanguageGeneric as h, KupLanguageColumn as i, KupDataNewColumnTypes as j, kupManagerInstance as k, KupCardSubEvents as l, KupCardIds as m, KupLanguageRow as n, KupCardFamily as o, KupCardProps as p, KupDates as q, KupDatesNormalize as r, KupObjects as s, KupLanguageGrouping as t, KupLanguageCheckbox as u, KupLanguageSearch as v, ShowGrid as w, TotalLabel as x, KupPointerEventTypes as y, kupDraggableColumnAttr as z };
17000
+ export { fullWidthFieldsComps as $, kupDragActiveAttr as A, KupDragEffect as B, kupDraggableCellAttr as C, KupDropEventTypes as D, iconColumn as E, FCellPadding as F, GroupLabelDisplayMode as G, keyColumn as H, fieldColumn as I, FixedCellsCSSVarsBase as J, KupThemeIconValues as K, LoadMoreMode as L, SortMode as M, KupLanguageFontsize as N, KupLanguageDensity as O, PaginatorPos as P, KupLanguageGrid as Q, kupDynamicPositionAttribute as R, SelectionMode as S, TotalMode as T, KupDataTableProps as U, FixedCellsClasses as V, KupTagNames as W, KupLanguagePage as X, editableTypes as Y, kupTypes as Z, FCellTypes as _, KupDynamicPositionPlacement as a, FCellClasses as a0, autoCenterComps as a1, FCellEvents as a2, createCommonjsModule as a3, getDefaultExportFromCjs as a4, KupDatesLocales as a5, KupLanguageDashboard as a6, kupDropEvent as a7, kupDraggableRowAttr as a8, KupThemeColorValues as b, KupDebugCategory as c, KupDatesFormats as d, KupCardBuiltInClockElements as e, KupCardCSSClasses as f, KupLanguageTotals as g, KupLanguageGeneric as h, KupLanguageColumn as i, KupDataNewColumnTypes as j, kupManagerInstance as k, KupCardSubEvents as l, KupCardIds as m, KupLanguageRow as n, KupCardFamily as o, KupCardProps as p, KupDates as q, KupDatesNormalize as r, KupObjects as s, KupLanguageGrouping as t, KupLanguageCheckbox as u, KupLanguageSearch as v, ShowGrid as w, TotalLabel as x, KupPointerEventTypes as y, kupDraggableColumnAttr as z };
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance } from './kup-manager-58b075b4.js';
3
- import { g as getProps, s as setProps } from './utils-d7e4b3c2.js';
1
+ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance } from './kup-manager-3325b2d8.js';
3
+ import { g as getProps, s as setProps } from './utils-6373a07e.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
5
5
 
6
6
  const navbarClass = 'nav-bar';
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance, K as KupDynamicPositionPlacement, o as KupCardFamily } from './kup-manager-58b075b4.js';
1
+ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance, a as KupDynamicPositionPlacement, o as KupCardFamily } from './kup-manager-3325b2d8.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
- import { F as FTextField } from './f-text-field-d6c61c73.js';
4
+ import { F as FTextField } from './f-text-field-184a5fb3.js';
5
5
  import { F as FTextFieldMDC } from './f-text-field-mdc-d42d3f9e.js';
6
6
  import './tslib.es6-3eea2234.js';
7
7
  import './component-b1bedf1d.js';
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance } from './kup-manager-58b075b4.js';
3
- import { g as getProps, s as setProps } from './utils-d7e4b3c2.js';
1
+ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance } from './kup-manager-3325b2d8.js';
3
+ import { g as getProps, s as setProps } from './utils-6373a07e.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
5
5
 
6
6
  /**
@@ -14,7 +14,7 @@ var KupPhotoFrameProps;
14
14
  KupPhotoFrameProps["resourceAttrs"] = "Html attributes of the picture after the component enters the viewport.";
15
15
  })(KupPhotoFrameProps || (KupPhotoFrameProps = {}));
16
16
 
17
- const kupPhotoFrameCss = ":host{--kup_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 3000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{opacity:1;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;z-index:1}.placeholder--fade-out{opacity:0}.resource{left:0;position:absolute;top:0;z-index:-1}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";
17
+ const kupPhotoFrameCss = ":host{--kup_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity}.placeholder--loaded{display:block}.placeholder--fade-out{left:0;opacity:0;position:absolute;top:0}.resource{display:block}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";
18
18
 
19
19
  var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
20
20
  if (kind === "a" && !f)
@@ -32,7 +32,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
32
32
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
33
33
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
34
34
  };
35
- var _KupPhotoFrame_intObserver, _KupPhotoFrame_kupManager, _KupPhotoFrame_placeholderEl, _KupPhotoFrame_resourceEl, _KupPhotoFrame_renderResource, _KupPhotoFrame_wrapperEl;
35
+ var _KupPhotoFrame_intObserver, _KupPhotoFrame_kupManager, _KupPhotoFrame_placeholderEl, _KupPhotoFrame_renderResource, _KupPhotoFrame_wrapperEl;
36
36
  const KupPhotoFrame = class {
37
37
  constructor(hostRef) {
38
38
  registerInstance(this, hostRef);
@@ -72,7 +72,6 @@ const KupPhotoFrame = class {
72
72
  _KupPhotoFrame_intObserver.set(this, null);
73
73
  _KupPhotoFrame_kupManager.set(this, kupManagerInstance());
74
74
  _KupPhotoFrame_placeholderEl.set(this, null);
75
- _KupPhotoFrame_resourceEl.set(this, null);
76
75
  _KupPhotoFrame_renderResource.set(this, false);
77
76
  _KupPhotoFrame_wrapperEl.set(this, null);
78
77
  }
@@ -154,8 +153,7 @@ const KupPhotoFrame = class {
154
153
  comp: this,
155
154
  id: this.rootElement.id,
156
155
  });
157
- } })), __classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f") ? (h("img", Object.assign({}, this.resourceAttrs, { class: "resource", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_resourceEl, el, "f")), onLoad: () => {
158
- __classPrivateFieldGet(this, _KupPhotoFrame_resourceEl, "f").classList.add('resource--fade-in');
156
+ } })), __classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f") ? (h("img", Object.assign({}, this.resourceAttrs, { class: "resource", onLoad: () => {
159
157
  __classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").classList.add('placeholder--fade-out');
160
158
  this.kupPhotoFrameResourceLoad.emit({
161
159
  comp: this,
@@ -169,7 +167,7 @@ const KupPhotoFrame = class {
169
167
  }
170
168
  get rootElement() { return getElement(this); }
171
169
  };
172
- _KupPhotoFrame_intObserver = new WeakMap(), _KupPhotoFrame_kupManager = new WeakMap(), _KupPhotoFrame_placeholderEl = new WeakMap(), _KupPhotoFrame_resourceEl = new WeakMap(), _KupPhotoFrame_renderResource = new WeakMap(), _KupPhotoFrame_wrapperEl = new WeakMap();
170
+ _KupPhotoFrame_intObserver = new WeakMap(), _KupPhotoFrame_kupManager = new WeakMap(), _KupPhotoFrame_placeholderEl = new WeakMap(), _KupPhotoFrame_renderResource = new WeakMap(), _KupPhotoFrame_wrapperEl = new WeakMap();
173
171
  KupPhotoFrame.style = kupPhotoFrameCss;
174
172
 
175
173
  export { KupPhotoFrame as kup_photo_frame };
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance } from './kup-manager-58b075b4.js';
1
+ import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance } from './kup-manager-3325b2d8.js';
3
3
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
4
4
 
5
5
  const KupProbe = class {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance } from './kup-manager-58b075b4.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance } from './kup-manager-3325b2d8.js';
3
3
 
4
4
  const kupQlikCss = ".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-color, #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%}";
5
5
 
@@ -1,10 +1,10 @@
1
- import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-baeab1ac.js';
2
- import { k as kupManagerInstance } from './kup-manager-58b075b4.js';
3
- import { g as getProps, s as setProps } from './utils-d7e4b3c2.js';
1
+ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ad6ab214.js';
2
+ import { k as kupManagerInstance } from './kup-manager-3325b2d8.js';
3
+ import { g as getProps, s as setProps } from './utils-6373a07e.js';
4
4
  import { c as componentWrapperId } from './GenericVariables-665de00a.js';
5
- import { F as FButton } from './f-button-871a544b.js';
5
+ import { F as FButton } from './f-button-2f6cc296.js';
6
6
  import './f-button-declarations-b1b4cac4.js';
7
- import './f-image-c468d8ae.js';
7
+ import './f-image-b08ebeb2.js';
8
8
 
9
9
  const snackbarClass = 'snackbar';
10
10
  /**