@sme.up/ketchup 9.0.0 → 9.1.0

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 (160) hide show
  1. package/dist/cjs/{f-button-b2cfce1c.js → f-button-733664a5.js} +2 -2
  2. package/dist/cjs/{f-cell-75fca92b.js → f-cell-f37757a6.js} +183 -11
  3. package/dist/cjs/{f-checkbox-48d7af02.js → f-checkbox-556771e8.js} +1 -1
  4. package/dist/cjs/{f-chip-3e504f3e.js → f-chip-3349d130.js} +3 -3
  5. package/dist/cjs/{f-image-270d39ae.js → f-image-b7a5816b.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-6d0c4678.js → f-paginator-utils-1fe1df76.js} +49 -50
  7. package/dist/cjs/{f-text-field-bbcd2143.js → f-text-field-8557fc3f.js} +38 -4
  8. package/dist/cjs/{index-c3d10561.js → index-4b3a5567.js} +48 -18
  9. package/dist/cjs/ketchup.cjs.js +3 -3
  10. package/dist/cjs/kup-accordion.cjs.entry.js +3 -3
  11. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +157 -195
  12. package/dist/cjs/kup-box.cjs.entry.js +23 -15
  13. package/dist/cjs/kup-calendar.cjs.entry.js +5 -5
  14. package/dist/cjs/kup-card-list.cjs.entry.js +2 -2
  15. package/dist/cjs/kup-cell.cjs.entry.js +9 -7
  16. package/dist/cjs/kup-dashboard.cjs.entry.js +6 -6
  17. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  18. package/dist/cjs/kup-echart.cjs.entry.js +2 -2
  19. package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
  20. package/dist/cjs/kup-grid.cjs.entry.js +2 -2
  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-130bbd9d.js → kup-manager-cb73c128.js} +59 -9
  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 +4 -4
  33. package/dist/cjs/loader.cjs.js +2 -2
  34. package/dist/collection/assets/index.js +4 -0
  35. package/dist/collection/assets/progress-bar.js +0 -0
  36. package/dist/collection/assets/radio.js +30 -0
  37. package/dist/collection/collection-manifest.json +2 -2
  38. package/dist/collection/components/kup-box/kup-box.js +14 -6
  39. package/dist/collection/components/kup-card/kup-card.css +14 -0
  40. package/dist/collection/components/kup-card/standard/kup-card-standard.js +10 -5
  41. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +47 -48
  42. package/dist/collection/components/kup-data-table/kup-data-table.js +36 -22
  43. package/dist/collection/components/kup-progress-bar/kup-progress-bar.css +1 -242
  44. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +37 -84
  45. package/dist/collection/components/kup-radio/kup-radio.css +0 -161
  46. package/dist/collection/components/kup-radio/kup-radio.js +31 -26
  47. package/dist/collection/components/kup-rating/kup-rating.css +0 -8
  48. package/dist/collection/components/kup-rating/kup-rating.js +27 -52
  49. package/dist/collection/f-components/f-cell/f-cell-declarations.js +1 -0
  50. package/dist/collection/f-components/f-cell/f-cell.js +19 -5
  51. package/dist/collection/f-components/f-progress-bar/f-progress-bar-declarations.js +1 -0
  52. package/dist/collection/f-components/f-progress-bar/f-progress-bar.js +88 -0
  53. package/dist/collection/f-components/f-radio/f-radio-declarations.js +1 -0
  54. package/dist/collection/f-components/f-radio/f-radio.js +28 -0
  55. package/dist/collection/f-components/f-rating/f-rating-declarations.js +1 -0
  56. package/dist/collection/f-components/f-rating/f-rating.js +26 -0
  57. package/dist/collection/f-components/f-text-field/f-text-field.js +36 -2
  58. package/dist/collection/managers/kup-data/kup-data.js +2 -0
  59. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +33 -0
  60. package/dist/collection/managers/kup-theme/kup-theme.js +13 -1
  61. package/dist/collection/utils/cell-utils.js +6 -7
  62. package/dist/components/index.d.ts +6 -0
  63. package/dist/components/index.js +1 -1
  64. package/dist/components/kup-accordion.js +2 -0
  65. package/dist/components/kup-autocomplete2.js +962 -801
  66. package/dist/components/kup-box2.js +24 -6
  67. package/dist/components/kup-calendar.js +3 -0
  68. package/dist/components/kup-dashboard.js +2 -0
  69. package/dist/components/kup-image-list.js +2 -0
  70. package/dist/components/kup-planner.js +2 -0
  71. package/dist/esm/{f-button-baa419dc.js → f-button-f247ce10.js} +2 -2
  72. package/dist/esm/{f-cell-18ee3afa.js → f-cell-ba94f1b3.js} +181 -12
  73. package/dist/esm/{f-checkbox-00a1e020.js → f-checkbox-cbf7b3de.js} +1 -1
  74. package/dist/esm/{f-chip-311500f4.js → f-chip-104c4a64.js} +3 -3
  75. package/dist/esm/{f-image-da03494c.js → f-image-d2a9603c.js} +2 -2
  76. package/dist/esm/{f-paginator-utils-d63a195e.js → f-paginator-utils-743522fa.js} +49 -50
  77. package/dist/esm/{f-text-field-e5f1f1fd.js → f-text-field-4d91ccfc.js} +38 -4
  78. package/dist/esm/{index-3336c3b1.js → index-c161a33e.js} +48 -18
  79. package/dist/esm/ketchup.js +4 -4
  80. package/dist/esm/kup-accordion.entry.js +3 -3
  81. package/dist/esm/kup-autocomplete_27.entry.js +157 -195
  82. package/dist/esm/kup-box.entry.js +23 -15
  83. package/dist/esm/kup-calendar.entry.js +5 -5
  84. package/dist/esm/kup-card-list.entry.js +2 -2
  85. package/dist/esm/kup-cell.entry.js +9 -7
  86. package/dist/esm/kup-dashboard.entry.js +6 -6
  87. package/dist/esm/kup-drawer.entry.js +2 -2
  88. package/dist/esm/kup-echart.entry.js +2 -2
  89. package/dist/esm/kup-family-tree.entry.js +4 -4
  90. package/dist/esm/kup-grid.entry.js +2 -2
  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-c8d5c94d.js → kup-manager-94b3d177.js} +59 -9
  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 +4 -4
  103. package/dist/esm/loader.js +3 -3
  104. package/dist/ketchup/ketchup.esm.js +1 -1
  105. package/dist/ketchup/p-12e47371.js +1 -0
  106. package/dist/ketchup/{p-81debebe.entry.js → p-15548f51.entry.js} +1 -1
  107. package/dist/ketchup/p-20e8ab84.js +2 -0
  108. package/dist/ketchup/{p-a0f59b05.entry.js → p-21f1b22a.entry.js} +1 -1
  109. package/dist/ketchup/{p-25de68e5.js → p-2c47b88f.js} +3 -3
  110. package/dist/ketchup/{p-7e1c8fc0.entry.js → p-304f296e.entry.js} +1 -1
  111. package/dist/ketchup/p-48f8b0d5.entry.js +9 -0
  112. package/dist/ketchup/p-4ca502ce.entry.js +1 -0
  113. package/dist/ketchup/{p-7555c10d.js → p-4d7c02f4.js} +1 -1
  114. package/dist/ketchup/{p-76130e83.entry.js → p-5abbf31b.entry.js} +1 -1
  115. package/dist/ketchup/{p-13eac183.entry.js → p-5c9b10a5.entry.js} +1 -1
  116. package/dist/ketchup/{p-55fd3f46.entry.js → p-5cb2dbf3.entry.js} +1 -1
  117. package/dist/ketchup/p-679ccbf8.js +1 -0
  118. package/dist/ketchup/p-6a0ac578.entry.js +1 -0
  119. package/dist/ketchup/{p-d6a7498b.entry.js → p-87e13738.entry.js} +1 -1
  120. package/dist/ketchup/p-8e5db599.entry.js +1 -0
  121. package/dist/ketchup/{p-07707cd1.entry.js → p-a14ede8c.entry.js} +1 -1
  122. package/dist/ketchup/{p-39602629.js → p-a2007880.js} +1 -1
  123. package/dist/ketchup/{p-da58f8ab.entry.js → p-a2b75445.entry.js} +1 -1
  124. package/dist/ketchup/{p-8281c9e5.js → p-b0678a34.js} +1 -1
  125. package/dist/ketchup/{p-4597f25d.js → p-ba003975.js} +1 -1
  126. package/dist/ketchup/{p-f729449f.js → p-bb80719e.js} +1 -1
  127. package/dist/ketchup/{p-2a2a18bf.entry.js → p-bf41d71f.entry.js} +1 -1
  128. package/dist/ketchup/{p-d8384990.entry.js → p-c32e8755.entry.js} +1 -1
  129. package/dist/ketchup/p-c4b1bde1.entry.js +1 -0
  130. package/dist/ketchup/p-c6b58be6.entry.js +1 -0
  131. package/dist/ketchup/{p-2dab9c4f.entry.js → p-d56763cf.entry.js} +1 -1
  132. package/dist/ketchup/{p-7bf649f0.entry.js → p-e7f57bee.entry.js} +1 -1
  133. package/dist/ketchup/{p-a8a39b08.entry.js → p-eb12225c.entry.js} +1 -1
  134. package/dist/ketchup/{p-2d192def.entry.js → p-f22abf4e.entry.js} +1 -1
  135. package/dist/ketchup/{p-51aa248f.entry.js → p-f82db512.entry.js} +1 -1
  136. package/dist/types/components/kup-box/kup-box.d.ts +1 -0
  137. package/dist/types/components/kup-progress-bar/kup-progress-bar.d.ts +0 -1
  138. package/dist/types/components/kup-radio/kup-radio-declarations.d.ts +1 -9
  139. package/dist/types/components/kup-radio/kup-radio.d.ts +3 -2
  140. package/dist/types/components/kup-rating/kup-rating.d.ts +2 -7
  141. package/dist/types/components.d.ts +6 -4
  142. package/dist/types/f-components/f-cell/f-cell-declarations.d.ts +1 -0
  143. package/dist/types/f-components/f-progress-bar/f-progress-bar-declarations.d.ts +16 -0
  144. package/dist/types/f-components/f-progress-bar/f-progress-bar.d.ts +3 -0
  145. package/dist/types/f-components/f-radio/f-radio-declarations.d.ts +22 -0
  146. package/dist/types/f-components/f-radio/f-radio.d.ts +3 -0
  147. package/dist/types/f-components/f-rating/f-rating-declarations.d.ts +10 -0
  148. package/dist/types/f-components/f-rating/f-rating.d.ts +3 -0
  149. package/dist/types/managers/kup-theme/kup-theme-declarations.d.ts +12 -0
  150. package/dist/types/stencil-public-runtime.d.ts +5 -3
  151. package/package.json +2 -2
  152. package/dist/ketchup/p-008ad26c.js +0 -1
  153. package/dist/ketchup/p-0c19d485.entry.js +0 -9
  154. package/dist/ketchup/p-2d42477d.js +0 -2
  155. package/dist/ketchup/p-5c15661d.entry.js +0 -1
  156. package/dist/ketchup/p-5cfaa673.entry.js +0 -1
  157. package/dist/ketchup/p-5f583257.entry.js +0 -1
  158. package/dist/ketchup/p-80699a95.js +0 -1
  159. package/dist/ketchup/p-bb854cf5.entry.js +0 -1
  160. package/dist/ketchup/p-ecb9fe91.entry.js +0 -1
package/dist/components/kup-autocomplete2.js CHANGED
@@ -5584,7 +5584,7 @@ const kupThemeComponentCss = "[kup-dialog]{animation:fade-in .25s ease-out;backg
5584
5584
 
5585
5585
  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_button_text_transform:var(--kup-button-text-transform, uppercase);--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:var(--kup_button_text_transform);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)}}";
5586
5586
 
5587
- 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;word-break:normal}.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;min-width: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 .f-checkbox .checkbox .checkbox__native-control{height:18px;width:18px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-chip{width:100%}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell .input-field{background:none;border:none;border-bottom:2px solid var(--kup-text-color);height:100%;outline:none;padding:0 4px;width:100%}.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}";
5587
+ 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;word-break:normal}.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;min-width: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 .f-checkbox .checkbox .checkbox__native-control{height:18px;width:18px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-chip{width:100%}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell .input-field{background:none;border:none;border-bottom:1px solid var(--kup-border-color);height:var(--kup_textfield_fullwidth_height) !important;outline:none;padding:4px;transition:border 125ms ease;width:100%}.f-cell .input-field:focus{border-bottom:1px solid var(--kup-primary-color)}.f-cell .input-checkbox:checked{accent-color:var(--kup-primary-color)}.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}";
5588
5588
 
5589
5589
  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}";
5590
5590
 
@@ -5594,6 +5594,12 @@ const fImageCss = ".f-image{display:block;margin:auto;position:relative;height:v
5594
5594
 
5595
5595
  const fPaginatorCss = ".f-paginator{margin:.5em 0;display:flex;flex-wrap:wrap;align-items:start}.f-paginator .prev-page,.f-paginator .next-page{margin:0 .25em}.f-paginator kup-combobox{display:inline-block;margin:0 .25em;z-index:0}.f-paginator kup-combobox.page-selector{width:100px}.f-paginator kup-combobox.rows-selector{width:150px}";
5596
5596
 
5597
+ const fProgressBarCss = ".f-progress-bar{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var( --kup-progressbar-font-family, var(--kup-font-family) );--kup_progressbar_font_size:var( --kup-progressbar-font-size, var(--kup-font-size) );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var( --kup-progressbar-primary-color, var(--kup-primary-color) );--kup_progressbar_text_color:var( --kup-progressbar-text-color, var(--kup-text-color) );--kup_progressbar_text_color_rgb:var( --kup-progressbar-text-color-rgb, var(--kup-text-color-rgb) );--kup_progressbar_text_on_primary_color:var( --kup-progressbar-text-on-primary-color, var(--kup-text-on-primary-color) );--kup_progressbar_track_color:var( --kup-progressbar-track-color, var(--kup-disabled-background-color) );--kup_progressbar_width:var(--kup-progressbar-width, 100%);font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.f-progress-bar .progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:.5em 0;text-align:center;transition:width .2s ease}.f-progress-bar .progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.f-progress-bar .progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.f-progress-bar .progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.f-progress-bar .progress-bar-percentage .kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial{box-sizing:border-box;display:flex;font-size:10em;margin:auto}.f-progress-bar.is-radial.pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}.f-progress-bar.is-radial.pie-wrapper:nth-child(3n+1){clear:both}.f-progress-bar.is-radial.pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle.left-side{transition:transform .2s ease}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}.f-progress-bar.is-radial.pie-wrapper .pie .half-circle{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .label{background:none;bottom:.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:.25em;left:.4em;line-height:2.75em;position:absolute;right:.4em;text-align:center;top:.4em}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial.pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:.8;font-size:.45em;padding-bottom:20px;vertical-align:super}.f-progress-bar.is-radial.pie-wrapper .shadow{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_color);border-radius:50%}.f-progress-bar.is-radial *,.f-progress-bar.is-radial *:before,.f-progress-bar.is-radial *:after{box-sizing:border-box}.f-progress-bar.kup-animated .progress-bar-percentage{animation:running-stripes 2s linear infinite}.f-progress-bar.kup-padded.progress-bar{padding:.5em;width:calc(100% - 1em)}.f-progress-bar.kup-slim.progress-bar{border-radius:9px}.f-progress-bar.kup-slim.progress-bar .progress-bar-percentage{border-radius:9px;padding:0}.f-progress-bar.kup-slim.pie-wrapper .pie .half-circle{border-width:.05em}.f-progress-bar.kup-slim.pie-wrapper .shadow{border-width:.05em}.f-progress-bar.kup-striped .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}.f-progress-bar.kup-danger{--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-info{--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-secondary{--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-progress-bar.kup-success{--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-warning{--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}";
5598
+
5599
+ const fRadioCss = ".f-radio{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var( --kup-radio-outer-circle-color, rgba(var(--kup-text-color-rgb), 0.5) );--kup_radio_primary_color:var( --kup-radio-primary-color, var(--kup-primary-color) );--kup_radio_primary_color_rgb:var( --kup-radio-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-color));font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.f-radio .form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875em;line-height:2em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.f-radio .form-field label{color:var(--kup_radio_text_color);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.f-radio .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.f-radio.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.f-radio.radio-wrapper .radio{border-radius:50%;padding:10px;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color;will-change:transform,opacity}.f-radio.radio-wrapper .radio:hover{background-color:rgba(var(--kup_radio_primary_color_rgb), 0.125)}.f-radio.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:40px;height:40px}.f-radio.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.f-radio.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio.radio--disabled{pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled+label{pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.kup-danger{--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}.f-radio.kup-info{--kup-radio-primary-color:var(--kup-info-color);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}.f-radio.kup-secondary{--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-radio.kup-success{--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}.f-radio.kup-warning{--kup-radio-primary-color:var(--kup-warning-color);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}";
5600
+
5601
+ const fRatingCss = ".f-rating{--kup_rating_color:var(--kup-rating-color, orange);--kup_rating_font_size:var(--kup-rating-font-size, 30px)}.f-rating .rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}.f-rating.disabled .rating{cursor:auto}";
5602
+
5597
5603
  const fSwitchCss = ".f-switch{--kup_switch_font_family:var( --kup-switch-font-family, var(--kup-font-family) );--kup_switch_font_size:var(--kup-switch-font-size, var(--kup-font-size));--kup_switch_font_weight:var(--kup-switch-font-weight, 400);--kup_switch_label_color:var( --kup-switch-label-color, var(--kup-text-color) );--kup_switch_primary_color:var( --kup-switch-primary-color, var(--kup-primary-color) );--kup_switch_primary_color_rgb:var( --kup-switch-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_switch_thumb_color:var( --kup-switch-thumb-color, var(--kup-border-color) );font-family:var(--kup_switch_font_family);font-size:var(--kup_switch_font_size)}.f-switch .form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875em;line-height:2em;font-weight:var(--kup_switch_font_weight);letter-spacing:0.0178571429em;color:var(--kup_switch_label_color);display:inline-flex;align-items:center;vertical-align:middle}.f-switch .form-field.form-field--align-end>label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.f-switch .form-field>label{color:var(--kup_switch_label_color);font-family:var(--kup-font-family);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.f-switch .form-field .switch{display:inline-block;position:relative;outline:none;user-select:none;margin:0 .75em}.f-switch .form-field .switch .switch__track{box-sizing:border-box;width:36px;height:14px;border:1px solid rgba(0,0,0,0);border-radius:7px;opacity:.38;transition:opacity 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)}.f-switch .form-field .switch .switch__thumb-underlay{border-radius:50%;display:flex;position:absolute;align-items:center;justify-content:center;transform:translateX(0);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);left:-14px;right:initial;top:-16px;width:48px;height:48px}.f-switch .form-field .switch .switch__thumb-underlay:hover{background-color:rgba(var(--kup_switch_primary_color_rgb), 0.125)}.f-switch .form-field .switch .switch__thumb-underlay .switch__thumb{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);box-sizing:border-box;width:20px;height:20px;border:10px solid;border-radius:50%;z-index:1;transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)}.f-switch .form-field .switch .switch__thumb-underlay .switch__thumb .switch__native-control{left:0;right:initial;position:absolute;top:0;margin:0;opacity:0;cursor:pointer;transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1);width:64px;height:48px}.f-switch .form-field .switch:not(.switch--checked) .switch__track{background-color:var(--kup_switch_label_color)}.f-switch .form-field .switch:not(.switch--checked) .switch__thumb{background-color:var(--kup_switch_thumb_color);border-color:var(--kup_switch_thumb_color)}.f-switch .form-field .switch.switch--disabled{cursor:auto;opacity:.5;pointer-events:none}.f-switch .form-field .switch.switch--checked .switch__track{background-color:var(--kup_switch_primary_color);opacity:.54}.f-switch .form-field .switch.switch--checked .switch__thumb-underlay{transform:translateX(16px)}.f-switch .form-field .switch.switch--checked .switch__thumb{background-color:var(--kup_switch_primary_color);border-color:var(--kup_switch_primary_color)}.f-switch .form-field .switch.switch--checked .switch__thumb .switch__native-control{transform:translateX(-16px)}.f-switch.kup-danger{--kup-switch-primary-color:var(--kup-danger-color);--kup-switch-primary-color-rgb:var(--kup-danger-color-rgb)}.f-switch.kup-info{--kup-switch-primary-color:var(--kup-info-color);--kup-switch-primary-color-rgb:var(--kup-info-color-rgb)}.f-switch.kup-secondary{--kup-switch-primary-color:var(--kup-secondary-color);--kup-switch-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-switch.kup-success{--kup-switch-primary-color:var(--kup-success-color);--kup-switch-primary-color-rgb:var(--kup-success-color-rgb)}.f-switch.kup-warning{--kup-switch-primary-color:var(--kup-warning-color);--kup-switch-primary-color-rgb:var(--kup-warning-color-rgb)}";
5598
5604
 
5599
5605
  const fTextFieldCss = ".mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:rgba(0,0,0,0)}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-floating-label{color:GrayText}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}#kup-component .f-text-field{--kup_textfield_background_color_rgb:var( --kup-textfield-background-color-rgb, var(--kup-background-color-rgb) );--kup_textfield_color:var(--kup-textfield-color, var(--kup-text-color));--kup_textfield_color_rgb:var( --kup-textfield-color-rgb, var(--kup-text-color-rgb) );--kup_textfield_font_family:var( --kup-textfield-font-family, var(--kup-font-family) );--kup_textfield_font_size:var(--kup-textfield-font-size, 1em);--kup_textfield_font_weight:var(--kup-textfield-font-weight, 400);--kup_textfield_fullwidth_height:var( --kup-textfield-fullwidth-height, 40px );--kup_textfield_fullwidth_padding:var( --kup-textfield-fullwidth-padding, 16px );--kup_textfield_icon_color:var( --kup-textfield-icon-color, var(--kup-icon-color) );--kup_textfield_primary_color:var( --kup-textfield-primary-color, var(--kup-primary-color) );--kup_textfield_primary_color_rgb:var( --kup-textfield-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_textfield_text_align:var(--kup-textfield-text-align, start);--kup_textfield_width:var(--kup-textfield-width, 100%);--mdc-theme-primary:var(--kup_textfield_primary_color);font-family:var(--kup_textfield_font_family);font-size:var(--kup_textfield_font_size)}#kup-component .f-text-field .mdc-form-field label{color:var(--kup_textfield_color);margin:auto}#kup-component .f-text-field .mdc-form-field .mdc-text-field__input{box-sizing:border-box;font-family:var(--kup_textfield_font_family);padding:6px 0px}#kup-component .f-text-field .mdc-text-field{width:var(--kup_textfield_width)}#kup-component .f-text-field .mdc-text-field .kup-icon{background-color:var(--kup_textfield_icon_color);cursor:pointer;height:24px;outline:none;padding:0 7px;pointer-events:all;width:24px}#kup-component .f-text-field .mdc-text-field .kup-icon.kup-clear-icon:hover{background-color:var(--kup-danger-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled .kup-icon{pointer-events:none}#kup-component .f-text-field .mdc-text-field input,#kup-component .f-text-field .mdc-text-field label{font-family:var(--kup_textfield_font_family);font-size:1em;font-weight:var(--kup_textfield_font_weight)}#kup-component .f-text-field .mdc-text-field input{text-align:var(--kup_textfield_text_align)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.575)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active{border-bottom-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-leading-icon .mdc-floating-label{left:36px}#kup-component .f-text-field .mdc-text-field .mdc-text-field__icon.kup-clear-icon{right:0px;left:initial;position:absolute;top:50%;transform:translateY(-50%)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:26px}#kup-component .f-text-field .mdc-text-field.is-clearable .mdc-text-field__input{padding-right:48px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon.is-clearable .mdc-text-field__input{padding-right:72px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth.mdc-text-field--focused{color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth{width:100%}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon label:not(.mdc-floating-label--float-above){left:20px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.575);border-bottom-style:inset}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__trailing,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled{color:rgba(var(--kup_textfield_color_rgb), 0.5);-webkit-text-fill-color:rgba(var(--kup_textfield_color_rgb), 0.5);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled label{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--textarea .mdc-floating-label--float-above{transform:translateY(-160%) scale(0.75)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:40px}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{height:100%}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label{display:none}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)::before{display:none}@supports (-webkit-hyphens: none){#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea){height:40px;transition:border-color .25s}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{transform:translateY(-29.25px) scale(1)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{font-size:.75rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-26.75px) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-40px 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-40px{0%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-26.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-26.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label.mdc-floating-label--float-above{overflow:visible}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon .mdc-floating-label--float-above{transform:translateY(-26px) scale(0.75) translateX(-42px)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon label,#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon input{left:34px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-111%) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--no-label) input{box-sizing:border-box;padding-top:9px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:rgba(var(--kup_textfield_background_color_rgb), 0.125)}#kup-component .f-text-field .mdc-text-field .mdc-notched-outline{opacity:1}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:var(--kup_textfield_color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:.7}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--textarea .mdc-text-field-character-counter{position:absolute;bottom:9px;right:15px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined){background:var(--kup-disabled-background-color);color:var(--kup-disabled-color);-webkit-text-fill-color:var(--kup-disabled-color);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) .mdc-text-field__input{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) label{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--focused)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--persistent){opacity:0}#kup-component .f-text-field .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field-disabled) .mdc-floating-label--float-above{color:var(--kup_textfield_primary_color);opacity:1}#kup-component .f-text-field div.mdc-text-field-helper-text{font-family:var(--kup_textfield_font_family);font-size:.75em}#kup-component .f-text-field.kup-full-height{height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field{height:100%;overflow-y:hidden}#kup-component .f-text-field.kup-full-height .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field .mdc-text-field__input{height:100%}#kup-component .f-text-field.kup-full-width{width:100%}#kup-component .f-text-field.kup-full-width .mdc-text-field{height:var(--kup_textfield_fullwidth_height) !important;padding:0 var(--kup_textfield_fullwidth_padding)}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-leading-icon{padding-left:0}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:40px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}#kup-component .f-text-field.kup-danger{--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}#kup-component .f-text-field.kup-info{--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}#kup-component .f-text-field.kup-secondary{--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}#kup-component .f-text-field.kup-success{--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}#kup-component .f-text-field.kup-warning{--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}#kup-component .f-text-field .kup-icon.kup-clear-icon{-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}#kup-component .f-text-field .kup-icon.kup-search-icon{-webkit-mask:var(--kup-search-icon);mask:var(--kup-search-icon)}";
@@ -5742,6 +5748,39 @@ const fImageUsers = [
5742
5748
  * Components using the FPaginator functional component.
5743
5749
  */
5744
5750
  const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
5751
+ /**
5752
+ * Components using the FProgressBar functional component.
5753
+ */
5754
+ const fProgressBarUsers = [
5755
+ KupTagNames.BOX,
5756
+ KupTagNames.CELL,
5757
+ KupTagNames.DATA_TABLE,
5758
+ KupTagNames.FORM,
5759
+ KupTagNames.PROGRESS_BAR,
5760
+ KupTagNames.TREE,
5761
+ ];
5762
+ /**
5763
+ * Components using the FRadio functional component.
5764
+ */
5765
+ const fRadioUsers = [
5766
+ KupTagNames.BOX,
5767
+ KupTagNames.CELL,
5768
+ KupTagNames.DATA_TABLE,
5769
+ KupTagNames.FORM,
5770
+ KupTagNames.RADIO,
5771
+ KupTagNames.TREE,
5772
+ ];
5773
+ /**
5774
+ * Components using the FRating functional component.
5775
+ */
5776
+ const fRatingUsers = [
5777
+ KupTagNames.BOX,
5778
+ KupTagNames.CELL,
5779
+ KupTagNames.DATA_TABLE,
5780
+ KupTagNames.FORM,
5781
+ KupTagNames.RATING,
5782
+ KupTagNames.TREE,
5783
+ ];
5745
5784
  /**
5746
5785
  * Components using the FSwitch functional component.
5747
5786
  */
@@ -6037,6 +6076,15 @@ class KupTheme {
6037
6076
  if (fPaginatorUsers.includes(tagName)) {
6038
6077
  completeStyle += fPaginatorCss;
6039
6078
  }
6079
+ if (fProgressBarUsers.includes(tagName)) {
6080
+ completeStyle += fProgressBarCss;
6081
+ }
6082
+ if (fRadioUsers.includes(tagName)) {
6083
+ completeStyle += fRadioCss;
6084
+ }
6085
+ if (fRatingUsers.includes(tagName)) {
6086
+ completeStyle += fRatingCss;
6087
+ }
6040
6088
  if (fSwitchUsers.includes(tagName)) {
6041
6089
  completeStyle += fSwitchCss;
6042
6090
  }
@@ -7221,13 +7269,12 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
7221
7269
  v2 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
7222
7270
  }
7223
7271
  else if (dom$r.ketchup.objects.isTime(obj1)) {
7224
- let manageSeconds = dom$r.ketchup.objects.isTimeWithSeconds(obj1);
7225
- v1 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s1, manageSeconds
7226
- ? KupDatesFormats.ISO_TIME
7227
- : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
7228
- v2 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s2, manageSeconds
7229
- ? KupDatesFormats.ISO_TIME
7230
- : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
7272
+ // Previous code could not work because dayjs
7273
+ // returns an invalid date when it tries to parse a time
7274
+ // This solution is simpler and it works because the time format
7275
+ // was assumed to be equals to HH:mm:ss or HH:mm
7276
+ v1 = Number(s1.replace(/:/g, ''));
7277
+ v2 = Number(s2.replace(/:/g, ''));
7231
7278
  }
7232
7279
  else if (dom$r.ketchup.objects.isTimestamp(obj1)) {
7233
7280
  v1 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
@@ -8242,6 +8289,7 @@ var FCellShapes;
8242
8289
  FCellShapes["EDITOR"] = "EDT";
8243
8290
  FCellShapes["GAUGE"] = "GAU";
8244
8291
  FCellShapes["IMAGE"] = "IMG";
8292
+ FCellShapes["INPUT_CHECKBOX"] = "INC";
8245
8293
  FCellShapes["INPUT_FIELD"] = "INF";
8246
8294
  FCellShapes["KNOB"] = "KNB";
8247
8295
  FCellShapes["MULTI_AUTOCOMPLETE"] = "AML";
@@ -8360,6 +8408,8 @@ class KupData {
8360
8408
  return FCellTypes.GAUGE;
8361
8409
  case FCellShapes.IMAGE:
8362
8410
  return FCellTypes.IMAGE;
8411
+ case FCellShapes.INPUT_CHECKBOX:
8412
+ return FCellTypes.CHECKBOX;
8363
8413
  case FCellShapes.KNOB:
8364
8414
  return FCellTypes.KNOB;
8365
8415
  case FCellShapes.MULTI_AUTOCOMPLETE:
@@ -19820,7 +19870,8 @@ function setContent(props) {
19820
19870
  let value = props.value;
19821
19871
  let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
19822
19872
  let persManageForNumberFormat = false;
19823
- if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
19873
+ if (props.inputType === 'number' &&
19874
+ ((props.decimals && props.decimals > 0) || props.group)) {
19824
19875
  inputType = 'text';
19825
19876
  persManageForNumberFormat = true;
19826
19877
  }
@@ -19864,7 +19915,40 @@ function setContent(props) {
19864
19915
  group: props.group,
19865
19916
  integer: props.integers,
19866
19917
  };
19867
- e.target.value = formatValue(e.target.value, options, true);
19918
+ if (props.min !== undefined &&
19919
+ props.min !== null &&
19920
+ props.min >
19921
+ parseFloat(e.target.value)) {
19922
+ e.target.value =
19923
+ formatValue(props.min.toString(), options, true);
19924
+ }
19925
+ else if (props.max !== undefined &&
19926
+ props.max !== null &&
19927
+ props.max <
19928
+ parseFloat(e.target.value)) {
19929
+ e.target.value =
19930
+ formatValue(props.max.toString(), options, true);
19931
+ }
19932
+ else {
19933
+ e.target.value =
19934
+ formatValue(e.target.value, options, true);
19935
+ }
19936
+ }
19937
+ else {
19938
+ if (props.min !== undefined &&
19939
+ props.min !== null &&
19940
+ props.min >
19941
+ parseFloat(e.target.value)) {
19942
+ e.target.value =
19943
+ props.min.toString();
19944
+ }
19945
+ else if (props.max !== undefined &&
19946
+ props.max !== null &&
19947
+ props.max <
19948
+ parseFloat(e.target.value)) {
19949
+ e.target.value =
19950
+ props.max.toString();
19951
+ }
19868
19952
  }
19869
19953
  if (props.onChange) {
19870
19954
  props.onChange(e);
@@ -23014,6 +23098,164 @@ const FSwitch = (props) => {
23014
23098
  h("label", { onClick: props.onChange }, props.label))));
23015
23099
  };
23016
23100
 
23101
+ /*-------------------------------------------------*/
23102
+ /* C o m p o n e n t */
23103
+ /*-------------------------------------------------*/
23104
+ const FProgressBar = (props) => {
23105
+ if (!props.centeredLabel && !props.centeredLabel !== false) {
23106
+ props.centeredLabel = true;
23107
+ }
23108
+ let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${props.animated ? 'kup-animated' : ''} ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${props.slim ? 'kup-slim' : ''} ${props.striped ? 'kup-striped' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`;
23109
+ let pieClass = 'pie';
23110
+ let radialStyle = undefined;
23111
+ if (props.isRadial) {
23112
+ componentClass += ' pie-wrapper is-radial';
23113
+ }
23114
+ else {
23115
+ componentClass += ' progress-bar';
23116
+ }
23117
+ let labelStyle = undefined;
23118
+ const valueStyle = {
23119
+ width: `${props.value}%`,
23120
+ };
23121
+ if (!props.centeredLabel) {
23122
+ labelStyle = valueStyle;
23123
+ if (props.value > 2) {
23124
+ componentClass += ' text-color-on-primary';
23125
+ }
23126
+ }
23127
+ else if (props.value > 49) {
23128
+ componentClass += ' text-color-on-primary';
23129
+ }
23130
+ let label = null;
23131
+ if (props.icon) {
23132
+ label = createIconElement(props);
23133
+ }
23134
+ else {
23135
+ if (!props.hideLabel) {
23136
+ if (props.isRadial) {
23137
+ if (props.label) {
23138
+ label = h("span", { class: "label" }, props.label);
23139
+ }
23140
+ else {
23141
+ label = (h("span", { class: "label" },
23142
+ props.value,
23143
+ h("span", { class: "smaller" }, "%")));
23144
+ }
23145
+ }
23146
+ else {
23147
+ if (props.label) {
23148
+ label = props.label;
23149
+ }
23150
+ else {
23151
+ label = props.value + '%';
23152
+ }
23153
+ }
23154
+ }
23155
+ }
23156
+ if (props.value > 0) {
23157
+ pieClass += ' has-value';
23158
+ if (props.value > 50) {
23159
+ pieClass += ' is-more-than-half';
23160
+ }
23161
+ else {
23162
+ pieClass += ' is-less-than-half';
23163
+ }
23164
+ }
23165
+ if (props.isRadial) {
23166
+ return (h("div", { class: componentClass },
23167
+ label,
23168
+ h("div", { class: pieClass },
23169
+ h("div", { style: radialStyle, class: "left-side half-circle" }),
23170
+ h("div", { class: "right-side half-circle" })),
23171
+ h("div", { class: "shadow" })));
23172
+ }
23173
+ else {
23174
+ return (h("div", { class: componentClass },
23175
+ h("div", { class: "progress-bar-percentage", style: valueStyle },
23176
+ h("span", { style: labelStyle }, label))));
23177
+ }
23178
+ };
23179
+ function createIconElement(props) {
23180
+ if (!props.icon) {
23181
+ return undefined;
23182
+ }
23183
+ if (props.icon.indexOf('.') > -1 ||
23184
+ props.icon.indexOf('/') > -1 ||
23185
+ props.icon.indexOf('\\') > -1) {
23186
+ return (h("span", { class: "label kup-icon is-image" },
23187
+ h("img", { src: props.icon })));
23188
+ }
23189
+ else {
23190
+ let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
23191
+ let iconStyle = {
23192
+ mask: svg,
23193
+ webkitMask: svg,
23194
+ };
23195
+ return h("span", { style: iconStyle, class: "label kup-icon" });
23196
+ }
23197
+ }
23198
+
23199
+ /*-------------------------------------------------*/
23200
+ /* C o m p o n e n t */
23201
+ /*-------------------------------------------------*/
23202
+ const FRadio = (props) => {
23203
+ var _a;
23204
+ const hasColumns = !!props.columns;
23205
+ const radioList = [];
23206
+ for (let i = 0; i < ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length); i++) {
23207
+ const data = props.data[i];
23208
+ const classObj = {
23209
+ radio: true,
23210
+ 'radio--checked': data.checked ? true : false,
23211
+ 'radio--disabled': props.disabled ? true : false,
23212
+ };
23213
+ radioList.push(h("div", { class: `form-field ${props.leadingLabel ? ' form-field--align-end' : ''}` },
23214
+ h("div", { class: classObj },
23215
+ h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
23216
+ ? props.onChange.bind(props.onChange, i)
23217
+ : null, onFocus: props.onFocus }),
23218
+ h("div", { class: "radio__background" },
23219
+ h("div", { class: "radio__outer-circle" }),
23220
+ h("div", { class: "radio__inner-circle" }))),
23221
+ h("label", { htmlFor: 'radio-element', onClick: props.onChange
23222
+ ? props.onChange.bind(props.onChange, i)
23223
+ : null }, data.label ? data.label : '')));
23224
+ }
23225
+ const styleObj = {
23226
+ '--kup_radio_columns': hasColumns
23227
+ ? `repeat(${props.columns}, 1fr)`
23228
+ : '',
23229
+ };
23230
+ return (h("div", { class: `f-radio radio-wrapper ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`, style: styleObj }, radioList));
23231
+ };
23232
+
23233
+ /*-------------------------------------------------*/
23234
+ /* C o m p o n e n t */
23235
+ /*-------------------------------------------------*/
23236
+ const FRating = (props) => {
23237
+ if (!props.maxValue) {
23238
+ props.maxValue = 5;
23239
+ }
23240
+ return (h("div", { class: `f-rating ${props.disabled ? 'disabled' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, buildStars(props)));
23241
+ };
23242
+ function buildStars(props) {
23243
+ const stars = [];
23244
+ for (let i = 1; i <= props.maxValue; i++) {
23245
+ if (i <= props.value) {
23246
+ stars.push(h("span", { class: "rating", onClick: props.onClick
23247
+ ? props.onClick.bind(props.onClick, i)
23248
+ : null }, "\u2605"));
23249
+ }
23250
+ else {
23251
+ stars.push(h("span", { class: "rating", onClick: props.onClick
23252
+ ? props.onClick.bind(props.onClick, i)
23253
+ : null }, "\u2606"));
23254
+ }
23255
+ }
23256
+ return stars;
23257
+ }
23258
+
23017
23259
  const dom$f = document.documentElement;
23018
23260
  /*-------------------------------------------------*/
23019
23261
  /* C o m p o n e n t */
@@ -23212,7 +23454,14 @@ function setEditableCell(cellType, classObj, cell, column, props) {
23212
23454
  if (isAutoCentered(props)) {
23213
23455
  classObj[FCellClasses.C_CENTERED] = true;
23214
23456
  }
23215
- return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
23457
+ if (cell.shape === FCellShapes.INPUT_CHECKBOX) {
23458
+ return (h("input", { checked: cell.value === 'on' || cell.value === '1'
23459
+ ? true
23460
+ : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox" }));
23461
+ }
23462
+ else {
23463
+ return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
23464
+ }
23216
23465
  case FCellTypes.CHIP:
23217
23466
  return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
23218
23467
  h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData))));
@@ -23331,7 +23580,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
23331
23580
  if (isAutoCentered(props)) {
23332
23581
  classObj[FCellClasses.C_CENTERED] = true;
23333
23582
  }
23334
- return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
23583
+ return (h(FButton, Object.assign({}, subcomponentProps, { onClick: (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
23335
23584
  case FCellTypes.BUTTON_LIST:
23336
23585
  if (isAutoCentered(props)) {
23337
23586
  classObj[FCellClasses.C_CENTERED] = true;
@@ -23357,15 +23606,15 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
23357
23606
  return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$f.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
23358
23607
  case FCellTypes.KNOB:
23359
23608
  case FCellTypes.PROGRESS_BAR:
23360
- return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
23609
+ return subcomponentProps.customStyle ? (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps))) : (h(FProgressBar, Object.assign({}, subcomponentProps)));
23361
23610
  case FCellTypes.RADIO:
23362
23611
  if (isAutoCentered(props)) {
23363
23612
  classObj[FCellClasses.C_CENTERED] = true;
23364
23613
  }
23365
23614
  subcomponentProps['disabled'] = row.readOnly;
23366
- return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
23615
+ return h(FRadio, Object.assign({}, subcomponentProps));
23367
23616
  case FCellTypes.RATING:
23368
- return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
23617
+ return h(FRating, Object.assign({}, subcomponentProps, { disabled: true }));
23369
23618
  }
23370
23619
  }
23371
23620
  function cellEvent(e, props, cellType, cellEventName) {
@@ -23438,6 +23687,9 @@ function getValueFromEventTaget(e, cellType) {
23438
23687
  let value = isInputEvent
23439
23688
  ? e.target.value
23440
23689
  : e.detail.value;
23690
+ if (cellType === FCellTypes.CHECKBOX && isInputEvent) {
23691
+ value = e.target.checked ? 'off' : 'on';
23692
+ }
23441
23693
  if (cellType === FCellTypes.NUMBER && isInputEvent) {
23442
23694
  value = dom$f.ketchup.math.formattedStringToNumberString(value, '');
23443
23695
  }
@@ -26369,14 +26621,17 @@ function create14(component) {
26369
26621
  imageArray[0] ? (h(FImage, Object.assign({ id: "image1" }, imageArray[0], { sizeX: "84px", sizeY: "84px" }))) : (h("div", { class: "sub-spinner" },
26370
26622
  h("kup-spinner", { active: true, dimensions: "7px", layout: 14 }))),
26371
26623
  h("div", { class: "sub-1" },
26372
- textArray[0] ? (h("div", { class: "title" },
26373
- h("span", { class: `label ${KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]),
26374
- buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26375
- KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
26376
- buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26377
- KupColumnMenuIds.BUTTON_SEARCH)))) : null,
26378
- buttonsIds.includes(KupColumnMenuIds.BUTTON_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26379
- KupColumnMenuIds.BUTTON_NEW)))) : null)) : null,
26624
+ textArray[0] ||
26625
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
26626
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "top" },
26627
+ textArray[0] ? (h("div", { class: "title" },
26628
+ h("span", { class: `label ${KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
26629
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
26630
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "buttons" },
26631
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26632
+ KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
26633
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26634
+ KupColumnMenuIds.BUTTON_SEARCH)))) : null)) : null)) : null,
26380
26635
  textArray[1] && textArray[2] ? (h("div", { class: "info" },
26381
26636
  h("span", { class: "label" }, textArray[1]),
26382
26637
  h("span", { class: "value" }, textArray[2]))) : null,
@@ -26504,12 +26759,17 @@ function create15(component) {
26504
26759
  imageArray[0] ? (h(FImage, Object.assign({ id: "image1" }, imageArray[0], { sizeX: "84px", sizeY: "84px" }))) : (h("div", { class: "sub-spinner" },
26505
26760
  h("kup-spinner", { active: true, dimensions: "7px", layout: 14 }))),
26506
26761
  h("div", { class: "sub-1" },
26507
- textArray[0] ? (h("div", { class: "title" },
26508
- h("span", { class: `label ${KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]),
26509
- buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26510
- KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
26511
- buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26512
- KupColumnMenuIds.BUTTON_SEARCH)))) : null)) : null,
26762
+ textArray[0] ||
26763
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
26764
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "top" },
26765
+ textArray[0] ? (h("div", { class: "title" },
26766
+ h("span", { class: `label ${KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
26767
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
26768
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "buttons" },
26769
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26770
+ KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
26771
+ buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
26772
+ KupColumnMenuIds.BUTTON_SEARCH)))) : null)) : null)) : null,
26513
26773
  sectionOneArray[1] && sectionOneArray[2] ? (h("div", { class: "info" },
26514
26774
  h("span", { class: "label" }, sectionOneArray[1]),
26515
26775
  h("span", { class: "value" }, sectionOneArray[2]))) : null,
@@ -28608,19 +28868,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28608
28868
  return;
28609
28869
  }
28610
28870
  keys.forEach((key) => {
28611
- const currentTotalValue = dom$4.ketchup.math.numberify(groupRow.group.totals[key] || 0);
28612
28871
  const cell = addedRow.cells[key];
28613
28872
  if (cell) {
28614
- let _isNumber = dom$4.ketchup.objects.isNumber(cell.obj);
28873
+ const _isNumber = dom$4.ketchup.objects.isNumber(cell.obj);
28615
28874
  const totalMode = totals[key];
28616
28875
  switch (totalMode) {
28617
28876
  case TotalMode.COUNT:
28618
- groupRow.group.totals[key] = currentTotalValue + 1;
28877
+ let currentTotalValue = groupRow.group.totals[key] || 0;
28878
+ groupRow.group.totals[key] = ++currentTotalValue;
28619
28879
  // updating parents
28620
28880
  let parent = groupRow.group.parent;
28621
28881
  while (parent != null) {
28622
- const currentParentCount = parent.group.totals[key] || 0;
28623
- parent.group.totals[key] = currentParentCount + 1;
28882
+ let currentParentCount = parent.group.totals[key] || 0;
28883
+ parent.group.totals[key] = ++currentParentCount;
28624
28884
  parent = parent.group.parent;
28625
28885
  }
28626
28886
  break;
@@ -28678,8 +28938,9 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28678
28938
  break;
28679
28939
  case TotalMode.SUM:
28680
28940
  case TotalMode.AVERAGE:
28681
- if (_isNumber) {
28941
+ if (_isNumber && cell.value) {
28682
28942
  const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
28943
+ const currentTotalValue = groupRow.group.totals[key] || 0;
28683
28944
  groupRow.group.totals[key] =
28684
28945
  cellValue + currentTotalValue;
28685
28946
  // updating parents
@@ -28694,11 +28955,11 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28694
28955
  break;
28695
28956
  // TODO DRY the MIN and MAX functions
28696
28957
  case TotalMode.MIN:
28697
- if (_isNumber) {
28698
- const currentTotalValue = groupRow.group.totals[key];
28958
+ if (_isNumber && cell.value) {
28959
+ const currentMinValue = groupRow.group.totals[key];
28699
28960
  const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
28700
- if (currentTotalValue) {
28701
- groupRow.group.totals[key] = Math.min(currentTotalValue, cellValue);
28961
+ if (currentMinValue) {
28962
+ groupRow.group.totals[key] = Math.min(currentMinValue, cellValue);
28702
28963
  }
28703
28964
  else {
28704
28965
  // first round
@@ -28718,22 +28979,21 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28718
28979
  parent = parent.group.parent;
28719
28980
  }
28720
28981
  }
28721
- else if (dom$4.ketchup.objects.isDate(cell.obj)) {
28722
- const momentValue = cell.obj
28723
- ? dom$4.ketchup.objects.parseDate(cell.obj)
28724
- : dom$4.ketchup.dates.toDayjs(cell.value);
28725
- if (dom$4.ketchup.dates.isValid(momentValue)) {
28726
- const cellValue = dom$4.ketchup.dates.toDate(momentValue);
28727
- const currentTotalValue = groupRow.group.totals[key];
28728
- if (currentTotalValue) {
28982
+ else if (cell.value &&
28983
+ dom$4.ketchup.objects.isDate(cell.obj)) {
28984
+ const cellValue = dom$4.ketchup.dates.toDayjs(cell.value);
28985
+ if (dom$4.ketchup.dates.isValid(cellValue)) {
28986
+ const currentMinValue = groupRow.group.totals[key];
28987
+ if (currentMinValue) {
28729
28988
  let moments = [];
28730
28989
  moments.push(cellValue);
28731
- moments.push(dom$4.ketchup.dates.format(currentTotalValue));
28990
+ moments.push(dom$4.ketchup.dates.toDayjs(currentMinValue));
28732
28991
  groupRow.group.totals[key] =
28733
- dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments));
28992
+ dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
28734
28993
  }
28735
28994
  else {
28736
- groupRow.group.totals[key] = cellValue;
28995
+ groupRow.group.totals[key] =
28996
+ dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
28737
28997
  }
28738
28998
  // updating parents
28739
28999
  let parent = groupRow.group.parent;
@@ -28742,13 +29002,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28742
29002
  if (currentParentMin) {
28743
29003
  let moments = [];
28744
29004
  moments.push(cellValue);
28745
- moments.push(dom$4.ketchup.dates.format(currentParentMin));
29005
+ moments.push(dom$4.ketchup.dates.toDayjs(currentParentMin));
28746
29006
  parent.group.totals[key] =
28747
- dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments));
29007
+ dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
28748
29008
  }
28749
29009
  else {
28750
29010
  // first round
28751
- parent.group.totals[key] = cellValue;
29011
+ parent.group.totals[key] =
29012
+ dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
28752
29013
  }
28753
29014
  parent = parent.group.parent;
28754
29015
  }
@@ -28757,11 +29018,11 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28757
29018
  break;
28758
29019
  // TODO DRY the MIN and MAX functions
28759
29020
  case TotalMode.MAX:
28760
- if (_isNumber) {
28761
- const currentTotalValue = groupRow.group.totals[key];
29021
+ if (_isNumber && cell.value) {
29022
+ const currentMaxValue = groupRow.group.totals[key];
28762
29023
  const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
28763
- if (currentTotalValue) {
28764
- groupRow.group.totals[key] = Math.max(currentTotalValue, cellValue);
29024
+ if (currentMaxValue) {
29025
+ groupRow.group.totals[key] = Math.max(currentMaxValue, cellValue);
28765
29026
  }
28766
29027
  else {
28767
29028
  // first round
@@ -28781,37 +29042,37 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
28781
29042
  parent = parent.group.parent;
28782
29043
  }
28783
29044
  }
28784
- else if (dom$4.ketchup.objects.isDate(cell.obj)) {
28785
- const momentValue = cell.obj
28786
- ? dom$4.ketchup.objects.parseDate(cell.obj)
28787
- : dom$4.ketchup.dates.toDayjs(cell.value);
28788
- if (dom$4.ketchup.dates.isValid(momentValue)) {
28789
- const cellValue = dom$4.ketchup.dates.toDate(momentValue);
28790
- const currentTotalValue = groupRow.group.totals[key];
28791
- if (currentTotalValue) {
29045
+ else if (cell.value &&
29046
+ dom$4.ketchup.objects.isDate(cell.obj)) {
29047
+ const cellValue = dom$4.ketchup.dates.toDayjs(cell.value);
29048
+ if (dom$4.ketchup.dates.isValid(cellValue)) {
29049
+ const currentMaxValue = groupRow.group.totals[key];
29050
+ if (currentMaxValue) {
28792
29051
  let moments = [];
28793
29052
  moments.push(cellValue);
28794
- moments.push(dom$4.ketchup.dates.format(currentTotalValue));
29053
+ moments.push(dom$4.ketchup.dates.toDayjs(currentMaxValue));
28795
29054
  groupRow.group.totals[key] =
28796
- dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments));
29055
+ dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
28797
29056
  }
28798
29057
  else {
28799
- groupRow.group.totals[key] = cellValue;
29058
+ groupRow.group.totals[key] =
29059
+ dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
28800
29060
  }
28801
29061
  // updating parents
28802
29062
  let parent = groupRow.group.parent;
28803
29063
  while (parent != null) {
28804
- const currentParentMin = parent.group.totals[key];
28805
- if (currentParentMin) {
29064
+ const currentParentMax = parent.group.totals[key];
29065
+ if (currentParentMax) {
28806
29066
  let moments = [];
28807
29067
  moments.push(cellValue);
28808
- moments.push(dom$4.ketchup.dates.format(currentParentMin));
29068
+ moments.push(dom$4.ketchup.dates.toDayjs(currentParentMax));
28809
29069
  parent.group.totals[key] =
28810
- dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments));
29070
+ dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
28811
29071
  }
28812
29072
  else {
28813
29073
  // first round
28814
- parent.group.totals[key] = cellValue;
29074
+ parent.group.totals[key] =
29075
+ dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
28815
29076
  }
28816
29077
  parent = parent.group.parent;
28817
29078
  }
@@ -28900,9 +29161,7 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
28900
29161
  // adjust average/formulas
28901
29162
  toAdjustKeys.forEach((key) => {
28902
29163
  if (type == TotalMode.AVERAGE) {
28903
- row.group.totals[key] =
28904
- dom$4.ketchup.math.numberify(row.group.totals[key]) /
28905
- numberOfLeaf;
29164
+ row.group.totals[key] = row.group.totals[key] / numberOfLeaf;
28906
29165
  }
28907
29166
  if (type == TotalMode.MATH) {
28908
29167
  let formula = totals[key].substring(TotalMode.MATH.length);
@@ -31034,19 +31293,6 @@ var KupProgressBarProps;
31034
31293
  KupProgressBarProps["value"] = "The current value the progress bar must display.";
31035
31294
  })(KupProgressBarProps || (KupProgressBarProps = {}));
31036
31295
 
31037
- /**
31038
- * Props of the kup-radio component.
31039
- * Used to export every prop in an object.
31040
- */
31041
- var KupRadioProps;
31042
- (function (KupRadioProps) {
31043
- KupRadioProps["columns"] = "Number of columns. When undefined, radio fields will be displayed inline.";
31044
- KupRadioProps["customStyle"] = "Custom style of the component.";
31045
- KupRadioProps["data"] = "List of elements.";
31046
- KupRadioProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
31047
- KupRadioProps["leadingLabel"] = "Defaults at false. When set to true, the label will be on the left of the component.";
31048
- })(KupRadioProps || (KupRadioProps = {}));
31049
-
31050
31296
  /**
31051
31297
  * Props of the kup-rating component.
31052
31298
  * Used to export every prop in an object.
@@ -31152,6 +31398,19 @@ var KupTimePickerProps;
31152
31398
  KupTimePickerProps["timeMinutesStep"] = "Minutes step";
31153
31399
  })(KupTimePickerProps || (KupTimePickerProps = {}));
31154
31400
 
31401
+ /**
31402
+ * Props of the kup-radio component.
31403
+ * Used to export every prop in an object.
31404
+ */
31405
+ var KupRadioProps;
31406
+ (function (KupRadioProps) {
31407
+ KupRadioProps["columns"] = "Number of columns. When undefined, radio fields will be displayed inline.";
31408
+ KupRadioProps["customStyle"] = "Custom style of the component.";
31409
+ KupRadioProps["data"] = "List of elements.";
31410
+ KupRadioProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
31411
+ KupRadioProps["leadingLabel"] = "Defaults at false. When set to true, the label will be on the left of the component.";
31412
+ })(KupRadioProps || (KupRadioProps = {}));
31413
+
31155
31414
  class KupTreeState {
31156
31415
  constructor() {
31157
31416
  this.density = 'small';
@@ -32686,6 +32945,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends HTMLEleme
32686
32945
  "refresh": [64],
32687
32946
  "resizeCallback": [64],
32688
32947
  "setProps": [64]
32948
+ }, undefined, {
32949
+ "data": ["enrichDataWhenChanged"],
32950
+ "expanded": ["enrichStructureStateWhenChanged"]
32689
32951
  }]);
32690
32952
  _KupTree_kupManager = new WeakMap();
32691
32953
  function defineCustomElement$q() {
@@ -32786,37 +33048,311 @@ function defineCustomElement$q() {
32786
33048
  break;
32787
33049
  case "kup-radio":
32788
33050
  if (!customElements.get(tagName)) {
32789
- defineCustomElement$j();
33051
+ defineCustomElement$p();
32790
33052
  }
32791
33053
  break;
32792
33054
  case "kup-rating":
32793
33055
  if (!customElements.get(tagName)) {
32794
- defineCustomElement$k();
33056
+ defineCustomElement$j();
32795
33057
  }
32796
33058
  break;
32797
33059
  case "kup-spinner":
32798
33060
  if (!customElements.get(tagName)) {
32799
- defineCustomElement$l();
33061
+ defineCustomElement$k();
32800
33062
  }
32801
33063
  break;
32802
33064
  case "kup-switch":
32803
33065
  if (!customElements.get(tagName)) {
32804
- defineCustomElement$m();
33066
+ defineCustomElement$l();
32805
33067
  }
32806
33068
  break;
32807
33069
  case "kup-tab-bar":
32808
33070
  if (!customElements.get(tagName)) {
32809
- defineCustomElement$n();
33071
+ defineCustomElement$m();
32810
33072
  }
32811
33073
  break;
32812
33074
  case "kup-text-field":
33075
+ if (!customElements.get(tagName)) {
33076
+ defineCustomElement$n();
33077
+ }
33078
+ break;
33079
+ case "kup-time-picker":
32813
33080
  if (!customElements.get(tagName)) {
32814
33081
  defineCustomElement$o();
32815
33082
  }
32816
33083
  break;
33084
+ case "kup-tree":
33085
+ if (!customElements.get(tagName)) {
33086
+ defineCustomElement$q();
33087
+ }
33088
+ break;
33089
+ } });
33090
+ }
33091
+
33092
+ const kupRadioCss = ":host{display:block}";
33093
+
33094
+ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLElement$1 {
33095
+ constructor() {
33096
+ super();
33097
+ this.__registerHost();
33098
+ this.__attachShadow();
33099
+ this.kupBlur = createEvent(this, "kup-radio-blur", 6);
33100
+ this.kupChange = createEvent(this, "kup-radio-change", 6);
33101
+ this.kupFocus = createEvent(this, "kup-radio-focus", 6);
33102
+ /*-------------------------------------------------*/
33103
+ /* I n t e r n a l V a r i a b l e s */
33104
+ /*-------------------------------------------------*/
33105
+ /**
33106
+ * Instance of the KupManager class.
33107
+ */
33108
+ this.kupManager = kupManagerInstance();
33109
+ this.value = '';
33110
+ this.columns = null;
33111
+ this.customStyle = '';
33112
+ this.data = null;
33113
+ this.disabled = false;
33114
+ this.leadingLabel = false;
33115
+ }
33116
+ onKupBlur() {
33117
+ this.kupBlur.emit({
33118
+ comp: this,
33119
+ id: this.rootElement.id,
33120
+ });
33121
+ }
33122
+ onKupChange(i) {
33123
+ this.value = this.data[i].value;
33124
+ for (let index = 0; index < this.data.length; index++) {
33125
+ const radio = this.data[index];
33126
+ if (index === i) {
33127
+ radio.checked = true;
33128
+ }
33129
+ else {
33130
+ radio.checked = false;
33131
+ }
33132
+ }
33133
+ this.kupChange.emit({
33134
+ comp: this,
33135
+ id: this.rootElement.id,
33136
+ value: this.value,
33137
+ });
33138
+ this.refresh();
33139
+ }
33140
+ onKupFocus() {
33141
+ this.kupFocus.emit({
33142
+ comp: this,
33143
+ id: this.rootElement.id,
33144
+ });
33145
+ }
33146
+ /*-------------------------------------------------*/
33147
+ /* P u b l i c M e t h o d s */
33148
+ /*-------------------------------------------------*/
33149
+ /**
33150
+ * Used to retrieve component's props values.
33151
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
33152
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
33153
+ */
33154
+ async getProps(descriptions) {
33155
+ return getProps(this, KupRadioProps, descriptions);
33156
+ }
33157
+ /**
33158
+ * This method is used to trigger a new render of the component.
33159
+ */
33160
+ async refresh() {
33161
+ forceUpdate(this);
33162
+ }
33163
+ /**
33164
+ * Sets the props to the component.
33165
+ * @param {GenericObject} props - Object containing props that will be set to the component.
33166
+ */
33167
+ async setProps(props) {
33168
+ setProps(this, KupRadioProps, props);
33169
+ }
33170
+ /*-------------------------------------------------*/
33171
+ /* L i f e c y c l e H o o k s */
33172
+ /*-------------------------------------------------*/
33173
+ componentWillLoad() {
33174
+ this.kupManager.debug.logLoad(this, false);
33175
+ this.kupManager.theme.register(this);
33176
+ }
33177
+ componentDidLoad() {
33178
+ this.kupManager.debug.logLoad(this, true);
33179
+ }
33180
+ componentWillRender() {
33181
+ this.kupManager.debug.logRender(this, false);
33182
+ }
33183
+ componentDidRender() {
33184
+ this.kupManager.debug.logRender(this, true);
33185
+ }
33186
+ render() {
33187
+ if (!this.data || this.data.length === 0) {
33188
+ return;
33189
+ }
33190
+ const props = {
33191
+ columns: this.columns,
33192
+ danger: this.rootElement.classList.contains('kup-danger')
33193
+ ? true
33194
+ : false,
33195
+ data: this.data,
33196
+ disabled: this.disabled,
33197
+ info: this.rootElement.classList.contains('kup-info')
33198
+ ? true
33199
+ : false,
33200
+ leadingLabel: this.leadingLabel,
33201
+ secondary: this.rootElement.classList.contains('kup-secondary')
33202
+ ? true
33203
+ : false,
33204
+ success: this.rootElement.classList.contains('kup-success')
33205
+ ? true
33206
+ : false,
33207
+ warning: this.rootElement.classList.contains('kup-warning')
33208
+ ? true
33209
+ : false,
33210
+ onBlur: () => this.onKupBlur(),
33211
+ onChange: (i) => this.onKupChange(i),
33212
+ onFocus: () => this.onKupFocus(),
33213
+ };
33214
+ return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FRadio, Object.assign({}, props)))));
33215
+ }
33216
+ disconnectedCallback() {
33217
+ this.kupManager.theme.unregister(this);
33218
+ }
33219
+ get rootElement() { return this; }
33220
+ static get style() { return kupRadioCss; }
33221
+ }, [1, "kup-radio", {
33222
+ "columns": [2],
33223
+ "customStyle": [1, "custom-style"],
33224
+ "data": [16],
33225
+ "disabled": [4],
33226
+ "leadingLabel": [4, "leading-label"],
33227
+ "value": [32],
33228
+ "getProps": [64],
33229
+ "refresh": [64],
33230
+ "setProps": [64]
33231
+ }]);
33232
+ function defineCustomElement$p() {
33233
+ if (typeof customElements === "undefined") {
33234
+ return;
33235
+ }
33236
+ const components = ["kup-radio", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
33237
+ components.forEach(tagName => { switch (tagName) {
33238
+ case "kup-radio":
33239
+ if (!customElements.get(tagName)) {
33240
+ customElements.define(tagName, KupRadio);
33241
+ }
33242
+ break;
33243
+ case "kup-autocomplete":
33244
+ if (!customElements.get(tagName)) {
33245
+ defineCustomElement();
33246
+ }
33247
+ break;
33248
+ case "kup-badge":
33249
+ if (!customElements.get(tagName)) {
33250
+ defineCustomElement$1();
33251
+ }
33252
+ break;
33253
+ case "kup-button":
33254
+ if (!customElements.get(tagName)) {
33255
+ defineCustomElement$2();
33256
+ }
33257
+ break;
33258
+ case "kup-button-list":
33259
+ if (!customElements.get(tagName)) {
33260
+ defineCustomElement$3();
33261
+ }
33262
+ break;
33263
+ case "kup-card":
33264
+ if (!customElements.get(tagName)) {
33265
+ defineCustomElement$4();
33266
+ }
33267
+ break;
33268
+ case "kup-chart":
33269
+ if (!customElements.get(tagName)) {
33270
+ defineCustomElement$5();
33271
+ }
33272
+ break;
33273
+ case "kup-checkbox":
33274
+ if (!customElements.get(tagName)) {
33275
+ defineCustomElement$6();
33276
+ }
33277
+ break;
33278
+ case "kup-chip":
33279
+ if (!customElements.get(tagName)) {
33280
+ defineCustomElement$7();
33281
+ }
33282
+ break;
33283
+ case "kup-color-picker":
33284
+ if (!customElements.get(tagName)) {
33285
+ defineCustomElement$8();
33286
+ }
33287
+ break;
33288
+ case "kup-combobox":
33289
+ if (!customElements.get(tagName)) {
33290
+ defineCustomElement$9();
33291
+ }
33292
+ break;
33293
+ case "kup-data-table":
33294
+ if (!customElements.get(tagName)) {
33295
+ defineCustomElement$a();
33296
+ }
33297
+ break;
33298
+ case "kup-date-picker":
33299
+ if (!customElements.get(tagName)) {
33300
+ defineCustomElement$d();
33301
+ }
33302
+ break;
33303
+ case "kup-dropdown-button":
33304
+ if (!customElements.get(tagName)) {
33305
+ defineCustomElement$e();
33306
+ }
33307
+ break;
33308
+ case "kup-gauge":
33309
+ if (!customElements.get(tagName)) {
33310
+ defineCustomElement$f();
33311
+ }
33312
+ break;
33313
+ case "kup-image":
33314
+ if (!customElements.get(tagName)) {
33315
+ defineCustomElement$g();
33316
+ }
33317
+ break;
33318
+ case "kup-list":
33319
+ if (!customElements.get(tagName)) {
33320
+ defineCustomElement$h();
33321
+ }
33322
+ break;
33323
+ case "kup-progress-bar":
33324
+ if (!customElements.get(tagName)) {
33325
+ defineCustomElement$i();
33326
+ }
33327
+ break;
33328
+ case "kup-rating":
33329
+ if (!customElements.get(tagName)) {
33330
+ defineCustomElement$j();
33331
+ }
33332
+ break;
33333
+ case "kup-spinner":
33334
+ if (!customElements.get(tagName)) {
33335
+ defineCustomElement$k();
33336
+ }
33337
+ break;
33338
+ case "kup-switch":
33339
+ if (!customElements.get(tagName)) {
33340
+ defineCustomElement$l();
33341
+ }
33342
+ break;
33343
+ case "kup-tab-bar":
33344
+ if (!customElements.get(tagName)) {
33345
+ defineCustomElement$m();
33346
+ }
33347
+ break;
33348
+ case "kup-text-field":
33349
+ if (!customElements.get(tagName)) {
33350
+ defineCustomElement$n();
33351
+ }
33352
+ break;
32817
33353
  case "kup-time-picker":
32818
33354
  if (!customElements.get(tagName)) {
32819
- defineCustomElement$p();
33355
+ defineCustomElement$o();
32820
33356
  }
32821
33357
  break;
32822
33358
  case "kup-tree":
@@ -33266,8 +33802,10 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
33266
33802
  "setFocus": [64],
33267
33803
  "setProps": [64],
33268
33804
  "setValue": [64]
33269
- }, [[4, "keyup", "listenKeyup"]]]);
33270
- function defineCustomElement$p() {
33805
+ }, [[4, "keyup", "listenKeyup"]], {
33806
+ "timeMinutesStep": ["watchTimeMinutesStep"]
33807
+ }]);
33808
+ function defineCustomElement$o() {
33271
33809
  if (typeof customElements === "undefined") {
33272
33810
  return;
33273
33811
  }
@@ -33365,37 +33903,37 @@ function defineCustomElement$p() {
33365
33903
  break;
33366
33904
  case "kup-radio":
33367
33905
  if (!customElements.get(tagName)) {
33368
- defineCustomElement$j();
33906
+ defineCustomElement$p();
33369
33907
  }
33370
33908
  break;
33371
33909
  case "kup-rating":
33372
33910
  if (!customElements.get(tagName)) {
33373
- defineCustomElement$k();
33911
+ defineCustomElement$j();
33374
33912
  }
33375
33913
  break;
33376
33914
  case "kup-spinner":
33377
33915
  if (!customElements.get(tagName)) {
33378
- defineCustomElement$l();
33916
+ defineCustomElement$k();
33379
33917
  }
33380
33918
  break;
33381
33919
  case "kup-switch":
33382
33920
  if (!customElements.get(tagName)) {
33383
- defineCustomElement$m();
33921
+ defineCustomElement$l();
33384
33922
  }
33385
33923
  break;
33386
33924
  case "kup-tab-bar":
33387
33925
  if (!customElements.get(tagName)) {
33388
- defineCustomElement$n();
33926
+ defineCustomElement$m();
33389
33927
  }
33390
33928
  break;
33391
33929
  case "kup-text-field":
33392
33930
  if (!customElements.get(tagName)) {
33393
- defineCustomElement$o();
33931
+ defineCustomElement$n();
33394
33932
  }
33395
33933
  break;
33396
33934
  case "kup-time-picker":
33397
33935
  if (!customElements.get(tagName)) {
33398
- defineCustomElement$p();
33936
+ defineCustomElement$o();
33399
33937
  }
33400
33938
  break;
33401
33939
  case "kup-tree":
@@ -33733,11 +34271,11 @@ _KupTextField_instances = new WeakSet(), _KupTextField_getValueForOutput = funct
33733
34271
  this.value = target.value;
33734
34272
  }
33735
34273
  };
33736
- function defineCustomElement$o() {
34274
+ function defineCustomElement$n() {
33737
34275
  if (typeof customElements === "undefined") {
33738
34276
  return;
33739
34277
  }
33740
- const components = ["kup-text-field", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34278
+ const components = ["kup-text-field", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
33741
34279
  components.forEach(tagName => { switch (tagName) {
33742
34280
  case "kup-text-field":
33743
34281
  if (!customElements.get(tagName)) {
@@ -33829,39 +34367,34 @@ function defineCustomElement$o() {
33829
34367
  defineCustomElement$i();
33830
34368
  }
33831
34369
  break;
33832
- case "kup-radio":
33833
- if (!customElements.get(tagName)) {
33834
- defineCustomElement$j();
33835
- }
33836
- break;
33837
34370
  case "kup-rating":
33838
34371
  if (!customElements.get(tagName)) {
33839
- defineCustomElement$k();
34372
+ defineCustomElement$j();
33840
34373
  }
33841
34374
  break;
33842
34375
  case "kup-spinner":
33843
34376
  if (!customElements.get(tagName)) {
33844
- defineCustomElement$l();
34377
+ defineCustomElement$k();
33845
34378
  }
33846
34379
  break;
33847
34380
  case "kup-switch":
33848
34381
  if (!customElements.get(tagName)) {
33849
- defineCustomElement$m();
34382
+ defineCustomElement$l();
33850
34383
  }
33851
34384
  break;
33852
34385
  case "kup-tab-bar":
33853
34386
  if (!customElements.get(tagName)) {
33854
- defineCustomElement$n();
34387
+ defineCustomElement$m();
33855
34388
  }
33856
34389
  break;
33857
34390
  case "kup-text-field":
33858
34391
  if (!customElements.get(tagName)) {
33859
- defineCustomElement$o();
34392
+ defineCustomElement$n();
33860
34393
  }
33861
34394
  break;
33862
34395
  case "kup-time-picker":
33863
34396
  if (!customElements.get(tagName)) {
33864
- defineCustomElement$p();
34397
+ defineCustomElement$o();
33865
34398
  }
33866
34399
  break;
33867
34400
  case "kup-tree":
@@ -34063,12 +34596,14 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends HTMLE
34063
34596
  "getSelectedNode": [64],
34064
34597
  "refresh": [64],
34065
34598
  "setProps": [64]
34599
+ }, undefined, {
34600
+ "ripple": ["applyRipple"]
34066
34601
  }]);
34067
- function defineCustomElement$n() {
34602
+ function defineCustomElement$m() {
34068
34603
  if (typeof customElements === "undefined") {
34069
34604
  return;
34070
34605
  }
34071
- const components = ["kup-tab-bar", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34606
+ const components = ["kup-tab-bar", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34072
34607
  components.forEach(tagName => { switch (tagName) {
34073
34608
  case "kup-tab-bar":
34074
34609
  if (!customElements.get(tagName)) {
@@ -34160,39 +34695,34 @@ function defineCustomElement$n() {
34160
34695
  defineCustomElement$i();
34161
34696
  }
34162
34697
  break;
34163
- case "kup-radio":
34164
- if (!customElements.get(tagName)) {
34165
- defineCustomElement$j();
34166
- }
34167
- break;
34168
34698
  case "kup-rating":
34169
34699
  if (!customElements.get(tagName)) {
34170
- defineCustomElement$k();
34700
+ defineCustomElement$j();
34171
34701
  }
34172
34702
  break;
34173
34703
  case "kup-spinner":
34174
34704
  if (!customElements.get(tagName)) {
34175
- defineCustomElement$l();
34705
+ defineCustomElement$k();
34176
34706
  }
34177
34707
  break;
34178
34708
  case "kup-switch":
34179
34709
  if (!customElements.get(tagName)) {
34180
- defineCustomElement$m();
34710
+ defineCustomElement$l();
34181
34711
  }
34182
34712
  break;
34183
34713
  case "kup-tab-bar":
34184
34714
  if (!customElements.get(tagName)) {
34185
- defineCustomElement$n();
34715
+ defineCustomElement$m();
34186
34716
  }
34187
34717
  break;
34188
34718
  case "kup-text-field":
34189
34719
  if (!customElements.get(tagName)) {
34190
- defineCustomElement$o();
34720
+ defineCustomElement$n();
34191
34721
  }
34192
34722
  break;
34193
34723
  case "kup-time-picker":
34194
34724
  if (!customElements.get(tagName)) {
34195
- defineCustomElement$p();
34725
+ defineCustomElement$o();
34196
34726
  }
34197
34727
  break;
34198
34728
  case "kup-tree":
@@ -34345,11 +34875,11 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends HTMLE
34345
34875
  "refresh": [64],
34346
34876
  "setProps": [64]
34347
34877
  }]);
34348
- function defineCustomElement$m() {
34878
+ function defineCustomElement$l() {
34349
34879
  if (typeof customElements === "undefined") {
34350
34880
  return;
34351
34881
  }
34352
- const components = ["kup-switch", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34882
+ const components = ["kup-switch", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34353
34883
  components.forEach(tagName => { switch (tagName) {
34354
34884
  case "kup-switch":
34355
34885
  if (!customElements.get(tagName)) {
@@ -34441,39 +34971,34 @@ function defineCustomElement$m() {
34441
34971
  defineCustomElement$i();
34442
34972
  }
34443
34973
  break;
34444
- case "kup-radio":
34445
- if (!customElements.get(tagName)) {
34446
- defineCustomElement$j();
34447
- }
34448
- break;
34449
34974
  case "kup-rating":
34450
34975
  if (!customElements.get(tagName)) {
34451
- defineCustomElement$k();
34976
+ defineCustomElement$j();
34452
34977
  }
34453
34978
  break;
34454
34979
  case "kup-spinner":
34455
34980
  if (!customElements.get(tagName)) {
34456
- defineCustomElement$l();
34981
+ defineCustomElement$k();
34457
34982
  }
34458
34983
  break;
34459
34984
  case "kup-switch":
34460
34985
  if (!customElements.get(tagName)) {
34461
- defineCustomElement$m();
34986
+ defineCustomElement$l();
34462
34987
  }
34463
34988
  break;
34464
34989
  case "kup-tab-bar":
34465
34990
  if (!customElements.get(tagName)) {
34466
- defineCustomElement$n();
34991
+ defineCustomElement$m();
34467
34992
  }
34468
34993
  break;
34469
34994
  case "kup-text-field":
34470
34995
  if (!customElements.get(tagName)) {
34471
- defineCustomElement$o();
34996
+ defineCustomElement$n();
34472
34997
  }
34473
34998
  break;
34474
34999
  case "kup-time-picker":
34475
35000
  if (!customElements.get(tagName)) {
34476
- defineCustomElement$p();
35001
+ defineCustomElement$o();
34477
35002
  }
34478
35003
  break;
34479
35004
  case "kup-tree":
@@ -34675,11 +35200,11 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
34675
35200
  "refresh": [64],
34676
35201
  "setProps": [64]
34677
35202
  }]);
34678
- function defineCustomElement$l() {
35203
+ function defineCustomElement$k() {
34679
35204
  if (typeof customElements === "undefined") {
34680
35205
  return;
34681
35206
  }
34682
- const components = ["kup-spinner", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
35207
+ const components = ["kup-spinner", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34683
35208
  components.forEach(tagName => { switch (tagName) {
34684
35209
  case "kup-spinner":
34685
35210
  if (!customElements.get(tagName)) {
@@ -34771,304 +35296,34 @@ function defineCustomElement$l() {
34771
35296
  defineCustomElement$i();
34772
35297
  }
34773
35298
  break;
34774
- case "kup-radio":
34775
- if (!customElements.get(tagName)) {
34776
- defineCustomElement$j();
34777
- }
34778
- break;
34779
- case "kup-rating":
34780
- if (!customElements.get(tagName)) {
34781
- defineCustomElement$k();
34782
- }
34783
- break;
34784
- case "kup-spinner":
34785
- if (!customElements.get(tagName)) {
34786
- defineCustomElement$l();
34787
- }
34788
- break;
34789
- case "kup-switch":
34790
- if (!customElements.get(tagName)) {
34791
- defineCustomElement$m();
34792
- }
34793
- break;
34794
- case "kup-tab-bar":
34795
- if (!customElements.get(tagName)) {
34796
- defineCustomElement$n();
34797
- }
34798
- break;
34799
- case "kup-text-field":
34800
- if (!customElements.get(tagName)) {
34801
- defineCustomElement$o();
34802
- }
34803
- break;
34804
- case "kup-time-picker":
34805
- if (!customElements.get(tagName)) {
34806
- defineCustomElement$p();
34807
- }
34808
- break;
34809
- case "kup-tree":
34810
- if (!customElements.get(tagName)) {
34811
- defineCustomElement$q();
34812
- }
34813
- break;
34814
- } });
34815
- }
34816
-
34817
- const kupRatingCss = ":host{--kup_rating_color:var(--kup-rating-color, orange);--kup_rating_font_size:var(--kup-rating-font-size, 30px);display:block}.rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}";
34818
-
34819
- const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLElement$1 {
34820
- constructor() {
34821
- super();
34822
- this.__registerHost();
34823
- this.__attachShadow();
34824
- this.kupRatingClick = createEvent(this, "kup-rating-click", 6);
34825
- /*-------------------------------------------------*/
34826
- /* I n t e r n a l V a r i a b l e s */
34827
- /*-------------------------------------------------*/
34828
- /**
34829
- * Instance of the KupManager class.
34830
- */
34831
- this.kupManager = kupManagerInstance();
34832
- this.stars = [];
34833
- this.customStyle = '';
34834
- this.disabled = false;
34835
- this.maxValue = 5;
34836
- this.value = 0;
34837
- }
34838
- onStarClick(newValue) {
34839
- if (!this.disabled) {
34840
- this.value = newValue;
34841
- this.buildStars(this.value);
34842
- this.kupRatingClick.emit({
34843
- comp: this,
34844
- id: this.rootElement.id,
34845
- value: this.value,
34846
- });
34847
- }
34848
- }
34849
- /*-------------------------------------------------*/
34850
- /* W a t c h e r s */
34851
- /*-------------------------------------------------*/
34852
- onValueChanged() {
34853
- this.buildStars(this.value);
34854
- }
34855
- /*-------------------------------------------------*/
34856
- /* P u b l i c M e t h o d s */
34857
- /*-------------------------------------------------*/
34858
- /**
34859
- * Used to retrieve component's props values.
34860
- * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
34861
- * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
34862
- */
34863
- async getProps(descriptions) {
34864
- return getProps(this, KupRatingProps, descriptions);
34865
- }
34866
- /**
34867
- * This method is used to trigger a new render of the component.
34868
- */
34869
- async refresh() {
34870
- forceUpdate(this);
34871
- }
34872
- /**
34873
- * Sets the props to the component.
34874
- * @param {GenericObject} props - Object containing props that will be set to the component.
34875
- */
34876
- async setProps(props) {
34877
- setProps(this, KupRatingProps, props);
34878
- }
34879
- /*-------------------------------------------------*/
34880
- /* P r i v a t e M e t h o d s */
34881
- /*-------------------------------------------------*/
34882
- onMouseOver(newValue) {
34883
- if (!this.disabled) {
34884
- this.buildStars(newValue);
34885
- }
34886
- }
34887
- onMouseOut() {
34888
- if (!this.disabled) {
34889
- this.buildStars(this.value);
34890
- }
34891
- }
34892
- buildStars(numberOfStars) {
34893
- let stars = [];
34894
- for (let i = 1; i <= this.maxValue; i++) {
34895
- if (i <= numberOfStars) {
34896
- stars.push(h("span", { class: "rating", onMouseOver: () => this.onMouseOver(i), onMouseOut: () => this.onMouseOut(), onClick: () => this.onStarClick(i) }, "\u2605"));
34897
- }
34898
- else {
34899
- stars.push(h("span", { class: "rating", onMouseOver: () => this.onMouseOver(i), onMouseOut: () => this.onMouseOut(), onClick: () => this.onStarClick(i) }, "\u2606"));
34900
- }
34901
- }
34902
- this.stars = stars;
34903
- }
34904
- /*-------------------------------------------------*/
34905
- /* L i f e c y c l e H o o k s */
34906
- /*-------------------------------------------------*/
34907
- componentWillLoad() {
34908
- this.kupManager.debug.logLoad(this, false);
34909
- this.kupManager.theme.register(this);
34910
- this.onValueChanged();
34911
- }
34912
- componentDidLoad() {
34913
- this.kupManager.debug.logLoad(this, true);
34914
- }
34915
- componentWillRender() {
34916
- this.kupManager.debug.logRender(this, false);
34917
- }
34918
- componentDidRender() {
34919
- this.kupManager.debug.logRender(this, true);
34920
- }
34921
- render() {
34922
- return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", null, this.stars))));
34923
- }
34924
- disconnectedCallback() {
34925
- this.kupManager.theme.unregister(this);
34926
- }
34927
- get rootElement() { return this; }
34928
- static get watchers() { return {
34929
- "value": ["onValueChanged"],
34930
- "maxValue": ["onValueChanged"]
34931
- }; }
34932
- static get style() { return kupRatingCss; }
34933
- }, [1, "kup-rating", {
34934
- "customStyle": [1, "custom-style"],
34935
- "disabled": [4],
34936
- "maxValue": [2, "max-value"],
34937
- "value": [2],
34938
- "stars": [32],
34939
- "getProps": [64],
34940
- "refresh": [64],
34941
- "setProps": [64]
34942
- }]);
34943
- function defineCustomElement$k() {
34944
- if (typeof customElements === "undefined") {
34945
- return;
34946
- }
34947
- const components = ["kup-rating", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
34948
- components.forEach(tagName => { switch (tagName) {
34949
- case "kup-rating":
34950
- if (!customElements.get(tagName)) {
34951
- customElements.define(tagName, KupRating);
34952
- }
34953
- break;
34954
- case "kup-autocomplete":
34955
- if (!customElements.get(tagName)) {
34956
- defineCustomElement();
34957
- }
34958
- break;
34959
- case "kup-badge":
34960
- if (!customElements.get(tagName)) {
34961
- defineCustomElement$1();
34962
- }
34963
- break;
34964
- case "kup-button":
34965
- if (!customElements.get(tagName)) {
34966
- defineCustomElement$2();
34967
- }
34968
- break;
34969
- case "kup-button-list":
34970
- if (!customElements.get(tagName)) {
34971
- defineCustomElement$3();
34972
- }
34973
- break;
34974
- case "kup-card":
34975
- if (!customElements.get(tagName)) {
34976
- defineCustomElement$4();
34977
- }
34978
- break;
34979
- case "kup-chart":
34980
- if (!customElements.get(tagName)) {
34981
- defineCustomElement$5();
34982
- }
34983
- break;
34984
- case "kup-checkbox":
34985
- if (!customElements.get(tagName)) {
34986
- defineCustomElement$6();
34987
- }
34988
- break;
34989
- case "kup-chip":
34990
- if (!customElements.get(tagName)) {
34991
- defineCustomElement$7();
34992
- }
34993
- break;
34994
- case "kup-color-picker":
34995
- if (!customElements.get(tagName)) {
34996
- defineCustomElement$8();
34997
- }
34998
- break;
34999
- case "kup-combobox":
35000
- if (!customElements.get(tagName)) {
35001
- defineCustomElement$9();
35002
- }
35003
- break;
35004
- case "kup-data-table":
35005
- if (!customElements.get(tagName)) {
35006
- defineCustomElement$a();
35007
- }
35008
- break;
35009
- case "kup-date-picker":
35010
- if (!customElements.get(tagName)) {
35011
- defineCustomElement$d();
35012
- }
35013
- break;
35014
- case "kup-dropdown-button":
35015
- if (!customElements.get(tagName)) {
35016
- defineCustomElement$e();
35017
- }
35018
- break;
35019
- case "kup-gauge":
35020
- if (!customElements.get(tagName)) {
35021
- defineCustomElement$f();
35022
- }
35023
- break;
35024
- case "kup-image":
35025
- if (!customElements.get(tagName)) {
35026
- defineCustomElement$g();
35027
- }
35028
- break;
35029
- case "kup-list":
35030
- if (!customElements.get(tagName)) {
35031
- defineCustomElement$h();
35032
- }
35033
- break;
35034
- case "kup-progress-bar":
35035
- if (!customElements.get(tagName)) {
35036
- defineCustomElement$i();
35037
- }
35038
- break;
35039
- case "kup-radio":
35040
- if (!customElements.get(tagName)) {
35041
- defineCustomElement$j();
35042
- }
35043
- break;
35044
35299
  case "kup-rating":
35045
35300
  if (!customElements.get(tagName)) {
35046
- defineCustomElement$k();
35301
+ defineCustomElement$j();
35047
35302
  }
35048
35303
  break;
35049
35304
  case "kup-spinner":
35050
35305
  if (!customElements.get(tagName)) {
35051
- defineCustomElement$l();
35306
+ defineCustomElement$k();
35052
35307
  }
35053
35308
  break;
35054
35309
  case "kup-switch":
35055
35310
  if (!customElements.get(tagName)) {
35056
- defineCustomElement$m();
35311
+ defineCustomElement$l();
35057
35312
  }
35058
35313
  break;
35059
35314
  case "kup-tab-bar":
35060
35315
  if (!customElements.get(tagName)) {
35061
- defineCustomElement$n();
35316
+ defineCustomElement$m();
35062
35317
  }
35063
35318
  break;
35064
35319
  case "kup-text-field":
35065
35320
  if (!customElements.get(tagName)) {
35066
- defineCustomElement$o();
35321
+ defineCustomElement$n();
35067
35322
  }
35068
35323
  break;
35069
35324
  case "kup-time-picker":
35070
35325
  if (!customElements.get(tagName)) {
35071
- defineCustomElement$p();
35326
+ defineCustomElement$o();
35072
35327
  }
35073
35328
  break;
35074
35329
  case "kup-tree":
@@ -35079,16 +35334,14 @@ function defineCustomElement$k() {
35079
35334
  } });
35080
35335
  }
35081
35336
 
35082
- const kupRadioCss = ":host{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var(\n --kup-radio-outer-circle-color,\n rgba(var(--kup-text-color-rgb), 0.5)\n );--kup_radio_primary_color:var(\n --kup-radio-primary-color,\n var(--kup-primary-color)\n );--kup_radio_primary_color_rgb:var(\n --kup-radio-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-color));display:block;font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.875em;line-height:2em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.form-field label{color:var(--kup_radio_text_color);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.radio-wrapper .radio{border-radius:50%;padding:10px;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity, transform, border-color, color;will-change:transform, opacity}.radio-wrapper .radio:hover{background-color:rgba(var(--kup_radio_primary_color_rgb), 0.125)}.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:40px;height:40px}.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio.radio--disabled{pointer-events:none}.radio-wrapper .radio.radio--disabled+label{pointer-events:none}.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}:host(.kup-danger){--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-radio-primary-color:var(--kup-info-color);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-radio-primary-color:var(--kup-warning-color);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}";
35337
+ const kupRatingCss = ":host{display:block}";
35083
35338
 
35084
- const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLElement$1 {
35339
+ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLElement$1 {
35085
35340
  constructor() {
35086
35341
  super();
35087
35342
  this.__registerHost();
35088
35343
  this.__attachShadow();
35089
- this.kupBlur = createEvent(this, "kup-radio-blur", 6);
35090
- this.kupChange = createEvent(this, "kup-radio-change", 6);
35091
- this.kupFocus = createEvent(this, "kup-radio-focus", 6);
35344
+ this.kupClick = createEvent(this, "kup-rating-click", 6);
35092
35345
  /*-------------------------------------------------*/
35093
35346
  /* I n t e r n a l V a r i a b l e s */
35094
35347
  /*-------------------------------------------------*/
@@ -35096,41 +35349,21 @@ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLEle
35096
35349
  * Instance of the KupManager class.
35097
35350
  */
35098
35351
  this.kupManager = kupManagerInstance();
35099
- this.value = '';
35100
- this.columns = null;
35101
35352
  this.customStyle = '';
35102
- this.data = null;
35103
35353
  this.disabled = false;
35104
- this.leadingLabel = false;
35105
- }
35106
- onKupBlur() {
35107
- this.kupBlur.emit({
35108
- comp: this,
35109
- id: this.rootElement.id,
35110
- });
35354
+ this.maxValue = 5;
35355
+ this.value = 0;
35111
35356
  }
35112
- onKupChange(i) {
35113
- this.value = this.data[i].value;
35114
- for (let index = 0; index < this.data.length; index++) {
35115
- const radio = this.data[index];
35116
- if (index === i) {
35117
- radio.checked = true;
35118
- }
35119
- else {
35120
- radio.checked = false;
35121
- }
35357
+ onKupClick(newValue) {
35358
+ if (!this.disabled) {
35359
+ this.value = newValue;
35360
+ this.kupClick.emit({
35361
+ comp: this,
35362
+ id: this.rootElement.id,
35363
+ value: this.value,
35364
+ });
35365
+ this.refresh();
35122
35366
  }
35123
- this.kupChange.emit({
35124
- comp: this,
35125
- id: this.rootElement.id,
35126
- value: this.value,
35127
- });
35128
- }
35129
- onKupFocus() {
35130
- this.kupFocus.emit({
35131
- comp: this,
35132
- id: this.rootElement.id,
35133
- });
35134
35367
  }
35135
35368
  /*-------------------------------------------------*/
35136
35369
  /* P u b l i c M e t h o d s */
@@ -35141,7 +35374,7 @@ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLEle
35141
35374
  * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
35142
35375
  */
35143
35376
  async getProps(descriptions) {
35144
- return getProps(this, KupRadioProps, descriptions);
35377
+ return getProps(this, KupRatingProps, descriptions);
35145
35378
  }
35146
35379
  /**
35147
35380
  * This method is used to trigger a new render of the component.
@@ -35154,7 +35387,7 @@ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLEle
35154
35387
  * @param {GenericObject} props - Object containing props that will be set to the component.
35155
35388
  */
35156
35389
  async setProps(props) {
35157
- setProps(this, KupRadioProps, props);
35390
+ setProps(this, KupRatingProps, props);
35158
35391
  }
35159
35392
  /*-------------------------------------------------*/
35160
35393
  /* L i f e c y c l e H o o k s */
@@ -35173,44 +35406,39 @@ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends HTMLEle
35173
35406
  this.kupManager.debug.logRender(this, true);
35174
35407
  }
35175
35408
  render() {
35176
- if (!this.data || this.data.length === 0) {
35177
- return;
35178
- }
35179
- const hasColumns = !!this.columns;
35180
- const radioList = [];
35181
- for (let i = 0; i < this.data.length; i++) {
35182
- const data = this.data[i];
35183
- const classObj = {
35184
- radio: true,
35185
- 'radio--checked': data.checked ? true : false,
35186
- 'radio--disabled': this.disabled ? true : false,
35187
- };
35188
- const radioEl = (h("div", { class: `form-field ${this.leadingLabel ? ' form-field--align-end' : ''}` }, h("div", { class: classObj }, h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: this.disabled, onBlur: () => this.onKupBlur(), onChange: () => this.onKupChange(i), onFocus: () => this.onKupFocus() }), h("div", { class: "radio__background" }, h("div", { class: "radio__outer-circle" }), h("div", { class: "radio__inner-circle" }))), h("label", { htmlFor: 'radio-element', onClick: () => this.onKupChange(i) }, data.label ? data.label : '')));
35189
- radioList.push(radioEl);
35190
- }
35191
- const hostStyle = {
35192
- '--kup_radio_columns': hasColumns
35193
- ? `repeat(${this.columns}, 1fr)`
35194
- : '',
35195
- };
35196
- const classObj = {
35197
- 'radio-wrapper': true,
35198
- 'radio-wrapper--grid': hasColumns ? true : false,
35409
+ const props = {
35410
+ danger: this.rootElement.classList.contains('kup-danger')
35411
+ ? true
35412
+ : false,
35413
+ disabled: this.disabled,
35414
+ info: this.rootElement.classList.contains('kup-info')
35415
+ ? true
35416
+ : false,
35417
+ maxValue: this.maxValue,
35418
+ secondary: this.rootElement.classList.contains('kup-secondary')
35419
+ ? true
35420
+ : false,
35421
+ success: this.rootElement.classList.contains('kup-success')
35422
+ ? true
35423
+ : false,
35424
+ value: this.value,
35425
+ warning: this.rootElement.classList.contains('kup-warning')
35426
+ ? true
35427
+ : false,
35428
+ onClick: (i) => this.onKupClick(i),
35199
35429
  };
35200
- return (h(Host, { style: hostStyle }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: classObj }, radioList))));
35430
+ return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FRating, Object.assign({}, props)))));
35201
35431
  }
35202
35432
  disconnectedCallback() {
35203
35433
  this.kupManager.theme.unregister(this);
35204
35434
  }
35205
35435
  get rootElement() { return this; }
35206
- static get style() { return kupRadioCss; }
35207
- }, [1, "kup-radio", {
35208
- "columns": [2],
35436
+ static get style() { return kupRatingCss; }
35437
+ }, [1, "kup-rating", {
35209
35438
  "customStyle": [1, "custom-style"],
35210
- "data": [16],
35211
35439
  "disabled": [4],
35212
- "leadingLabel": [4, "leading-label"],
35213
- "value": [32],
35440
+ "maxValue": [2, "max-value"],
35441
+ "value": [2],
35214
35442
  "getProps": [64],
35215
35443
  "refresh": [64],
35216
35444
  "setProps": [64]
@@ -35219,11 +35447,11 @@ function defineCustomElement$j() {
35219
35447
  if (typeof customElements === "undefined") {
35220
35448
  return;
35221
35449
  }
35222
- const components = ["kup-radio", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
35450
+ const components = ["kup-rating", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
35223
35451
  components.forEach(tagName => { switch (tagName) {
35224
- case "kup-radio":
35452
+ case "kup-rating":
35225
35453
  if (!customElements.get(tagName)) {
35226
- customElements.define(tagName, KupRadio);
35454
+ customElements.define(tagName, KupRating);
35227
35455
  }
35228
35456
  break;
35229
35457
  case "kup-autocomplete":
@@ -35311,39 +35539,34 @@ function defineCustomElement$j() {
35311
35539
  defineCustomElement$i();
35312
35540
  }
35313
35541
  break;
35314
- case "kup-radio":
35315
- if (!customElements.get(tagName)) {
35316
- defineCustomElement$j();
35317
- }
35318
- break;
35319
35542
  case "kup-rating":
35320
35543
  if (!customElements.get(tagName)) {
35321
- defineCustomElement$k();
35544
+ defineCustomElement$j();
35322
35545
  }
35323
35546
  break;
35324
35547
  case "kup-spinner":
35325
35548
  if (!customElements.get(tagName)) {
35326
- defineCustomElement$l();
35549
+ defineCustomElement$k();
35327
35550
  }
35328
35551
  break;
35329
35552
  case "kup-switch":
35330
35553
  if (!customElements.get(tagName)) {
35331
- defineCustomElement$m();
35554
+ defineCustomElement$l();
35332
35555
  }
35333
35556
  break;
35334
35557
  case "kup-tab-bar":
35335
35558
  if (!customElements.get(tagName)) {
35336
- defineCustomElement$n();
35559
+ defineCustomElement$m();
35337
35560
  }
35338
35561
  break;
35339
35562
  case "kup-text-field":
35340
35563
  if (!customElements.get(tagName)) {
35341
- defineCustomElement$o();
35564
+ defineCustomElement$n();
35342
35565
  }
35343
35566
  break;
35344
35567
  case "kup-time-picker":
35345
35568
  if (!customElements.get(tagName)) {
35346
- defineCustomElement$p();
35569
+ defineCustomElement$o();
35347
35570
  }
35348
35571
  break;
35349
35572
  case "kup-tree":
@@ -35354,7 +35577,7 @@ function defineCustomElement$j() {
35354
35577
  } });
35355
35578
  }
35356
35579
 
35357
- const kupProgressBarCss = ":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n --kup-progressbar-font-family,\n var(--kup-font-family)\n );--kup_progressbar_font_size:var(\n --kup-progressbar-font-size,\n var(--kup-font-size)\n );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n --kup-progressbar-primary-color,\n var(--kup-primary-color)\n );--kup_progressbar_text_color:var(\n --kup-progressbar-text-color,\n var(--kup-text-color)\n );--kup_progressbar_text_color_rgb:var(\n --kup-progressbar-text-color-rgb,\n var(--kup-text-color-rgb)\n );--kup_progressbar_text_on_primary_color:var(\n --kup-progressbar-text-on-primary-color,\n var(--kup-text-on-primary-color)\n );--kup_progressbar_track_color:var(\n --kup-progressbar-track-color,\n var(--kup-disabled-background-color)\n );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto;padding:1.25em 0px}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}";
35580
+ const kupProgressBarCss = ":host{display:block;width:var(--kup-progressbar-width, 100%)}";
35358
35581
 
35359
35582
  const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar extends HTMLElement$1 {
35360
35583
  constructor() {
@@ -35401,27 +35624,6 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
35401
35624
  setProps(this, KupProgressBarProps, props);
35402
35625
  }
35403
35626
  /*-------------------------------------------------*/
35404
- /* P r i v a t e M e t h o d s */
35405
- /*-------------------------------------------------*/
35406
- createIconElement() {
35407
- if (!this.icon) {
35408
- return undefined;
35409
- }
35410
- if (this.icon.indexOf('.') > -1 ||
35411
- this.icon.indexOf('/') > -1 ||
35412
- this.icon.indexOf('\\') > -1) {
35413
- return (h("span", { class: "label kup-icon is-image" }, h("img", { src: this.icon })));
35414
- }
35415
- else {
35416
- let svg = `url('${getAssetPath(`./assets/svg/${this.icon}.svg`)}') no-repeat center`;
35417
- let iconStyle = {
35418
- mask: svg,
35419
- webkitMask: svg,
35420
- };
35421
- return h("span", { style: iconStyle, class: "label kup-icon" });
35422
- }
35423
- }
35424
- /*-------------------------------------------------*/
35425
35627
  /* L i f e c y c l e H o o k s */
35426
35628
  /*-------------------------------------------------*/
35427
35629
  componentWillLoad() {
@@ -35443,69 +35645,42 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
35443
35645
  this.kupManager.debug.logRender(this, true);
35444
35646
  }
35445
35647
  render() {
35446
- let componentClass = '';
35447
- let pieClass = 'pie';
35448
- let radialStyle = undefined;
35449
- if (this.isRadial) {
35450
- componentClass = 'pie-wrapper';
35451
- }
35452
- else {
35453
- componentClass = 'progress-bar';
35454
- }
35455
- let labelStyle = undefined;
35456
- const valueStyle = {
35457
- width: `${this.value}%`,
35648
+ const props = {
35649
+ animated: this.rootElement.classList.contains('kup-animated')
35650
+ ? true
35651
+ : false,
35652
+ danger: this.rootElement.classList.contains('kup-danger')
35653
+ ? true
35654
+ : false,
35655
+ centeredLabel: this.centeredLabel,
35656
+ hideLabel: this.hideLabel,
35657
+ icon: this.icon,
35658
+ info: this.rootElement.classList.contains('kup-info')
35659
+ ? true
35660
+ : false,
35661
+ isRadial: this.isRadial,
35662
+ label: this.label,
35663
+ padded: this.rootElement.classList.contains('kup-padded')
35664
+ ? true
35665
+ : false,
35666
+ secondary: this.rootElement.classList.contains('kup-secondary')
35667
+ ? true
35668
+ : false,
35669
+ slim: this.rootElement.classList.contains('kup-slim')
35670
+ ? true
35671
+ : false,
35672
+ striped: this.rootElement.classList.contains('kup-striped')
35673
+ ? true
35674
+ : false,
35675
+ success: this.rootElement.classList.contains('kup-success')
35676
+ ? true
35677
+ : false,
35678
+ value: this.value,
35679
+ warning: this.rootElement.classList.contains('kup-warning')
35680
+ ? true
35681
+ : false,
35458
35682
  };
35459
- if (!this.centeredLabel) {
35460
- labelStyle = valueStyle;
35461
- if (this.value > 2) {
35462
- componentClass += ' text-color-on-primary';
35463
- }
35464
- }
35465
- else if (this.value > 49) {
35466
- componentClass += ' text-color-on-primary';
35467
- }
35468
- let label = null;
35469
- if (this.icon) {
35470
- label = this.createIconElement();
35471
- }
35472
- else {
35473
- if (!this.hideLabel) {
35474
- if (this.isRadial) {
35475
- if (this.label) {
35476
- label = h("span", { class: "label" }, this.label);
35477
- }
35478
- else {
35479
- label = (h("span", { class: "label" }, this.value, h("span", { class: "smaller" }, "%")));
35480
- }
35481
- }
35482
- else {
35483
- if (this.label) {
35484
- label = this.label;
35485
- }
35486
- else {
35487
- label = this.value + '%';
35488
- }
35489
- }
35490
- }
35491
- }
35492
- if (this.value > 0) {
35493
- pieClass += ' has-value';
35494
- if (this.value > 50) {
35495
- pieClass += ' is-more-than-half';
35496
- }
35497
- else {
35498
- pieClass += ' is-less-than-half';
35499
- }
35500
- }
35501
- let el;
35502
- if (this.isRadial) {
35503
- el = (h("div", { class: componentClass }, label, h("div", { class: pieClass }, h("div", { style: radialStyle, class: "left-side half-circle" }), h("div", { class: "right-side half-circle" })), h("div", { class: "shadow" })));
35504
- }
35505
- else {
35506
- el = (h("div", { class: componentClass }, h("div", { class: "progress-bar-percentage", style: valueStyle }, h("span", { style: labelStyle }, label))));
35507
- }
35508
- return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, el)));
35683
+ return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FProgressBar, Object.assign({}, props)))));
35509
35684
  }
35510
35685
  disconnectedCallback() {
35511
35686
  this.kupManager.theme.unregister(this);
@@ -35528,7 +35703,7 @@ function defineCustomElement$i() {
35528
35703
  if (typeof customElements === "undefined") {
35529
35704
  return;
35530
35705
  }
35531
- const components = ["kup-progress-bar", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
35706
+ const components = ["kup-progress-bar", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
35532
35707
  components.forEach(tagName => { switch (tagName) {
35533
35708
  case "kup-progress-bar":
35534
35709
  if (!customElements.get(tagName)) {
@@ -35620,39 +35795,34 @@ function defineCustomElement$i() {
35620
35795
  defineCustomElement$i();
35621
35796
  }
35622
35797
  break;
35623
- case "kup-radio":
35624
- if (!customElements.get(tagName)) {
35625
- defineCustomElement$j();
35626
- }
35627
- break;
35628
35798
  case "kup-rating":
35629
35799
  if (!customElements.get(tagName)) {
35630
- defineCustomElement$k();
35800
+ defineCustomElement$j();
35631
35801
  }
35632
35802
  break;
35633
35803
  case "kup-spinner":
35634
35804
  if (!customElements.get(tagName)) {
35635
- defineCustomElement$l();
35805
+ defineCustomElement$k();
35636
35806
  }
35637
35807
  break;
35638
35808
  case "kup-switch":
35639
35809
  if (!customElements.get(tagName)) {
35640
- defineCustomElement$m();
35810
+ defineCustomElement$l();
35641
35811
  }
35642
35812
  break;
35643
35813
  case "kup-tab-bar":
35644
35814
  if (!customElements.get(tagName)) {
35645
- defineCustomElement$n();
35815
+ defineCustomElement$m();
35646
35816
  }
35647
35817
  break;
35648
35818
  case "kup-text-field":
35649
35819
  if (!customElements.get(tagName)) {
35650
- defineCustomElement$o();
35820
+ defineCustomElement$n();
35651
35821
  }
35652
35822
  break;
35653
35823
  case "kup-time-picker":
35654
35824
  if (!customElements.get(tagName)) {
35655
- defineCustomElement$p();
35825
+ defineCustomElement$o();
35656
35826
  }
35657
35827
  break;
35658
35828
  case "kup-tree":
@@ -36201,37 +36371,37 @@ function defineCustomElement$h() {
36201
36371
  break;
36202
36372
  case "kup-radio":
36203
36373
  if (!customElements.get(tagName)) {
36204
- defineCustomElement$j();
36374
+ defineCustomElement$p();
36205
36375
  }
36206
36376
  break;
36207
36377
  case "kup-rating":
36208
36378
  if (!customElements.get(tagName)) {
36209
- defineCustomElement$k();
36379
+ defineCustomElement$j();
36210
36380
  }
36211
36381
  break;
36212
36382
  case "kup-spinner":
36213
36383
  if (!customElements.get(tagName)) {
36214
- defineCustomElement$l();
36384
+ defineCustomElement$k();
36215
36385
  }
36216
36386
  break;
36217
36387
  case "kup-switch":
36218
36388
  if (!customElements.get(tagName)) {
36219
- defineCustomElement$m();
36389
+ defineCustomElement$l();
36220
36390
  }
36221
36391
  break;
36222
36392
  case "kup-tab-bar":
36223
36393
  if (!customElements.get(tagName)) {
36224
- defineCustomElement$n();
36394
+ defineCustomElement$m();
36225
36395
  }
36226
36396
  break;
36227
36397
  case "kup-text-field":
36228
36398
  if (!customElements.get(tagName)) {
36229
- defineCustomElement$o();
36399
+ defineCustomElement$n();
36230
36400
  }
36231
36401
  break;
36232
36402
  case "kup-time-picker":
36233
36403
  if (!customElements.get(tagName)) {
36234
- defineCustomElement$p();
36404
+ defineCustomElement$o();
36235
36405
  }
36236
36406
  break;
36237
36407
  case "kup-tree":
@@ -36411,7 +36581,7 @@ function defineCustomElement$g() {
36411
36581
  if (typeof customElements === "undefined") {
36412
36582
  return;
36413
36583
  }
36414
- const components = ["kup-image", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
36584
+ const components = ["kup-image", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
36415
36585
  components.forEach(tagName => { switch (tagName) {
36416
36586
  case "kup-image":
36417
36587
  if (!customElements.get(tagName)) {
@@ -36503,39 +36673,34 @@ function defineCustomElement$g() {
36503
36673
  defineCustomElement$i();
36504
36674
  }
36505
36675
  break;
36506
- case "kup-radio":
36507
- if (!customElements.get(tagName)) {
36508
- defineCustomElement$j();
36509
- }
36510
- break;
36511
36676
  case "kup-rating":
36512
36677
  if (!customElements.get(tagName)) {
36513
- defineCustomElement$k();
36678
+ defineCustomElement$j();
36514
36679
  }
36515
36680
  break;
36516
36681
  case "kup-spinner":
36517
36682
  if (!customElements.get(tagName)) {
36518
- defineCustomElement$l();
36683
+ defineCustomElement$k();
36519
36684
  }
36520
36685
  break;
36521
36686
  case "kup-switch":
36522
36687
  if (!customElements.get(tagName)) {
36523
- defineCustomElement$m();
36688
+ defineCustomElement$l();
36524
36689
  }
36525
36690
  break;
36526
36691
  case "kup-tab-bar":
36527
36692
  if (!customElements.get(tagName)) {
36528
- defineCustomElement$n();
36693
+ defineCustomElement$m();
36529
36694
  }
36530
36695
  break;
36531
36696
  case "kup-text-field":
36532
36697
  if (!customElements.get(tagName)) {
36533
- defineCustomElement$o();
36698
+ defineCustomElement$n();
36534
36699
  }
36535
36700
  break;
36536
36701
  case "kup-time-picker":
36537
36702
  if (!customElements.get(tagName)) {
36538
- defineCustomElement$p();
36703
+ defineCustomElement$o();
36539
36704
  }
36540
36705
  break;
36541
36706
  case "kup-tree":
@@ -36882,7 +37047,7 @@ function defineCustomElement$f() {
36882
37047
  if (typeof customElements === "undefined") {
36883
37048
  return;
36884
37049
  }
36885
- const components = ["kup-gauge", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
37050
+ const components = ["kup-gauge", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
36886
37051
  components.forEach(tagName => { switch (tagName) {
36887
37052
  case "kup-gauge":
36888
37053
  if (!customElements.get(tagName)) {
@@ -36974,39 +37139,34 @@ function defineCustomElement$f() {
36974
37139
  defineCustomElement$i();
36975
37140
  }
36976
37141
  break;
36977
- case "kup-radio":
36978
- if (!customElements.get(tagName)) {
36979
- defineCustomElement$j();
36980
- }
36981
- break;
36982
37142
  case "kup-rating":
36983
37143
  if (!customElements.get(tagName)) {
36984
- defineCustomElement$k();
37144
+ defineCustomElement$j();
36985
37145
  }
36986
37146
  break;
36987
37147
  case "kup-spinner":
36988
37148
  if (!customElements.get(tagName)) {
36989
- defineCustomElement$l();
37149
+ defineCustomElement$k();
36990
37150
  }
36991
37151
  break;
36992
37152
  case "kup-switch":
36993
37153
  if (!customElements.get(tagName)) {
36994
- defineCustomElement$m();
37154
+ defineCustomElement$l();
36995
37155
  }
36996
37156
  break;
36997
37157
  case "kup-tab-bar":
36998
37158
  if (!customElements.get(tagName)) {
36999
- defineCustomElement$n();
37159
+ defineCustomElement$m();
37000
37160
  }
37001
37161
  break;
37002
37162
  case "kup-text-field":
37003
37163
  if (!customElements.get(tagName)) {
37004
- defineCustomElement$o();
37164
+ defineCustomElement$n();
37005
37165
  }
37006
37166
  break;
37007
37167
  case "kup-time-picker":
37008
37168
  if (!customElements.get(tagName)) {
37009
- defineCustomElement$p();
37169
+ defineCustomElement$o();
37010
37170
  }
37011
37171
  break;
37012
37172
  case "kup-tree":
@@ -37434,37 +37594,37 @@ function defineCustomElement$e() {
37434
37594
  break;
37435
37595
  case "kup-radio":
37436
37596
  if (!customElements.get(tagName)) {
37437
- defineCustomElement$j();
37597
+ defineCustomElement$p();
37438
37598
  }
37439
37599
  break;
37440
37600
  case "kup-rating":
37441
37601
  if (!customElements.get(tagName)) {
37442
- defineCustomElement$k();
37602
+ defineCustomElement$j();
37443
37603
  }
37444
37604
  break;
37445
37605
  case "kup-spinner":
37446
37606
  if (!customElements.get(tagName)) {
37447
- defineCustomElement$l();
37607
+ defineCustomElement$k();
37448
37608
  }
37449
37609
  break;
37450
37610
  case "kup-switch":
37451
37611
  if (!customElements.get(tagName)) {
37452
- defineCustomElement$m();
37612
+ defineCustomElement$l();
37453
37613
  }
37454
37614
  break;
37455
37615
  case "kup-tab-bar":
37456
37616
  if (!customElements.get(tagName)) {
37457
- defineCustomElement$n();
37617
+ defineCustomElement$m();
37458
37618
  }
37459
37619
  break;
37460
37620
  case "kup-text-field":
37461
37621
  if (!customElements.get(tagName)) {
37462
- defineCustomElement$o();
37622
+ defineCustomElement$n();
37463
37623
  }
37464
37624
  break;
37465
37625
  case "kup-time-picker":
37466
37626
  if (!customElements.get(tagName)) {
37467
- defineCustomElement$p();
37627
+ defineCustomElement$o();
37468
37628
  }
37469
37629
  break;
37470
37630
  case "kup-tree":
@@ -37869,12 +38029,14 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
37869
38029
  "refresh": [64],
37870
38030
  "setFocus": [64],
37871
38031
  "setValue": [64]
37872
- }, [[0, "keyup", "listenKeyup"]]]);
38032
+ }, [[0, "keyup", "listenKeyup"]], {
38033
+ "firstDayIndex": ["watchFirstDayIndex"]
38034
+ }]);
37873
38035
  function defineCustomElement$d() {
37874
38036
  if (typeof customElements === "undefined") {
37875
38037
  return;
37876
38038
  }
37877
- const components = ["kup-date-picker", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
38039
+ const components = ["kup-date-picker", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
37878
38040
  components.forEach(tagName => { switch (tagName) {
37879
38041
  case "kup-date-picker":
37880
38042
  if (!customElements.get(tagName)) {
@@ -37966,39 +38128,34 @@ function defineCustomElement$d() {
37966
38128
  defineCustomElement$i();
37967
38129
  }
37968
38130
  break;
37969
- case "kup-radio":
37970
- if (!customElements.get(tagName)) {
37971
- defineCustomElement$j();
37972
- }
37973
- break;
37974
38131
  case "kup-rating":
37975
38132
  if (!customElements.get(tagName)) {
37976
- defineCustomElement$k();
38133
+ defineCustomElement$j();
37977
38134
  }
37978
38135
  break;
37979
38136
  case "kup-spinner":
37980
38137
  if (!customElements.get(tagName)) {
37981
- defineCustomElement$l();
38138
+ defineCustomElement$k();
37982
38139
  }
37983
38140
  break;
37984
38141
  case "kup-switch":
37985
38142
  if (!customElements.get(tagName)) {
37986
- defineCustomElement$m();
38143
+ defineCustomElement$l();
37987
38144
  }
37988
38145
  break;
37989
38146
  case "kup-tab-bar":
37990
38147
  if (!customElements.get(tagName)) {
37991
- defineCustomElement$n();
38148
+ defineCustomElement$m();
37992
38149
  }
37993
38150
  break;
37994
38151
  case "kup-text-field":
37995
38152
  if (!customElements.get(tagName)) {
37996
- defineCustomElement$o();
38153
+ defineCustomElement$n();
37997
38154
  }
37998
38155
  break;
37999
38156
  case "kup-time-picker":
38000
38157
  if (!customElements.get(tagName)) {
38001
- defineCustomElement$p();
38158
+ defineCustomElement$o();
38002
38159
  }
38003
38160
  break;
38004
38161
  case "kup-tree":
@@ -38179,7 +38336,7 @@ function defineCustomElement$c() {
38179
38336
  if (typeof customElements === "undefined") {
38180
38337
  return;
38181
38338
  }
38182
- const components = ["kup-dialog", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
38339
+ const components = ["kup-dialog", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
38183
38340
  components.forEach(tagName => { switch (tagName) {
38184
38341
  case "kup-dialog":
38185
38342
  if (!customElements.get(tagName)) {
@@ -38271,39 +38428,34 @@ function defineCustomElement$c() {
38271
38428
  defineCustomElement$i();
38272
38429
  }
38273
38430
  break;
38274
- case "kup-radio":
38275
- if (!customElements.get(tagName)) {
38276
- defineCustomElement$j();
38277
- }
38278
- break;
38279
38431
  case "kup-rating":
38280
38432
  if (!customElements.get(tagName)) {
38281
- defineCustomElement$k();
38433
+ defineCustomElement$j();
38282
38434
  }
38283
38435
  break;
38284
38436
  case "kup-spinner":
38285
38437
  if (!customElements.get(tagName)) {
38286
- defineCustomElement$l();
38438
+ defineCustomElement$k();
38287
38439
  }
38288
38440
  break;
38289
38441
  case "kup-switch":
38290
38442
  if (!customElements.get(tagName)) {
38291
- defineCustomElement$m();
38443
+ defineCustomElement$l();
38292
38444
  }
38293
38445
  break;
38294
38446
  case "kup-tab-bar":
38295
38447
  if (!customElements.get(tagName)) {
38296
- defineCustomElement$n();
38448
+ defineCustomElement$m();
38297
38449
  }
38298
38450
  break;
38299
38451
  case "kup-text-field":
38300
38452
  if (!customElements.get(tagName)) {
38301
- defineCustomElement$o();
38453
+ defineCustomElement$n();
38302
38454
  }
38303
38455
  break;
38304
38456
  case "kup-time-picker":
38305
38457
  if (!customElements.get(tagName)) {
38306
- defineCustomElement$p();
38458
+ defineCustomElement$o();
38307
38459
  }
38308
38460
  break;
38309
38461
  case "kup-tree":
@@ -38784,6 +38936,9 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends HTMLEleme
38784
38936
  "refresh": [64],
38785
38937
  "setFocus": [64],
38786
38938
  "setProps": [64]
38939
+ }, undefined, {
38940
+ "data": ["onDataChanged"],
38941
+ "layout": ["onLayoutChanged"]
38787
38942
  }]);
38788
38943
  function defineCustomElement$b() {
38789
38944
  if (typeof customElements === "undefined") {
@@ -38883,37 +39038,37 @@ function defineCustomElement$b() {
38883
39038
  break;
38884
39039
  case "kup-radio":
38885
39040
  if (!customElements.get(tagName)) {
38886
- defineCustomElement$j();
39041
+ defineCustomElement$p();
38887
39042
  }
38888
39043
  break;
38889
39044
  case "kup-rating":
38890
39045
  if (!customElements.get(tagName)) {
38891
- defineCustomElement$k();
39046
+ defineCustomElement$j();
38892
39047
  }
38893
39048
  break;
38894
39049
  case "kup-spinner":
38895
39050
  if (!customElements.get(tagName)) {
38896
- defineCustomElement$l();
39051
+ defineCustomElement$k();
38897
39052
  }
38898
39053
  break;
38899
39054
  case "kup-switch":
38900
39055
  if (!customElements.get(tagName)) {
38901
- defineCustomElement$m();
39056
+ defineCustomElement$l();
38902
39057
  }
38903
39058
  break;
38904
39059
  case "kup-tab-bar":
38905
39060
  if (!customElements.get(tagName)) {
38906
- defineCustomElement$n();
39061
+ defineCustomElement$m();
38907
39062
  }
38908
39063
  break;
38909
39064
  case "kup-text-field":
38910
39065
  if (!customElements.get(tagName)) {
38911
- defineCustomElement$o();
39066
+ defineCustomElement$n();
38912
39067
  }
38913
39068
  break;
38914
39069
  case "kup-time-picker":
38915
39070
  if (!customElements.get(tagName)) {
38916
- defineCustomElement$p();
39071
+ defineCustomElement$o();
38917
39072
  }
38918
39073
  break;
38919
39074
  case "kup-tree":
@@ -38942,7 +39097,7 @@ var __classPrivateFieldSet$2 = (undefined && undefined.__classPrivateFieldSet) |
38942
39097
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
38943
39098
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
38944
39099
  };
38945
- var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_setDynPosElements, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel;
39100
+ var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_setDynPosElements, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel;
38946
39101
  const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends HTMLElement$1 {
38947
39102
  constructor() {
38948
39103
  super();
@@ -39658,7 +39813,10 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
39658
39813
  this.selectedRows = [];
39659
39814
  for (let index = 0; index < rowsIdentifiers.length; index++) {
39660
39815
  const id = rowsIdentifiers[index];
39661
- this.selectedRows.push(__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id));
39816
+ const row = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
39817
+ if (row) {
39818
+ this.selectedRows.push(row);
39819
+ }
39662
39820
  }
39663
39821
  if (emitEvent !== false) {
39664
39822
  this.kupRowSelected.emit({
@@ -39946,7 +40104,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
39946
40104
  });
39947
40105
  }
39948
40106
  if (this.totals) {
39949
- const selectedItem = listData.find((item) => item.value === this.totals[column.name]);
40107
+ const selectedItem = listData.find((item) => item.id === this.totals[column.name]);
39950
40108
  if (selectedItem) {
39951
40109
  selectedItem.selected = true;
39952
40110
  listData.push({
@@ -40150,8 +40308,12 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
40150
40308
  for (let index = 0; index < this.data.columns.length; index++) {
40151
40309
  const column = this.data.columns[index];
40152
40310
  cells[column.name] = {
40153
- data: column.cellData ? JSON.parse(JSON.stringify(column.cellData)) : undefined,
40154
- slotData: column.cellSlotData ? JSON.parse(JSON.stringify(column.cellSlotData)) : undefined,
40311
+ data: column.cellData
40312
+ ? JSON.parse(JSON.stringify(column.cellData))
40313
+ : undefined,
40314
+ slotData: column.cellSlotData
40315
+ ? JSON.parse(JSON.stringify(column.cellSlotData))
40316
+ : undefined,
40155
40317
  isEditable: column.isKey ||
40156
40318
  column.isEditable,
40157
40319
  obj: Object.assign({}, column.obj),
@@ -40327,6 +40489,20 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
40327
40489
  "setSelectedRows": [64],
40328
40490
  "getInternalState": [64],
40329
40491
  "defaultSortingFunction": [64]
40492
+ }, undefined, {
40493
+ "rowsPerPage": ["rowsPerPageHandler", "recalculateRows"],
40494
+ "expandGroups": ["expandGroupsHandler"],
40495
+ "filters": ["filtersChanged"],
40496
+ "globalFilterValue": ["filtersChanged"],
40497
+ "sort": ["recalculateRows"],
40498
+ "totals": ["recalculateRows"],
40499
+ "currentPage": ["recalculateRows"],
40500
+ "currentRowsPerPage": ["recalculateRows"],
40501
+ "data": ["identifyAndInitRows"],
40502
+ "groups": ["recalculateRowsAndUndoSelections"],
40503
+ "fixedColumns": ["controlFixedRowsColumns"],
40504
+ "fixedRows": ["controlFixedRowsColumns"],
40505
+ "transpose": ["recalculateData"]
40330
40506
  }]);
40331
40507
  _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
40332
40508
  __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$3(this, _KupDataTable_columnDropCard, "f"));
@@ -40389,27 +40565,34 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
40389
40565
  __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
40390
40566
  }
40391
40567
  }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
40392
- let row = null;
40393
- const search = (rows) => {
40394
- if (rows && rows.length > 0 && !row) {
40395
- test(rows);
40396
- }
40397
- };
40398
- const test = (rows) => {
40399
- if (typeof id === 'number') {
40400
- row = rows[id];
40401
- }
40402
- else {
40403
- row = rows.find((row) => row.id === id);
40404
- }
40405
- };
40406
40568
  if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
40407
- __classPrivateFieldGet$3(this, _KupDataTable_paginatedRows, "f").forEach((row) => search(row.group.children));
40569
+ return __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$3(this, _KupDataTable_paginatedRows, "f"));
40570
+ }
40571
+ else {
40572
+ return __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$3(this, _KupDataTable_rows, "f"));
40573
+ }
40574
+ }, _KupDataTable__getRow = function _KupDataTable__getRow(id, rows) {
40575
+ if (!rows || rows.length == 0) {
40576
+ return null;
40577
+ }
40578
+ if (typeof id === 'number') {
40579
+ return rows[id];
40408
40580
  }
40409
40581
  else {
40410
- test(__classPrivateFieldGet$3(this, _KupDataTable_rows, "f"));
40582
+ for (let i = 0; i < rows.length; i++) {
40583
+ let r = rows[i];
40584
+ if (r.id === id) {
40585
+ return r;
40586
+ }
40587
+ if (r.group) {
40588
+ r = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, r.group.children);
40589
+ if (r) {
40590
+ return r;
40591
+ }
40592
+ }
40593
+ }
40411
40594
  }
40412
- return row;
40595
+ return null;
40413
40596
  }, _KupDataTable_getTransposedData = function _KupDataTable_getTransposedData(column) {
40414
40597
  if (column) {
40415
40598
  this.filters = {};
@@ -42638,37 +42821,37 @@ function defineCustomElement$a() {
42638
42821
  break;
42639
42822
  case "kup-radio":
42640
42823
  if (!customElements.get(tagName)) {
42641
- defineCustomElement$j();
42824
+ defineCustomElement$p();
42642
42825
  }
42643
42826
  break;
42644
42827
  case "kup-rating":
42645
42828
  if (!customElements.get(tagName)) {
42646
- defineCustomElement$k();
42829
+ defineCustomElement$j();
42647
42830
  }
42648
42831
  break;
42649
42832
  case "kup-spinner":
42650
42833
  if (!customElements.get(tagName)) {
42651
- defineCustomElement$l();
42834
+ defineCustomElement$k();
42652
42835
  }
42653
42836
  break;
42654
42837
  case "kup-switch":
42655
42838
  if (!customElements.get(tagName)) {
42656
- defineCustomElement$m();
42839
+ defineCustomElement$l();
42657
42840
  }
42658
42841
  break;
42659
42842
  case "kup-tab-bar":
42660
42843
  if (!customElements.get(tagName)) {
42661
- defineCustomElement$n();
42844
+ defineCustomElement$m();
42662
42845
  }
42663
42846
  break;
42664
42847
  case "kup-text-field":
42665
42848
  if (!customElements.get(tagName)) {
42666
- defineCustomElement$o();
42849
+ defineCustomElement$n();
42667
42850
  }
42668
42851
  break;
42669
42852
  case "kup-time-picker":
42670
42853
  if (!customElements.get(tagName)) {
42671
- defineCustomElement$p();
42854
+ defineCustomElement$o();
42672
42855
  }
42673
42856
  break;
42674
42857
  case "kup-tree":
@@ -42983,7 +43166,9 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
42983
43166
  "setFocus": [64],
42984
43167
  "setProps": [64],
42985
43168
  "setValue": [64]
42986
- }, [[0, "keydown", "listenKeydown"]]]);
43169
+ }, [[0, "keydown", "listenKeydown"]], {
43170
+ "initialValue": ["initialValueChange"]
43171
+ }]);
42987
43172
  _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _KupCombobox_listEl = new WeakMap(), _KupCombobox_textfieldWrapper = new WeakMap(), _KupCombobox_textfieldEl = new WeakMap(), _KupCombobox_clickCb = new WeakMap(), _KupCombobox_instances = new WeakSet(), _KupCombobox_openList = function _KupCombobox_openList() {
42988
43173
  if (__classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
42989
43174
  return;
@@ -43137,37 +43322,37 @@ function defineCustomElement$9() {
43137
43322
  break;
43138
43323
  case "kup-radio":
43139
43324
  if (!customElements.get(tagName)) {
43140
- defineCustomElement$j();
43325
+ defineCustomElement$p();
43141
43326
  }
43142
43327
  break;
43143
43328
  case "kup-rating":
43144
43329
  if (!customElements.get(tagName)) {
43145
- defineCustomElement$k();
43330
+ defineCustomElement$j();
43146
43331
  }
43147
43332
  break;
43148
43333
  case "kup-spinner":
43149
43334
  if (!customElements.get(tagName)) {
43150
- defineCustomElement$l();
43335
+ defineCustomElement$k();
43151
43336
  }
43152
43337
  break;
43153
43338
  case "kup-switch":
43154
43339
  if (!customElements.get(tagName)) {
43155
- defineCustomElement$m();
43340
+ defineCustomElement$l();
43156
43341
  }
43157
43342
  break;
43158
43343
  case "kup-tab-bar":
43159
43344
  if (!customElements.get(tagName)) {
43160
- defineCustomElement$n();
43345
+ defineCustomElement$m();
43161
43346
  }
43162
43347
  break;
43163
43348
  case "kup-text-field":
43164
43349
  if (!customElements.get(tagName)) {
43165
- defineCustomElement$o();
43350
+ defineCustomElement$n();
43166
43351
  }
43167
43352
  break;
43168
43353
  case "kup-time-picker":
43169
43354
  if (!customElements.get(tagName)) {
43170
- defineCustomElement$p();
43355
+ defineCustomElement$o();
43171
43356
  }
43172
43357
  break;
43173
43358
  case "kup-tree":
@@ -43443,7 +43628,7 @@ function defineCustomElement$8() {
43443
43628
  if (typeof customElements === "undefined") {
43444
43629
  return;
43445
43630
  }
43446
- const components = ["kup-color-picker", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
43631
+ const components = ["kup-color-picker", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
43447
43632
  components.forEach(tagName => { switch (tagName) {
43448
43633
  case "kup-color-picker":
43449
43634
  if (!customElements.get(tagName)) {
@@ -43535,39 +43720,34 @@ function defineCustomElement$8() {
43535
43720
  defineCustomElement$i();
43536
43721
  }
43537
43722
  break;
43538
- case "kup-radio":
43539
- if (!customElements.get(tagName)) {
43540
- defineCustomElement$j();
43541
- }
43542
- break;
43543
43723
  case "kup-rating":
43544
43724
  if (!customElements.get(tagName)) {
43545
- defineCustomElement$k();
43725
+ defineCustomElement$j();
43546
43726
  }
43547
43727
  break;
43548
43728
  case "kup-spinner":
43549
43729
  if (!customElements.get(tagName)) {
43550
- defineCustomElement$l();
43730
+ defineCustomElement$k();
43551
43731
  }
43552
43732
  break;
43553
43733
  case "kup-switch":
43554
43734
  if (!customElements.get(tagName)) {
43555
- defineCustomElement$m();
43735
+ defineCustomElement$l();
43556
43736
  }
43557
43737
  break;
43558
43738
  case "kup-tab-bar":
43559
43739
  if (!customElements.get(tagName)) {
43560
- defineCustomElement$n();
43740
+ defineCustomElement$m();
43561
43741
  }
43562
43742
  break;
43563
43743
  case "kup-text-field":
43564
43744
  if (!customElements.get(tagName)) {
43565
- defineCustomElement$o();
43745
+ defineCustomElement$n();
43566
43746
  }
43567
43747
  break;
43568
43748
  case "kup-time-picker":
43569
43749
  if (!customElements.get(tagName)) {
43570
- defineCustomElement$p();
43750
+ defineCustomElement$o();
43571
43751
  }
43572
43752
  break;
43573
43753
  case "kup-tree":
@@ -43792,6 +43972,8 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends HTMLEleme
43792
43972
  "getProps": [64],
43793
43973
  "refresh": [64],
43794
43974
  "setProps": [64]
43975
+ }, undefined, {
43976
+ "data": ["checkDataset"]
43795
43977
  }]);
43796
43978
  _KupChip_instances = new WeakSet(), _KupChip_changeHandler =
43797
43979
  /*-------------------------------------------------*/
@@ -43833,7 +44015,7 @@ function defineCustomElement$7() {
43833
44015
  if (typeof customElements === "undefined") {
43834
44016
  return;
43835
44017
  }
43836
- const components = ["kup-chip", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
44018
+ const components = ["kup-chip", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
43837
44019
  components.forEach(tagName => { switch (tagName) {
43838
44020
  case "kup-chip":
43839
44021
  if (!customElements.get(tagName)) {
@@ -43925,39 +44107,34 @@ function defineCustomElement$7() {
43925
44107
  defineCustomElement$i();
43926
44108
  }
43927
44109
  break;
43928
- case "kup-radio":
43929
- if (!customElements.get(tagName)) {
43930
- defineCustomElement$j();
43931
- }
43932
- break;
43933
44110
  case "kup-rating":
43934
44111
  if (!customElements.get(tagName)) {
43935
- defineCustomElement$k();
44112
+ defineCustomElement$j();
43936
44113
  }
43937
44114
  break;
43938
44115
  case "kup-spinner":
43939
44116
  if (!customElements.get(tagName)) {
43940
- defineCustomElement$l();
44117
+ defineCustomElement$k();
43941
44118
  }
43942
44119
  break;
43943
44120
  case "kup-switch":
43944
44121
  if (!customElements.get(tagName)) {
43945
- defineCustomElement$m();
44122
+ defineCustomElement$l();
43946
44123
  }
43947
44124
  break;
43948
44125
  case "kup-tab-bar":
43949
44126
  if (!customElements.get(tagName)) {
43950
- defineCustomElement$n();
44127
+ defineCustomElement$m();
43951
44128
  }
43952
44129
  break;
43953
44130
  case "kup-text-field":
43954
44131
  if (!customElements.get(tagName)) {
43955
- defineCustomElement$o();
44132
+ defineCustomElement$n();
43956
44133
  }
43957
44134
  break;
43958
44135
  case "kup-time-picker":
43959
44136
  if (!customElements.get(tagName)) {
43960
- defineCustomElement$p();
44137
+ defineCustomElement$o();
43961
44138
  }
43962
44139
  break;
43963
44140
  case "kup-tree":
@@ -44125,7 +44302,7 @@ function defineCustomElement$6() {
44125
44302
  if (typeof customElements === "undefined") {
44126
44303
  return;
44127
44304
  }
44128
- const components = ["kup-checkbox", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
44305
+ const components = ["kup-checkbox", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
44129
44306
  components.forEach(tagName => { switch (tagName) {
44130
44307
  case "kup-checkbox":
44131
44308
  if (!customElements.get(tagName)) {
@@ -44217,39 +44394,34 @@ function defineCustomElement$6() {
44217
44394
  defineCustomElement$i();
44218
44395
  }
44219
44396
  break;
44220
- case "kup-radio":
44221
- if (!customElements.get(tagName)) {
44222
- defineCustomElement$j();
44223
- }
44224
- break;
44225
44397
  case "kup-rating":
44226
44398
  if (!customElements.get(tagName)) {
44227
- defineCustomElement$k();
44399
+ defineCustomElement$j();
44228
44400
  }
44229
44401
  break;
44230
44402
  case "kup-spinner":
44231
44403
  if (!customElements.get(tagName)) {
44232
- defineCustomElement$l();
44404
+ defineCustomElement$k();
44233
44405
  }
44234
44406
  break;
44235
44407
  case "kup-switch":
44236
44408
  if (!customElements.get(tagName)) {
44237
- defineCustomElement$m();
44409
+ defineCustomElement$l();
44238
44410
  }
44239
44411
  break;
44240
44412
  case "kup-tab-bar":
44241
44413
  if (!customElements.get(tagName)) {
44242
- defineCustomElement$n();
44414
+ defineCustomElement$m();
44243
44415
  }
44244
44416
  break;
44245
44417
  case "kup-text-field":
44246
44418
  if (!customElements.get(tagName)) {
44247
- defineCustomElement$o();
44419
+ defineCustomElement$n();
44248
44420
  }
44249
44421
  break;
44250
44422
  case "kup-time-picker":
44251
44423
  if (!customElements.get(tagName)) {
44252
- defineCustomElement$p();
44424
+ defineCustomElement$o();
44253
44425
  }
44254
44426
  break;
44255
44427
  case "kup-tree":
@@ -44766,12 +44938,14 @@ const KupChart = /*@__PURE__*/ proxyCustomElement(class KupChart extends HTMLEle
44766
44938
  "refresh": [64],
44767
44939
  "resizeCallback": [64],
44768
44940
  "setProps": [64]
44941
+ }, undefined, {
44942
+ "data": ["identifyRows"]
44769
44943
  }]);
44770
44944
  function defineCustomElement$5() {
44771
44945
  if (typeof customElements === "undefined") {
44772
44946
  return;
44773
44947
  }
44774
- const components = ["kup-chart", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
44948
+ const components = ["kup-chart", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
44775
44949
  components.forEach(tagName => { switch (tagName) {
44776
44950
  case "kup-chart":
44777
44951
  if (!customElements.get(tagName)) {
@@ -44863,39 +45037,34 @@ function defineCustomElement$5() {
44863
45037
  defineCustomElement$i();
44864
45038
  }
44865
45039
  break;
44866
- case "kup-radio":
44867
- if (!customElements.get(tagName)) {
44868
- defineCustomElement$j();
44869
- }
44870
- break;
44871
45040
  case "kup-rating":
44872
45041
  if (!customElements.get(tagName)) {
44873
- defineCustomElement$k();
45042
+ defineCustomElement$j();
44874
45043
  }
44875
45044
  break;
44876
45045
  case "kup-spinner":
44877
45046
  if (!customElements.get(tagName)) {
44878
- defineCustomElement$l();
45047
+ defineCustomElement$k();
44879
45048
  }
44880
45049
  break;
44881
45050
  case "kup-switch":
44882
45051
  if (!customElements.get(tagName)) {
44883
- defineCustomElement$m();
45052
+ defineCustomElement$l();
44884
45053
  }
44885
45054
  break;
44886
45055
  case "kup-tab-bar":
44887
45056
  if (!customElements.get(tagName)) {
44888
- defineCustomElement$n();
45057
+ defineCustomElement$m();
44889
45058
  }
44890
45059
  break;
44891
45060
  case "kup-text-field":
44892
45061
  if (!customElements.get(tagName)) {
44893
- defineCustomElement$o();
45062
+ defineCustomElement$n();
44894
45063
  }
44895
45064
  break;
44896
45065
  case "kup-time-picker":
44897
45066
  if (!customElements.get(tagName)) {
44898
- defineCustomElement$p();
45067
+ defineCustomElement$o();
44899
45068
  }
44900
45069
  break;
44901
45070
  case "kup-tree":
@@ -44906,7 +45075,7 @@ function defineCustomElement$5() {
44906
45075
  } });
44907
45076
  }
44908
45077
 
44909
- const kupCardCss = ".box-layout-1{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em}.box-layout-2{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-2 table{width:100%}.box-layout-2 .label{max-width:50%;overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-2 .value{padding:0.5em;font-weight:bold}.box-layout-3{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-weight:bold}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:0.5em}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{font-weight:bold;padding-top:0.5em}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-weight:bold}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-weight:bold}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:\"\";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-color);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:\"\";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:\"\";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-color);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-color);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-color)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:\"\";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-border-color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-color);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:0.25fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%;text-align:right}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 8px;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-card{align-items:center;box-shadow:var(--kup_card_scalable_box_shadow);border-radius:4px;display:flex;font-size:var(--kup_card_scalable_static_font_size, calc(var(--kup_card_scalable_starting_font_size) * var(--kup_card_scalable_multiplier, 1)));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:\"\";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-color);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n --kup-card-ripple-color,\n var(--kup-primary-color)\n );--kup_card_scalable_box_shadow:var(\n --kup-card-scalable-box-shadow,\n 0 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n 0 1px 3px 0 rgba(0, 0, 0, 0.12)\n );--kup_card_scalable_starting_font_size:var(\n --kup-card-scalable-starting-font-size,\n 3em\n );--kup_card_scalable_static_font_size:var(\n --kup-card-scalable-static-font-size\n );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}";
45078
+ const kupCardCss = ".box-layout-1{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em}.box-layout-2{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-2 table{width:100%}.box-layout-2 .label{max-width:50%;overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-2 .value{padding:0.5em;font-weight:bold}.box-layout-3{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-weight:bold}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:0.5em}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{font-weight:bold;padding-top:0.5em}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-weight:bold}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-weight:bold}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:\"\";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-color);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:\"\";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:\"\";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-color);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-color);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-color)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:\"\";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-border-color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-color);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:0.25fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%;text-align:right}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 8px;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-card{align-items:center;box-shadow:var(--kup_card_scalable_box_shadow);border-radius:4px;display:flex;font-size:var(--kup_card_scalable_static_font_size, calc(var(--kup_card_scalable_starting_font_size) * var(--kup_card_scalable_multiplier, 1)));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:\"\";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-color);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-14 .section-1 .buttons{display:flex}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .top{display:flex;justify-content:space-between}.standard-layout-15 .section-1 .buttons{display:flex}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n --kup-card-ripple-color,\n var(--kup-primary-color)\n );--kup_card_scalable_box_shadow:var(\n --kup-card-scalable-box-shadow,\n 0 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n 0 1px 3px 0 rgba(0, 0, 0, 0.12)\n );--kup_card_scalable_starting_font_size:var(\n --kup-card-scalable-starting-font-size,\n 3em\n );--kup_card_scalable_static_font_size:var(\n --kup-card-scalable-static-font-size\n );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}";
44910
45079
 
44911
45080
  const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends HTMLElement$1 {
44912
45081
  constructor() {
@@ -45454,37 +45623,37 @@ function defineCustomElement$4() {
45454
45623
  break;
45455
45624
  case "kup-radio":
45456
45625
  if (!customElements.get(tagName)) {
45457
- defineCustomElement$j();
45626
+ defineCustomElement$p();
45458
45627
  }
45459
45628
  break;
45460
45629
  case "kup-rating":
45461
45630
  if (!customElements.get(tagName)) {
45462
- defineCustomElement$k();
45631
+ defineCustomElement$j();
45463
45632
  }
45464
45633
  break;
45465
45634
  case "kup-spinner":
45466
45635
  if (!customElements.get(tagName)) {
45467
- defineCustomElement$l();
45636
+ defineCustomElement$k();
45468
45637
  }
45469
45638
  break;
45470
45639
  case "kup-switch":
45471
45640
  if (!customElements.get(tagName)) {
45472
- defineCustomElement$m();
45641
+ defineCustomElement$l();
45473
45642
  }
45474
45643
  break;
45475
45644
  case "kup-tab-bar":
45476
45645
  if (!customElements.get(tagName)) {
45477
- defineCustomElement$n();
45646
+ defineCustomElement$m();
45478
45647
  }
45479
45648
  break;
45480
45649
  case "kup-text-field":
45481
45650
  if (!customElements.get(tagName)) {
45482
- defineCustomElement$o();
45651
+ defineCustomElement$n();
45483
45652
  }
45484
45653
  break;
45485
45654
  case "kup-time-picker":
45486
45655
  if (!customElements.get(tagName)) {
45487
- defineCustomElement$p();
45656
+ defineCustomElement$o();
45488
45657
  }
45489
45658
  break;
45490
45659
  case "kup-tree":
@@ -45766,6 +45935,8 @@ const KupButtonList = /*@__PURE__*/ proxyCustomElement(class KupButtonList exten
45766
45935
  "getProps": [64],
45767
45936
  "refresh": [64],
45768
45937
  "setProps": [64]
45938
+ }, undefined, {
45939
+ "data": ["checkDataset"]
45769
45940
  }]);
45770
45941
  function defineCustomElement$3() {
45771
45942
  if (typeof customElements === "undefined") {
@@ -45865,37 +46036,37 @@ function defineCustomElement$3() {
45865
46036
  break;
45866
46037
  case "kup-radio":
45867
46038
  if (!customElements.get(tagName)) {
45868
- defineCustomElement$j();
46039
+ defineCustomElement$p();
45869
46040
  }
45870
46041
  break;
45871
46042
  case "kup-rating":
45872
46043
  if (!customElements.get(tagName)) {
45873
- defineCustomElement$k();
46044
+ defineCustomElement$j();
45874
46045
  }
45875
46046
  break;
45876
46047
  case "kup-spinner":
45877
46048
  if (!customElements.get(tagName)) {
45878
- defineCustomElement$l();
46049
+ defineCustomElement$k();
45879
46050
  }
45880
46051
  break;
45881
46052
  case "kup-switch":
45882
46053
  if (!customElements.get(tagName)) {
45883
- defineCustomElement$m();
46054
+ defineCustomElement$l();
45884
46055
  }
45885
46056
  break;
45886
46057
  case "kup-tab-bar":
45887
46058
  if (!customElements.get(tagName)) {
45888
- defineCustomElement$n();
46059
+ defineCustomElement$m();
45889
46060
  }
45890
46061
  break;
45891
46062
  case "kup-text-field":
45892
46063
  if (!customElements.get(tagName)) {
45893
- defineCustomElement$o();
46064
+ defineCustomElement$n();
45894
46065
  }
45895
46066
  break;
45896
46067
  case "kup-time-picker":
45897
46068
  if (!customElements.get(tagName)) {
45898
- defineCustomElement$p();
46069
+ defineCustomElement$o();
45899
46070
  }
45900
46071
  break;
45901
46072
  case "kup-tree":
@@ -46103,7 +46274,7 @@ function defineCustomElement$2() {
46103
46274
  if (typeof customElements === "undefined") {
46104
46275
  return;
46105
46276
  }
46106
- const components = ["kup-button", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
46277
+ const components = ["kup-button", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
46107
46278
  components.forEach(tagName => { switch (tagName) {
46108
46279
  case "kup-button":
46109
46280
  if (!customElements.get(tagName)) {
@@ -46195,39 +46366,34 @@ function defineCustomElement$2() {
46195
46366
  defineCustomElement$i();
46196
46367
  }
46197
46368
  break;
46198
- case "kup-radio":
46199
- if (!customElements.get(tagName)) {
46200
- defineCustomElement$j();
46201
- }
46202
- break;
46203
46369
  case "kup-rating":
46204
46370
  if (!customElements.get(tagName)) {
46205
- defineCustomElement$k();
46371
+ defineCustomElement$j();
46206
46372
  }
46207
46373
  break;
46208
46374
  case "kup-spinner":
46209
46375
  if (!customElements.get(tagName)) {
46210
- defineCustomElement$l();
46376
+ defineCustomElement$k();
46211
46377
  }
46212
46378
  break;
46213
46379
  case "kup-switch":
46214
46380
  if (!customElements.get(tagName)) {
46215
- defineCustomElement$m();
46381
+ defineCustomElement$l();
46216
46382
  }
46217
46383
  break;
46218
46384
  case "kup-tab-bar":
46219
46385
  if (!customElements.get(tagName)) {
46220
- defineCustomElement$n();
46386
+ defineCustomElement$m();
46221
46387
  }
46222
46388
  break;
46223
46389
  case "kup-text-field":
46224
46390
  if (!customElements.get(tagName)) {
46225
- defineCustomElement$o();
46391
+ defineCustomElement$n();
46226
46392
  }
46227
46393
  break;
46228
46394
  case "kup-time-picker":
46229
46395
  if (!customElements.get(tagName)) {
46230
- defineCustomElement$p();
46396
+ defineCustomElement$o();
46231
46397
  }
46232
46398
  break;
46233
46399
  case "kup-tree":
@@ -46336,7 +46502,7 @@ function defineCustomElement$1() {
46336
46502
  if (typeof customElements === "undefined") {
46337
46503
  return;
46338
46504
  }
46339
- const components = ["kup-badge", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
46505
+ const components = ["kup-badge", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
46340
46506
  components.forEach(tagName => { switch (tagName) {
46341
46507
  case "kup-badge":
46342
46508
  if (!customElements.get(tagName)) {
@@ -46428,39 +46594,34 @@ function defineCustomElement$1() {
46428
46594
  defineCustomElement$i();
46429
46595
  }
46430
46596
  break;
46431
- case "kup-radio":
46432
- if (!customElements.get(tagName)) {
46433
- defineCustomElement$j();
46434
- }
46435
- break;
46436
46597
  case "kup-rating":
46437
46598
  if (!customElements.get(tagName)) {
46438
- defineCustomElement$k();
46599
+ defineCustomElement$j();
46439
46600
  }
46440
46601
  break;
46441
46602
  case "kup-spinner":
46442
46603
  if (!customElements.get(tagName)) {
46443
- defineCustomElement$l();
46604
+ defineCustomElement$k();
46444
46605
  }
46445
46606
  break;
46446
46607
  case "kup-switch":
46447
46608
  if (!customElements.get(tagName)) {
46448
- defineCustomElement$m();
46609
+ defineCustomElement$l();
46449
46610
  }
46450
46611
  break;
46451
46612
  case "kup-tab-bar":
46452
46613
  if (!customElements.get(tagName)) {
46453
- defineCustomElement$n();
46614
+ defineCustomElement$m();
46454
46615
  }
46455
46616
  break;
46456
46617
  case "kup-text-field":
46457
46618
  if (!customElements.get(tagName)) {
46458
- defineCustomElement$o();
46619
+ defineCustomElement$n();
46459
46620
  }
46460
46621
  break;
46461
46622
  case "kup-time-picker":
46462
46623
  if (!customElements.get(tagName)) {
46463
- defineCustomElement$p();
46624
+ defineCustomElement$o();
46464
46625
  }
46465
46626
  break;
46466
46627
  case "kup-tree":
@@ -46938,37 +47099,37 @@ function defineCustomElement() {
46938
47099
  break;
46939
47100
  case "kup-radio":
46940
47101
  if (!customElements.get(tagName)) {
46941
- defineCustomElement$j();
47102
+ defineCustomElement$p();
46942
47103
  }
46943
47104
  break;
46944
47105
  case "kup-rating":
46945
47106
  if (!customElements.get(tagName)) {
46946
- defineCustomElement$k();
47107
+ defineCustomElement$j();
46947
47108
  }
46948
47109
  break;
46949
47110
  case "kup-spinner":
46950
47111
  if (!customElements.get(tagName)) {
46951
- defineCustomElement$l();
47112
+ defineCustomElement$k();
46952
47113
  }
46953
47114
  break;
46954
47115
  case "kup-switch":
46955
47116
  if (!customElements.get(tagName)) {
46956
- defineCustomElement$m();
47117
+ defineCustomElement$l();
46957
47118
  }
46958
47119
  break;
46959
47120
  case "kup-tab-bar":
46960
47121
  if (!customElements.get(tagName)) {
46961
- defineCustomElement$n();
47122
+ defineCustomElement$m();
46962
47123
  }
46963
47124
  break;
46964
47125
  case "kup-text-field":
46965
47126
  if (!customElements.get(tagName)) {
46966
- defineCustomElement$o();
47127
+ defineCustomElement$n();
46967
47128
  }
46968
47129
  break;
46969
47130
  case "kup-time-picker":
46970
47131
  if (!customElements.get(tagName)) {
46971
- defineCustomElement$p();
47132
+ defineCustomElement$o();
46972
47133
  }
46973
47134
  break;
46974
47135
  case "kup-tree":
@@ -46979,4 +47140,4 @@ function defineCustomElement() {
46979
47140
  } });
46980
47141
  }
46981
47142
 
46982
- export { KupLanguageSearch as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, pageChange as Q, rowsPerPageChange as R, KupLanguageGeneric as S, FCell as T, KupDebugCategory as U, FChip as V, KupPointerEventTypes as W, KupDragEffect as X, kupDraggableCellAttr as Y, KupDropEventTypes as Z, FTextFieldMDC as _, KupThemeIconValues as a, FPaginator as a0, FPaginatorMode as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, KupDatesLocales as a5, FButton as a6, FChipType as a7, KupCard as a8, KupCardFamily as a9, KupDatesFormats as aA, KupProgressBar as aB, KupRadio as aC, KupRating as aD, KupSpinner as aE, KupSwitch as aF, KupTabBar as aG, KupTextField as aH, KupTimePicker as aI, KupTree as aJ, getCellValueForDisplay as aa, FCellPadding as ab, KupChart as ac, KupCheckbox as ad, KupChip as ae, KupColorPicker as af, KupCombobox as ag, KupLanguageDashboard as ah, FTextField as ai, FCheckbox as aj, KupDataTable as ak, KupDatePicker as al, KupDialog as am, KupDropdownButton as an, KupDataNewColumnTypes as ao, FButtonStyling as ap, KupForm as aq, KupGauge as ar, KupImage as as, KupList as at, kupDropEvent as au, kupDraggableColumnAttr as av, kupDraggableRowAttr as aw, KupDynamicPositionPlacement as ax, createCommonjsModule as ay, commonjsGlobal as az, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$o as e, defineCustomElement$n as f, getProps as g, defineCustomElement$m as h, defineCustomElement$l as i, defineCustomElement$k as j, kupManagerInstance as k, defineCustomElement$j as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };
47143
+ export { KupLanguageSearch as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, pageChange as Q, rowsPerPageChange as R, KupLanguageGeneric as S, FCell as T, KupDebugCategory as U, FChip as V, KupPointerEventTypes as W, KupDragEffect as X, kupDraggableCellAttr as Y, KupDropEventTypes as Z, FTextFieldMDC as _, KupThemeIconValues as a, FPaginator as a0, FPaginatorMode as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, KupDatesLocales as a5, FButton as a6, FChipType as a7, KupCard as a8, KupCardFamily as a9, KupDatesFormats as aA, KupProgressBar as aB, KupRadio as aC, KupRating as aD, KupSpinner as aE, KupSwitch as aF, KupTabBar as aG, KupTextField as aH, KupTimePicker as aI, KupTree as aJ, getCellValueForDisplay as aa, FCellPadding as ab, KupChart as ac, KupCheckbox as ad, KupChip as ae, KupColorPicker as af, KupCombobox as ag, KupLanguageDashboard as ah, FTextField as ai, FCheckbox as aj, KupDataTable as ak, KupDatePicker as al, KupDialog as am, KupDropdownButton as an, KupDataNewColumnTypes as ao, FButtonStyling as ap, KupForm as aq, KupGauge as ar, KupImage as as, KupList as at, kupDropEvent as au, kupDraggableColumnAttr as av, kupDraggableRowAttr as aw, KupDynamicPositionPlacement as ax, createCommonjsModule as ay, commonjsGlobal as az, defineCustomElement$o as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$n as e, defineCustomElement$m as f, getProps as g, defineCustomElement$l as h, defineCustomElement$k as i, defineCustomElement$j as j, kupManagerInstance as k, defineCustomElement$p as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };