@sme.up/ketchup 11.0.0-SNAPSHOT-20241210152115 → 11.0.0-SNAPSHOT-20241210160342

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 (245) hide show
  1. package/dist/cjs/{f-button-4367a62f.js → f-button-1e98edae.js} +2 -2
  2. package/dist/cjs/{f-cell-c3152798.js → f-cell-90b9659b.js} +8 -8
  3. package/dist/cjs/{f-checkbox-c58cf076.js → f-checkbox-4fcdec8a.js} +2 -2
  4. package/dist/cjs/{f-chip-092c6e7d.js → f-chip-ead03534.js} +3 -3
  5. package/dist/cjs/{f-image-64d94a2e.js → f-image-4d316ab3.js} +1 -1
  6. package/dist/cjs/{f-object-field-835ba4b8.js → f-object-field-b990d61d.js} +4 -4
  7. package/dist/cjs/{f-paginator-utils-0fa1c0a4.js → f-paginator-utils-bbf3b041.js} +3 -3
  8. package/dist/cjs/{f-text-field-82bde32d.js → f-text-field-4e8f1ec5.js} +3 -3
  9. package/dist/cjs/{f-typography-0ebe5a06.js → f-typography-271f5037.js} +1 -1
  10. package/dist/cjs/{index-90e3bfdb.js → index-e8aa3c73.js} +9 -3
  11. package/dist/cjs/index.cjs.js +2 -2
  12. package/dist/cjs/ketchup.cjs.js +2 -2
  13. package/dist/cjs/kup-accordion.cjs.entry.js +3 -3
  14. package/dist/cjs/kup-activity-timeline.cjs.entry.js +4 -4
  15. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +34 -13
  16. package/dist/cjs/kup-box.cjs.entry.js +11 -11
  17. package/dist/cjs/kup-calendar.cjs.entry.js +5 -5
  18. package/dist/cjs/kup-card-list.cjs.entry.js +2 -2
  19. package/dist/cjs/kup-cell.cjs.entry.js +9 -9
  20. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-dashboard.cjs.entry.js +6 -6
  22. package/dist/cjs/{kup-data-table-helper-50a76963.js → kup-data-table-helper-3f69b06d.js} +1 -1
  23. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  24. package/dist/cjs/kup-echart.cjs.entry.js +2 -2
  25. package/dist/cjs/kup-editor.cjs.entry.js +2 -2
  26. package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
  27. package/dist/cjs/kup-gantt_10.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-grid.cjs.entry.js +2 -2
  29. package/dist/cjs/kup-htm.cjs.entry.js +2 -2
  30. package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-image-list.cjs.entry.js +9 -9
  32. package/dist/cjs/kup-input-panel.cjs.entry.js +10 -10
  33. package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
  34. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  35. package/dist/cjs/{kup-manager-4960b529.js → kup-manager-3478cacd.js} +1 -1
  36. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  37. package/dist/cjs/kup-numeric-picker.cjs.entry.js +4 -4
  38. package/dist/cjs/kup-object-field.cjs.entry.js +6 -6
  39. package/dist/cjs/kup-pdf.cjs.entry.js +2 -2
  40. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  41. package/dist/cjs/kup-planner-renderer.cjs.entry.js +1 -1
  42. package/dist/cjs/kup-planner.cjs.entry.js +4 -4
  43. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  44. package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
  45. package/dist/cjs/kup-snackbar.cjs.entry.js +4 -4
  46. package/dist/cjs/kup-txt.cjs.entry.js +2 -2
  47. package/dist/cjs/kup-typography-list.cjs.entry.js +3 -3
  48. package/dist/cjs/kup-typography.cjs.entry.js +4 -4
  49. package/dist/cjs/loader.cjs.js +2 -2
  50. package/dist/collection/components/kup-text-field/kup-text-field.js +40 -2
  51. package/dist/components/index.js +1 -1
  52. package/dist/components/kup-accordion.js +2 -2
  53. package/dist/components/kup-activity-timeline.js +2 -2
  54. package/dist/components/kup-autocomplete.js +1 -1
  55. package/dist/components/kup-badge.js +1 -1
  56. package/dist/components/kup-box.js +1 -1
  57. package/dist/components/kup-button-list.js +1 -1
  58. package/dist/components/kup-button.js +1 -1
  59. package/dist/components/kup-calendar.js +2 -2
  60. package/dist/components/kup-card-list.js +3 -3
  61. package/dist/components/kup-card.js +1 -1
  62. package/dist/components/kup-cell.js +2 -2
  63. package/dist/components/kup-chart.js +1 -1
  64. package/dist/components/kup-checkbox.js +1 -1
  65. package/dist/components/kup-chip.js +1 -1
  66. package/dist/components/kup-color-picker.js +1 -1
  67. package/dist/components/kup-combobox.js +1 -1
  68. package/dist/components/kup-custom-task-list-header.js +1 -1
  69. package/dist/components/kup-custom-task-list-table.js +1 -1
  70. package/dist/components/kup-dashboard.js +2 -2
  71. package/dist/components/kup-data-table.js +1 -1
  72. package/dist/components/kup-date-picker.js +1 -1
  73. package/dist/components/kup-dialog.js +1 -1
  74. package/dist/components/kup-drawer.js +2 -2
  75. package/dist/components/kup-dropdown-button.js +1 -1
  76. package/dist/components/kup-echart.js +1 -1
  77. package/dist/components/kup-editor.js +1 -1
  78. package/dist/components/kup-family-tree.js +3 -3
  79. package/dist/components/kup-form.js +1 -1
  80. package/dist/components/kup-gantt-calendar.js +1 -1
  81. package/dist/components/kup-gantt.js +1 -1
  82. package/dist/components/kup-gauge.js +1 -1
  83. package/dist/components/kup-grid-renderer.js +1 -1
  84. package/dist/components/kup-grid.js +1 -1
  85. package/dist/components/kup-horizontal-scroll.js +1 -1
  86. package/dist/components/kup-htm.js +2 -2
  87. package/dist/components/kup-iframe.js +2 -2
  88. package/dist/components/kup-image-list.js +2 -2
  89. package/dist/components/kup-image.js +1 -1
  90. package/dist/components/kup-input-panel.js +3 -3
  91. package/dist/components/kup-lazy.js +2 -2
  92. package/dist/components/kup-list.js +1 -1
  93. package/dist/components/kup-magic-box.js +4 -4
  94. package/dist/components/kup-nav-bar.js +2 -2
  95. package/dist/components/kup-numeric-picker.js +2 -2
  96. package/dist/components/kup-object-field.js +2 -2
  97. package/dist/components/kup-pdf.js +2 -2
  98. package/dist/components/kup-photo-frame.js +2 -2
  99. package/dist/components/kup-planner-renderer.js +1 -1
  100. package/dist/components/kup-planner.js +17 -17
  101. package/dist/components/kup-probe.js +2 -2
  102. package/dist/components/kup-progress-bar.js +1 -1
  103. package/dist/components/kup-qlik.js +2 -2
  104. package/dist/components/kup-radio.js +1 -1
  105. package/dist/components/kup-rating.js +1 -1
  106. package/dist/components/kup-snackbar.js +2 -2
  107. package/dist/components/kup-spinner.js +1 -1
  108. package/dist/components/kup-standard-tooltip.js +1 -1
  109. package/dist/components/kup-switch.js +1 -1
  110. package/dist/components/kup-switcher.js +1 -1
  111. package/dist/components/kup-tab-bar.js +1 -1
  112. package/dist/components/kup-task-gantt.js +1 -1
  113. package/dist/components/kup-task-list-header.js +1 -1
  114. package/dist/components/kup-task-list-table.js +1 -1
  115. package/dist/components/kup-task-list.js +1 -1
  116. package/dist/components/kup-text-field.js +1 -1
  117. package/dist/components/kup-time-picker.js +1 -1
  118. package/dist/components/kup-toolbar.js +1 -1
  119. package/dist/components/kup-tooltip.js +1 -1
  120. package/dist/components/kup-tree.js +1 -1
  121. package/dist/components/kup-txt.js +2 -2
  122. package/dist/components/kup-typography-list.js +2 -2
  123. package/dist/components/kup-typography.js +2 -2
  124. package/dist/components/kup-vertical-scroll.js +1 -1
  125. package/dist/components/{p-9d5af5b8.js → p-08422fcc.js} +2 -2
  126. package/dist/components/{p-73161433.js → p-183306e1.js} +13 -13
  127. package/dist/components/{p-f337ca40.js → p-1a66be12.js} +2 -2
  128. package/dist/components/{p-f8dfca60.js → p-1f1d9b1f.js} +1 -1
  129. package/dist/components/{p-b3f580ea.js → p-2d57f1db.js} +1 -1
  130. package/dist/components/{p-68313086.js → p-2e5f2e07.js} +5 -1
  131. package/dist/components/{p-1fbb6d6d.js → p-56c8142a.js} +1 -1
  132. package/dist/components/{p-58a3c22f.js → p-5889f85d.js} +2 -2
  133. package/dist/components/{p-e0a9821f.js → p-59a9ee85.js} +26 -4
  134. package/dist/components/{p-56003cd0.js → p-61b8d8fd.js} +1 -1
  135. package/dist/components/{p-becc434e.js → p-73449cb1.js} +1 -1
  136. package/dist/components/{p-05107ab3.js → p-795f2541.js} +1 -1
  137. package/dist/components/{p-f6c174e1.js → p-9c8e5fca.js} +15 -15
  138. package/dist/components/{p-e3b85e2f.js → p-a2ed336a.js} +3 -3
  139. package/dist/components/{p-b6c22f10.js → p-ac9153ed.js} +3 -3
  140. package/dist/components/{p-cba27d82.js → p-b361dce9.js} +2 -2
  141. package/dist/components/{p-c7846ca1.js → p-cfc8a8fb.js} +1 -1
  142. package/dist/components/{p-a515e2ea.js → p-d0735e25.js} +1 -1
  143. package/dist/components/{p-339c1ea0.js → p-e275fc9f.js} +1 -1
  144. package/dist/components/{p-bdfb45df.js → p-f95300f6.js} +1 -1
  145. package/dist/components/{p-57121e73.js → p-ff1894fe.js} +1 -1
  146. package/dist/esm/{f-button-91d64c91.js → f-button-acef8cca.js} +2 -2
  147. package/dist/esm/{f-cell-32b44d18.js → f-cell-2a84215a.js} +8 -8
  148. package/dist/esm/{f-checkbox-889de715.js → f-checkbox-ed122005.js} +2 -2
  149. package/dist/esm/{f-chip-0de643a0.js → f-chip-915e8f77.js} +3 -3
  150. package/dist/esm/{f-image-5009e205.js → f-image-e8fec767.js} +1 -1
  151. package/dist/esm/{f-object-field-076f4278.js → f-object-field-88fbd1b4.js} +4 -4
  152. package/dist/esm/{f-paginator-utils-6bba82e1.js → f-paginator-utils-9511edd9.js} +3 -3
  153. package/dist/esm/{f-text-field-1146e248.js → f-text-field-9e293fb1.js} +3 -3
  154. package/dist/esm/{f-typography-0097a4c2.js → f-typography-65229068.js} +1 -1
  155. package/dist/esm/{index-c1a3792b.js → index-c9246a86.js} +9 -3
  156. package/dist/esm/index.js +2 -2
  157. package/dist/esm/ketchup.js +3 -3
  158. package/dist/esm/kup-accordion.entry.js +3 -3
  159. package/dist/esm/kup-activity-timeline.entry.js +4 -4
  160. package/dist/esm/kup-autocomplete_28.entry.js +34 -13
  161. package/dist/esm/kup-box.entry.js +11 -11
  162. package/dist/esm/kup-calendar.entry.js +5 -5
  163. package/dist/esm/kup-card-list.entry.js +2 -2
  164. package/dist/esm/kup-cell.entry.js +9 -9
  165. package/dist/esm/kup-custom-task-list-header_4.entry.js +1 -1
  166. package/dist/esm/kup-dashboard.entry.js +6 -6
  167. package/dist/esm/{kup-data-table-helper-47769549.js → kup-data-table-helper-50a37d9e.js} +1 -1
  168. package/dist/esm/kup-drawer.entry.js +2 -2
  169. package/dist/esm/kup-echart.entry.js +2 -2
  170. package/dist/esm/kup-editor.entry.js +2 -2
  171. package/dist/esm/kup-family-tree.entry.js +4 -4
  172. package/dist/esm/kup-gantt_10.entry.js +1 -1
  173. package/dist/esm/kup-grid.entry.js +2 -2
  174. package/dist/esm/kup-htm.entry.js +2 -2
  175. package/dist/esm/kup-iframe.entry.js +2 -2
  176. package/dist/esm/kup-image-list.entry.js +9 -9
  177. package/dist/esm/kup-input-panel.entry.js +10 -10
  178. package/dist/esm/kup-lazy.entry.js +2 -2
  179. package/dist/esm/kup-magic-box.entry.js +3 -3
  180. package/dist/esm/{kup-manager-c60337e6.js → kup-manager-fbf2cb76.js} +1 -1
  181. package/dist/esm/kup-nav-bar.entry.js +2 -2
  182. package/dist/esm/kup-numeric-picker.entry.js +4 -4
  183. package/dist/esm/kup-object-field.entry.js +6 -6
  184. package/dist/esm/kup-pdf.entry.js +2 -2
  185. package/dist/esm/kup-photo-frame.entry.js +2 -2
  186. package/dist/esm/kup-planner-renderer.entry.js +1 -1
  187. package/dist/esm/kup-planner.entry.js +4 -4
  188. package/dist/esm/kup-probe.entry.js +2 -2
  189. package/dist/esm/kup-qlik.entry.js +2 -2
  190. package/dist/esm/kup-snackbar.entry.js +4 -4
  191. package/dist/esm/kup-txt.entry.js +2 -2
  192. package/dist/esm/kup-typography-list.entry.js +3 -3
  193. package/dist/esm/kup-typography.entry.js +4 -4
  194. package/dist/esm/loader.js +3 -3
  195. package/dist/ketchup/index.esm.js +1 -1
  196. package/dist/ketchup/ketchup.esm.js +1 -1
  197. package/dist/ketchup/{p-e18a0712.entry.js → p-11980af1.entry.js} +1 -1
  198. package/dist/ketchup/{p-776965aa.js → p-141588ab.js} +1 -1
  199. package/dist/ketchup/{p-d35d82d1.entry.js → p-141eb499.entry.js} +1 -1
  200. package/dist/ketchup/{p-f09f0a66.js → p-19713b23.js} +1 -1
  201. package/dist/ketchup/{p-9e3b99ff.js → p-1bdc7796.js} +1 -1
  202. package/dist/ketchup/{p-71f27df1.entry.js → p-1f5781be.entry.js} +1 -1
  203. package/dist/ketchup/{p-4f90f900.entry.js → p-20587343.entry.js} +1 -1
  204. package/dist/ketchup/{p-44249460.entry.js → p-2708f3c8.entry.js} +1 -1
  205. package/dist/ketchup/{p-f8c16d0d.entry.js → p-299752c5.entry.js} +1 -1
  206. package/dist/ketchup/{p-a1fb67fb.entry.js → p-2bcc9a16.entry.js} +1 -1
  207. package/dist/ketchup/{p-4eece4fe.entry.js → p-2bf2a1a5.entry.js} +1 -1
  208. package/dist/ketchup/{p-2086773e.entry.js → p-302ca0b5.entry.js} +1 -1
  209. package/dist/ketchup/{p-3ff92907.js → p-35fe649d.js} +1 -1
  210. package/dist/ketchup/{p-88c3ed8e.js → p-3913eb45.js} +1 -1
  211. package/dist/ketchup/{p-5f10bc8a.entry.js → p-3b99167c.entry.js} +1 -1
  212. package/dist/ketchup/{p-cee7ec38.entry.js → p-3ed541e3.entry.js} +1 -1
  213. package/dist/ketchup/{p-c7d1d9bc.entry.js → p-466917d2.entry.js} +1 -1
  214. package/dist/ketchup/{p-cb41f884.entry.js → p-482d2207.entry.js} +1 -1
  215. package/dist/ketchup/{p-2f6cd896.js → p-60cfddce.js} +1 -1
  216. package/dist/ketchup/{p-c4340f09.entry.js → p-63b2dcb0.entry.js} +1 -1
  217. package/dist/ketchup/{p-1420bb65.entry.js → p-69e2c29f.entry.js} +1 -1
  218. package/dist/ketchup/{p-17dc713e.entry.js → p-735c2ec4.entry.js} +1 -1
  219. package/dist/ketchup/{p-09d41eca.entry.js → p-86161133.entry.js} +2 -2
  220. package/dist/ketchup/{p-872d2958.entry.js → p-86c792b3.entry.js} +1 -1
  221. package/dist/ketchup/{p-cac44766.entry.js → p-8d97d9b3.entry.js} +1 -1
  222. package/dist/ketchup/{p-b82dcc47.entry.js → p-962bb37c.entry.js} +1 -1
  223. package/dist/ketchup/{p-7377c753.js → p-9740f75d.js} +1 -1
  224. package/dist/ketchup/{p-432f5f5c.entry.js → p-990bdbf5.entry.js} +1 -1
  225. package/dist/ketchup/{p-0fc31d0b.entry.js → p-9cf19b7b.entry.js} +1 -1
  226. package/dist/ketchup/{p-69880eb4.entry.js → p-9f38de64.entry.js} +1 -1
  227. package/dist/ketchup/{p-e8fcf2ee.entry.js → p-abe47a32.entry.js} +1 -1
  228. package/dist/ketchup/{p-b32ed503.js → p-b0368f88.js} +2 -2
  229. package/dist/ketchup/{p-03bf106c.entry.js → p-b3e97527.entry.js} +1 -1
  230. package/dist/ketchup/{p-06ee5a5d.entry.js → p-c20ec52e.entry.js} +1 -1
  231. package/dist/ketchup/{p-e680317d.entry.js → p-c89b82bd.entry.js} +1 -1
  232. package/dist/ketchup/{p-7e272e37.entry.js → p-ce298dbe.entry.js} +1 -1
  233. package/dist/ketchup/{p-74da6bf3.js → p-d1c818ae.js} +1 -1
  234. package/dist/ketchup/{p-4765c6db.js → p-d2e75276.js} +1 -1
  235. package/dist/ketchup/{p-af0e276f.entry.js → p-d9df2044.entry.js} +1 -1
  236. package/dist/ketchup/{p-d8d207b9.entry.js → p-e2115718.entry.js} +1 -1
  237. package/dist/ketchup/{p-1ba32931.js → p-e2249059.js} +1 -1
  238. package/dist/ketchup/{p-4230a0bb.entry.js → p-e4b19980.entry.js} +1 -1
  239. package/dist/ketchup/{p-e0fc34d7.entry.js → p-ea462bad.entry.js} +1 -1
  240. package/dist/ketchup/{p-8e336180.js → p-ec14927b.js} +1 -1
  241. package/dist/ketchup/{p-8ff1a2ae.entry.js → p-ef661dcf.entry.js} +1 -1
  242. package/dist/ketchup/{p-50edc453.entry.js → p-f6db683d.entry.js} +1 -1
  243. package/dist/types/components/kup-text-field/kup-text-field.d.ts +8 -1
  244. package/dist/types/components.d.ts +4 -0
  245. package/package.json +1 -1
@@ -1 +1 @@
1
- import{r as t,f as e,h as s,H as a,d as i}from"./p-b32ed503.js";import{F as o}from"./p-8e336180.js";import{k as r,g as c}from"./p-4765c6db.js";import{c as n}from"./p-635bb4b3.js";import"./p-9e3b99ff.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-3ff92907.js";import"./p-5ba08261.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(f||(f={}));var d,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return c(this,f,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue};return s(a,{key:"9dababac9d66c3a6c521626f55accc25c2492c35"},s("style",{key:"bf4ac3e47503231a77c632118a854972b3869215"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e9b93d26c6240a39ffd8888c33689de98ab16c64",id:n},s(o,Object.assign({key:"8beec6f76a1f81faa8da2e11d8f33ee5df840700"},e))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}
1
+ import{r as t,f as e,h as s,H as a,d as i}from"./p-b0368f88.js";import{F as o}from"./p-ec14927b.js";import{k as r,g as c}from"./p-d2e75276.js";import{c as n}from"./p-635bb4b3.js";import"./p-1bdc7796.js";import"./p-e3062c19.js";import"./p-d1c818ae.js";import"./p-35fe649d.js";import"./p-5ba08261.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(f||(f={}));var d,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return c(this,f,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue};return s(a,{key:"9dababac9d66c3a6c521626f55accc25c2492c35"},s("style",{key:"bf4ac3e47503231a77c632118a854972b3869215"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e9b93d26c6240a39ffd8888c33689de98ab16c64",id:n},s(o,Object.assign({key:"8beec6f76a1f81faa8da2e11d8f33ee5df840700"},e))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}
@@ -1,4 +1,4 @@
1
- import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,d as getElement}from"./p-b32ed503.js";import{k as kupManagerInstance,g as getProps,s as setProps}from"./p-4765c6db.js";import{c as componentWrapperId}from"./p-635bb4b3.js";import{e as getAugmentedNamespace,f as commonjsRequire,g as getDefaultExportFromCjs}from"./p-5ba08261.js";var KupPdfProps;!function(t){t.pdfPath="This is the path to the PDF file."}(KupPdfProps||(KupPdfProps={}));var pdf={exports:{}};const _nodeResolve_empty={},_nodeResolve_empty$1=Object.freeze({__proto__:null,default:_nodeResolve_empty}),require$$0=getAugmentedNamespace(_nodeResolve_empty$1);
1
+ import{r as registerInstance,c as createEvent,f as forceUpdate,h,H as Host,d as getElement}from"./p-b0368f88.js";import{k as kupManagerInstance,g as getProps,s as setProps}from"./p-d2e75276.js";import{c as componentWrapperId}from"./p-635bb4b3.js";import{e as getAugmentedNamespace,f as commonjsRequire,g as getDefaultExportFromCjs}from"./p-5ba08261.js";var KupPdfProps;!function(t){t.pdfPath="This is the path to the PDF file."}(KupPdfProps||(KupPdfProps={}));var pdf={exports:{}};const _nodeResolve_empty={},_nodeResolve_empty$1=Object.freeze({__proto__:null,default:_nodeResolve_empty}),require$$0=getAugmentedNamespace(_nodeResolve_empty$1);
2
2
  /**
3
3
  * @licstart The following is the entire license notice for the
4
4
  * JavaScript code in this page
@@ -1,2 +1,2 @@
1
- var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},h={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},p=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,v=[],w=[],y=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&h.l?g($):h.raf($))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{b(v),b(w),(m=v.length>0)&&h.raf($)},g=e=>p().then(e),S=y(w,!0),j=e=>{const t=new URL(e,h.o);return t.origin!==u.location.origin?t.href:t.pathname},k=e=>h.o=e,O={},E=e=>"object"==(e=typeof e)||"function"===e;function x(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>M,map:()=>P,ok:()=>C,unwrap:()=>U,unwrapErr:()=>D});var C=e=>({isOk:!0,isErr:!1,value:e}),M=e=>({isOk:!1,isErr:!0,value:e});function P(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>C(e))):C(n)}if(e.isErr)return M(e.value);throw"should never get here"}var R,U=e=>{if(e.isOk)return e.value;throw e.value},D=e=>{if(e.isErr)return e.value;throw e.value},L=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!E(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?W(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,F);const a=W(e,null);return a.u=t,i.length>0&&(a.h=i),a.p=o,a},W=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),A={},F={forEach:(e,t)=>e.map(H).forEach(t),map:(e,t)=>e.map(H).map(t).map(T)},H=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),T=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),L(e.vtag,t,...e.vchildren||[])}const t=W(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=e=>n(e).$hostElement$,q=(e,t,n)=>{const l=N(e);return{emit:e=>G(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},G=(e,t,n)=>{const l=h.ce(t,n);return e.dispatchEvent(l),l},V=new WeakMap,_=e=>"sc-"+e.S,z=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=I(n),s=I(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=E(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,u=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(u?e.removeAttributeNS(a,t):e.removeAttribute(t)):(!i||4&r||s)&&!o&&(l=!0===l?"":l,u?e.setAttributeNS(a,t,l):e.setAttribute(t,l))}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(J);t=t.replace(K,""),n&&h.rel(e,t,n,o),l&&h.ael(e,t,l,o)}}},B=/\s/,I=e=>e?e.split(B):[],J="Capture",K=RegExp(J+"$"),Q=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||O,s=t.u||O;for(const e of X(Object.keys(o)))e in s||z(l,e,o[e],void 0,n,t.l);for(const e of X(Object.keys(s)))z(l,e,o[e],s[e],n,t.l)};function X(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Y=!1,Z=!1,ee=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.v=f.createTextNode(l.i);else{if(Z||(Z="svg"===l.m),o=l.v=f.createElementNS(Z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.m),Z&&"foreignObject"===l.m&&(Z=!1),Q(null,l,Z),o.getRootNode().querySelector("body"),l.h)for(r=0;r<l.h.length;++r)s=ee(e,l,r),s&&o.appendChild(s);"svg"===l.m?Z=!1:"foreignObject"===o.tagName&&(Z=!0)}return o["s-hn"]=R,o},te=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===R&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=ee(null,n,o),r&&(l[o].v=r,re(i,r,t)))},ne=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;se(t),e&&e.remove()}}},le=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),oe=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,r=t.m,i=t.i;null===i?(Z="svg"===r||"foreignObject"!==r&&Z,("slot"!==r||Y)&&Q(e,t,Z),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,a=0,u=0,f=t.length-1,h=t[0],p=t[f],d=l.length-1,m=l[0],v=l[d];for(;i<=f&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==v)v=l[--d];else if(le(h,m,o))oe(h,m,o),h=t[++i],m=l[++c];else if(le(p,v,o))oe(p,v,o),p=t[--f],v=l[--d];else if(le(h,v,o))oe(h,v,o),re(e,h.v,p.v.nextSibling),h=t[++i],v=l[--d];else if(le(p,m,o))oe(p,m,o),re(e,p.v,h.v),p=t[--f],m=l[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){a=u;break}a>=0?(r=t[a],r.m!==m.m?s=ee(t&&t[c],n,a):(oe(r,m,o),t[a]=void 0,s=r.v),m=l[++c]):(s=ee(t&&t[c],n,c),m=l[++c]),s&&re(h.v.parentNode,s,h.v)}i>f?te(e,null==l[d+1]?null:l[d+1].v,n,l,c,d):c>d&&ne(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),te(l,null,t,s,0,s.length-1)):!n&&null!==o&&ne(o,0,o.length-1),Z&&"svg"===r&&(Z=!1)):e.i!==i&&(l.data=i)},se=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(se)},re=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ie=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},ce=(e,t)=>{if(e.l|=16,!(4&e.l))return ie(e,e.k),S((()=>ae(e,t)));e.l|=512},ae=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t?(e.l|=256,e.O&&(e.O.map((([e,t])=>we(n,e,t))),e.O=void 0),l=we(n,"componentWillLoad")):l=we(n,"componentWillUpdate"),l=ue(l,(()=>we(n,"componentWillRender"))),ue(l,(()=>he(e,n,t)))},ue=(e,t)=>fe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),fe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,he=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.C,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=_(t),o=i.get(l);if(e=11===e.nodeType?e:f,o)if("string"==typeof o){let s,r=V.get(e=e.head||e);if(r||V.set(e,r=new Set),!r.has(l)){{s=f.createElement("style"),s.innerHTML=o;const l=null!=(n=h.M)?n:x(f);null!=l&&s.setAttribute("nonce",l),(!(1&t.l)||1&t.l&&"HEAD"!==e.nodeName)&&e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);pe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>de(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},pe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.C,s=e.P||W(null,null),r=(e=>e&&e.m===A)(t)?t:L(null,null,t);if(R=l.tagName,o.R&&(r.u=r.u||{},o.R.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.P=r,r.v=s.v=l.shadowRoot||l,Y=!!(1&o.l),oe(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},de=e=>{const t=e.$hostElement$,n=e.t,l=e.k;we(n,"componentDidRender"),64&e.l?we(n,"componentDidUpdate"):(e.l|=64,ye(t),we(n,"componentDidLoad"),e.U(t),l||ve()),e.D(t),e.j&&(e.j(),e.j=void 0),512&e.l&&g((()=>ce(e,!1))),e.l&=-517},me=e=>{{const t=n(e),l=t.$hostElement$.isConnected;return l&&2==(18&t.l)&&ce(t,!1),l}},ve=()=>{ye(f.documentElement),g((()=>G(u,"appload",{detail:{namespace:"ketchup"}})))},we=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ye=e=>e.classList.add("hydrated"),be=(e,t,l)=>{var o,r;const i=e.prototype;if(t.L||t.W||e.watchers){e.watchers&&!t.W&&(t.W=e.watchers);const c=Object.entries(null!=(o=t.L)?o:{});if(c.map((([e,[o]])=>{31&o||2&l&&32&o?Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.A.get(t),a=r.l,u=r.t;if(l=((e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.L[t][0]),(!(8&a)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),u)){if(o.W&&128&a){const e=o.W[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&a)&&ce(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&o&&Object.defineProperty(i,e,{value(...t){var l;const o=n(this);return null==(l=null==o?void 0:o.F)?void 0:l.then((()=>{var n;return null==(n=o.t)?void 0:n[e](...t)}))}})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.W)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.W)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.R)||o.push([e,s])),s}))]))}}return e},$e=e=>{we(e,"disconnectedCallback")},ge=(e,l={})=>{var o;const a=[],p=l.exclude||[],m=u.customElements,v=f.head,w=v.querySelector("meta[charset]"),y=f.createElement("style"),b=[];let $,g=!0;Object.assign(h,l),h.o=new URL(l.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],S:l[1],L:l[2],H:l[3]};4&c.l&&(S=!0),c.L=l[2],c.H=l[3],c.R=[],c.W=null!=(o=l[4])?o:{};const u=c.S,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,C:n,A:new Map};l.F=new Promise((e=>l.D=e)),l.T=new Promise((e=>l.U=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,je(this,e,c.H)),$&&(clearTimeout($),$=null),g?b.push(this):h.jmp((()=>(e=>{if(!(1&h.l)){const t=n(e),l=t.C,o=()=>{};if(1&t.l)je(e,t,l.H),(null==t?void 0:t.t)||(null==t?void 0:t.T)&&t.T.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ie(t,t.k=n);break}}l.L&&Object.entries(l.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.N){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.N;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.S}#${t.q}" was not found`);l.isProxied||(n.W=l.watchers,be(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=_(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.k,c=()=>ce(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=n(this);e.G&&(e.G.map((e=>e())),e.G=void 0),(null==e?void 0:e.t)?$e(e.t):(null==e?void 0:e.T)&&e.T.then((()=>$e(e.t)))}})()))}componentOnReady(){return n(this).T}};c.N=e[0],p.includes(u)||m.get(u)||(a.push(u),m.define(u,be(f,c,1)))}))})),a.length>0&&(S&&(y.textContent+=c),y.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const e=null!=(o=h.M)?o:x(f);null!=e&&y.setAttribute("nonce",e),v.insertBefore(y,w?w.nextSibling:v.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):h.jmp((()=>$=setTimeout(ve,30)))},Se=(e,t)=>t,je=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=Oe(e,n),r=ke(t,o),i=Ee(n);h.ael(s,l,r,i),(t.G=t.G||[]).push((()=>h.rel(s,l,r,i)))}))},ke=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.O=e.O||[]).push([t,n])}catch(e){s(e)}},Oe=(e,t)=>4&t?f:e,Ee=e=>({passive:!!(1&e),capture:!!(2&e)}),xe=e=>h.M=e;export{Se as F,A as H,k as a,ge as b,q as c,N as d,me as f,j as g,L as h,p,l as r,xe as s}
1
+ var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},h={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},d=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,v=[],w=[],y=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&h.l?g($):h.raf($))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{b(v),b(w),(m=v.length>0)&&h.raf($)},g=e=>d().then(e),k=y(w,!0),S=e=>{const t=new URL(e,h.o);return t.origin!==u.location.origin?t.href:t.pathname},j=e=>h.o=e,O={},E=e=>"object"==(e=typeof e)||"function"===e;function C(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>M,map:()=>P,ok:()=>x,unwrap:()=>U,unwrapErr:()=>D});var x=e=>({isOk:!0,isErr:!1,value:e}),M=e=>({isOk:!1,isErr:!0,value:e});function P(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>x(e))):x(n)}if(e.isErr)return M(e.value);throw"should never get here"}var R,U=e=>{if(e.isOk)return e.value;throw e.value},D=e=>{if(e.isErr)return e.value;throw e.value},L=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!E(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?W(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,F);const a=W(e,null);return a.u=t,i.length>0&&(a.h=i),a.p=o,a},W=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),A={},F={forEach:(e,t)=>e.map(H).forEach(t),map:(e,t)=>e.map(H).map(t).map(T)},H=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),T=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),L(e.vtag,t,...e.vchildren||[])}const t=W(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=e=>n(e).$hostElement$,q=(e,t,n)=>{const l=N(e);return{emit:e=>G(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},G=(e,t,n)=>{const l=h.ce(t,n);return e.dispatchEvent(l),l},V=new WeakMap,_=e=>"sc-"+e.k,z=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=I(n),s=I(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=E(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,u=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(u?e.removeAttributeNS(a,t):e.removeAttribute(t)):(!i||4&r||s)&&!o&&(l=!0===l?"":l,u?e.setAttributeNS(a,t,l):e.setAttribute(t,l))}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(J);t=t.replace(K,""),n&&h.rel(e,t,n,o),l&&h.ael(e,t,l,o)}}},B=/\s/,I=e=>e?e.split(B):[],J="Capture",K=RegExp(J+"$"),Q=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||O,s=t.u||O;for(const e of X(Object.keys(o)))e in s||z(l,e,o[e],void 0,n,t.l);for(const e of X(Object.keys(s)))z(l,e,o[e],s[e],n,t.l)};function X(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Y=!1,Z=!1,ee=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.v=f.createTextNode(l.i);else{if(Z||(Z="svg"===l.m),o=l.v=f.createElementNS(Z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.m),Z&&"foreignObject"===l.m&&(Z=!1),Q(null,l,Z),o.getRootNode().querySelector("body"),l.h)for(r=0;r<l.h.length;++r)s=ee(e,l,r),s&&o.appendChild(s);"svg"===l.m?Z=!1:"foreignObject"===o.tagName&&(Z=!0)}return o["s-hn"]=R,o},te=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===R&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=ee(null,n,o),r&&(l[o].v=r,re(i,r,t)))},ne=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;se(t),e&&e.remove()}}},le=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),oe=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,r=t.m,i=t.i;null===i?(Z="svg"===r||"foreignObject"!==r&&Z,("slot"!==r||Y)&&Q(e,t,Z),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,a=0,u=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],v=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==v)v=l[--p];else if(le(h,m,o))oe(h,m,o),h=t[++i],m=l[++c];else if(le(d,v,o))oe(d,v,o),d=t[--f],v=l[--p];else if(le(h,v,o))oe(h,v,o),re(e,h.v,d.v.nextSibling),h=t[++i],v=l[--p];else if(le(d,m,o))oe(d,m,o),re(e,d.v,h.v),d=t[--f],m=l[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){a=u;break}a>=0?(r=t[a],r.m!==m.m?s=ee(t&&t[c],n,a):(oe(r,m,o),t[a]=void 0,s=r.v),m=l[++c]):(s=ee(t&&t[c],n,c),m=l[++c]),s&&re(h.v.parentNode,s,h.v)}i>f?te(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&ne(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),te(l,null,t,s,0,s.length-1)):!n&&null!==o&&ne(o,0,o.length-1),Z&&"svg"===r&&(Z=!1)):e.i!==i&&(l.data=i)},se=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(se)},re=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ie=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},ce=(e,t)=>{if(e.l|=16,!(4&e.l))return ie(e,e.j),k((()=>ae(e,t)));e.l|=512},ae=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t?(e.l|=256,e.O&&(e.O.map((([e,t])=>we(n,e,t))),e.O=void 0),l=we(n,"componentWillLoad")):l=we(n,"componentWillUpdate"),l=ue(l,(()=>we(n,"componentWillRender"))),ue(l,(()=>he(e,n,t)))},ue=(e,t)=>fe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),fe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,he=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.C,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=_(t),o=i.get(l);if(e=11===e.nodeType?e:f,o)if("string"==typeof o){let s,r=V.get(e=e.head||e);if(r||V.set(e,r=new Set),!r.has(l)){{s=f.createElement("style"),s.innerHTML=o;const l=null!=(n=h.M)?n:C(f);null!=l&&s.setAttribute("nonce",l),(!(1&t.l)||1&t.l&&"HEAD"!==e.nodeName)&&e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);de(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>pe(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},de=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.C,s=e.P||W(null,null),r=(e=>e&&e.m===A)(t)?t:L(null,null,t);if(R=l.tagName,o.R&&(r.u=r.u||{},o.R.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.P=r,r.v=s.v=l.shadowRoot||l,Y=!!(1&o.l),oe(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},pe=e=>{const t=e.$hostElement$,n=e.t,l=e.j;we(n,"componentDidRender"),64&e.l?we(n,"componentDidUpdate"):(e.l|=64,ye(t),we(n,"componentDidLoad"),e.U(t),l||ve()),e.D(t),e.S&&(e.S(),e.S=void 0),512&e.l&&g((()=>ce(e,!1))),e.l&=-517},me=e=>{{const t=n(e),l=t.$hostElement$.isConnected;return l&&2==(18&t.l)&&ce(t,!1),l}},ve=()=>{ye(f.documentElement),g((()=>G(u,"appload",{detail:{namespace:"ketchup"}})))},we=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ye=e=>e.classList.add("hydrated"),be=(e,t,l)=>{var o,r;const i=e.prototype;if(t.L||t.W||e.watchers){e.watchers&&!t.W&&(t.W=e.watchers);const c=Object.entries(null!=(o=t.L)?o:{});if(c.map((([e,[o]])=>{31&o||2&l&&32&o?Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.k}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.A.get(t),a=r.l,u=r.t;if(l=((e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.L[t][0]),(!(8&a)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),u)){if(o.W&&128&a){const e=o.W[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&a)&&ce(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&o&&Object.defineProperty(i,e,{value(...t){var l;const o=n(this);return null==(l=null==o?void 0:o.F)?void 0:l.then((()=>{var n;return null==(n=o.t)?void 0:n[e](...t)}))}})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.W)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.W)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.R)||o.push([e,s])),s}))]))}}return e},$e=e=>{we(e,"connectedCallback")},ge=e=>{we(e,"disconnectedCallback")},ke=(e,l={})=>{var o;const a=[],d=l.exclude||[],m=u.customElements,v=f.head,w=v.querySelector("meta[charset]"),y=f.createElement("style"),b=[];let $,g=!0;Object.assign(h,l),h.o=new URL(l.resourcesUrl||"./",f.baseURI).href;let k=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],k:l[1],L:l[2],H:l[3]};4&c.l&&(k=!0),c.L=l[2],c.H=l[3],c.R=[],c.W=null!=(o=l[4])?o:{};const u=c.k,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,C:n,A:new Map};l.F=new Promise((e=>l.D=e)),l.T=new Promise((e=>l.U=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.k}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,je(this,e,c.H)),$&&(clearTimeout($),$=null),g?b.push(this):h.jmp((()=>(e=>{if(!(1&h.l)){const t=n(e),l=t.C,o=()=>{};if(1&t.l)je(e,t,l.H),(null==t?void 0:t.t)?$e(t.t):(null==t?void 0:t.T)&&t.T.then((()=>$e(t.t)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ie(t,t.j=n);break}}l.L&&Object.entries(l.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.N){const e=(e=>{const t=e.k.replace(/-/g,"_"),n=e.N;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.k}#${t.q}" was not found`);l.isProxied||(n.W=l.watchers,be(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o(),$e(t.t)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=_(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>ce(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=n(this);e.G&&(e.G.map((e=>e())),e.G=void 0),(null==e?void 0:e.t)?ge(e.t):(null==e?void 0:e.T)&&e.T.then((()=>ge(e.t)))}})()))}componentOnReady(){return n(this).T}};c.N=e[0],d.includes(u)||m.get(u)||(a.push(u),m.define(u,be(f,c,1)))}))})),a.length>0&&(k&&(y.textContent+=c),y.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const e=null!=(o=h.M)?o:C(f);null!=e&&y.setAttribute("nonce",e),v.insertBefore(y,w?w.nextSibling:v.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):h.jmp((()=>$=setTimeout(ve,30)))},Se=(e,t)=>t,je=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=Ee(e,n),r=Oe(t,o),i=Ce(n);h.ael(s,l,r,i),(t.G=t.G||[]).push((()=>h.rel(s,l,r,i)))}))},Oe=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.O=e.O||[]).push([t,n])}catch(e){s(e)}},Ee=(e,t)=>4&t?f:e,Ce=e=>({passive:!!(1&e),capture:!!(2&e)}),xe=e=>h.M=e;export{Se as F,A as H,j as a,ke as b,q as c,N as d,me as f,S as g,L as h,d as p,l as r,xe as s}
@@ -1 +1 @@
1
- import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b32ed503.js";import{k as e,g as p,s as l}from"./p-4765c6db.js";import{c as s}from"./p-635bb4b3.js";import"./p-5ba08261.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){l(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"0f66ceb53da3d4bdc00787c80ef4764a79d76af8",class:"header"},o("style",{key:"6435752fbe5f0ae68649ea4c43fee53afeb2dbca"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"607495825d0febc2dd41dcfecf0ecc78924e4679",id:s},o("header",{key:"21667d9c45e86eab6c011247e1717b757d92dfd4",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"da92e4ddd4ff70b4fa9632233b0345d4843bee60",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}
1
+ import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b0368f88.js";import{k as e,g as p,s as l}from"./p-d2e75276.js";import{c as s}from"./p-635bb4b3.js";import"./p-5ba08261.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){l(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"0f66ceb53da3d4bdc00787c80ef4764a79d76af8",class:"header"},o("style",{key:"6435752fbe5f0ae68649ea4c43fee53afeb2dbca"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"607495825d0febc2dd41dcfecf0ecc78924e4679",id:s},o("header",{key:"21667d9c45e86eab6c011247e1717b757d92dfd4",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"da92e4ddd4ff70b4fa9632233b0345d4843bee60",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}
@@ -1 +1 @@
1
- import{r as o,c as i,f as r,h as t,H as e,d as a}from"./p-b32ed503.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-4765c6db.js";import{F as h}from"./p-74da6bf3.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-5ba08261.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],e=r.name,a=this.isItemSelected(e),n=this.isItemExpandible(e),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(t("div",{class:"accordion-item"},t("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(e)},r.icon?t(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,t("span",{class:"accordion-item__text"},r.title),n?t("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),t("div",{class:c},t("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return t(e,{key:"c6cc4c937b265fd4cae251d7499ea3e26d29ad14"},t("style",{key:"3f14819201f57e2823e85841405ecd0b9c829289"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"5109d2bfa23e81daad6888dd5926e037e1f3d882",id:u},t("div",{key:"713ae0a1ec95e2676c22134d733109b35d40952a",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
1
+ import{r as o,c as i,f as r,h as t,H as e,d as a}from"./p-b0368f88.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-d2e75276.js";import{F as h}from"./p-d1c818ae.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-5ba08261.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],e=r.name,a=this.isItemSelected(e),n=this.isItemExpandible(e),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(t("div",{class:"accordion-item"},t("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(e)},r.icon?t(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,t("span",{class:"accordion-item__text"},r.title),n?t("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),t("div",{class:c},t("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return t(e,{key:"c6cc4c937b265fd4cae251d7499ea3e26d29ad14"},t("style",{key:"3f14819201f57e2823e85841405ecd0b9c829289"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"5109d2bfa23e81daad6888dd5926e037e1f3d882",id:u},t("div",{key:"713ae0a1ec95e2676c22134d733109b35d40952a",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
@@ -1 +1 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b32ed503.js";import{k as n,g as l,s as r,h as p,O as m,f as h}from"./p-4765c6db.js";import{c}from"./p-635bb4b3.js";import{F as g}from"./p-74da6bf3.js";import{F as f}from"./p-9e3b99ff.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-7377c753.js";import{M as _}from"./p-c56195a0.js";import"./p-5ba08261.js";import"./p-88c3ed8e.js";import"./p-3ff92907.js";import"./p-1ba32931.js";import"./p-8e336180.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,j,z,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),z.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,v,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:c,ref:i=>{R(this,z,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(g,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(f,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(f,Object.assign({},I(this,j,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...I(this,v,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,W=new WeakMap,v=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(g,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,v,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,z,"f")),I(this,y,"f").interact.on(I(this,z,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,z,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,v,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,z,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",P).call(this,i)})}}))},S.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as l,s as r,h as p,O as m,f as h}from"./p-d2e75276.js";import{c}from"./p-635bb4b3.js";import{F as g}from"./p-d1c818ae.js";import{F as f}from"./p-1bdc7796.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-9740f75d.js";import{M as _}from"./p-c56195a0.js";import"./p-5ba08261.js";import"./p-3913eb45.js";import"./p-35fe649d.js";import"./p-e2249059.js";import"./p-ec14927b.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,y,x,j,z,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),b.add(this),this.state=new v,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),z.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,b,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:c,ref:i=>{R(this,z,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(g,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(f,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(f,Object.assign({},I(this,j,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...I(this,b,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,W=new WeakMap,b=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(g,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,b,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,b,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,z,"f")),I(this,y,"f").interact.on(I(this,z,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,z,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,b,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,z,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,b,"m",P).call(this,i)})}}))},S.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as n,H as o,d as a}from"./p-b32ed503.js";import{k as f,g as p,s}from"./p-4765c6db.js";import{c as h}from"./p-635bb4b3.js";import"./p-5ba08261.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(o,{key:"9ea52fb3468de015380d4451bea7c1123023460c"},n("style",{key:"e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"e946d355ead7cba0710c92b58d9f04efdf6e4466",id:h},n("div",{key:"22cf78343c4964c0ebbe26e4c0f75066156cdce9",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return a(this)}};l=new WeakMap,g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}
1
+ import{r as t,c as e,f as i,h as n,H as o,d as a}from"./p-b0368f88.js";import{k as f,g as p,s}from"./p-d2e75276.js";import{c as h}from"./p-635bb4b3.js";import"./p-5ba08261.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(o,{key:"9ea52fb3468de015380d4451bea7c1123023460c"},n("style",{key:"e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"e946d355ead7cba0710c92b58d9f04efdf6e4466",id:h},n("div",{key:"22cf78343c4964c0ebbe26e4c0f75066156cdce9",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return a(this)}};l=new WeakMap,g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}
@@ -1 +1 @@
1
- import{h as e,g as t}from"./p-b32ed503.js";var i;!function(e){e.BAR="bar"}(i||(i={}));const o="f-image__hidden",a=t=>{var a;let r,s;t.resource?t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1?(s={"--kup_image_height":t.sizeY?t.sizeY:"auto","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=function(t){return e("img",{class:t.placeholderResource?o:"",onLoad:e=>{const i=e.currentTarget,a=i.parentElement.querySelector(".f-image__placeholder"),n=i.parentElement.querySelector(".iconWrapper"),r=i.parentElement.parentElement.querySelector(".f-image");t.onLoad&&t.onLoad(e),a&&(a.classList.add(o),i.classList.remove(o)),n&&(n.classList.add(o),r.classList.add("noIcon"))},onError:e=>{const t=e.currentTarget,i=t.parentElement.querySelector(".f-image__placeholder"),a=t.parentElement.querySelector(".iconWrapper");i&&(i.classList.remove(o),t.classList.add(o)),a&&a.classList.remove(o)},src:t.resource})}(t)):(s={"--kup_image_height":t.sizeY?t.sizeY:"100%","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=n(t.resource,t.color)):t.data&&(s={"--kup_image_height":t.sizeY?t.sizeY:"100%","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=function(t){const o=[];let a=0;for(let n=0;n<t.length;n++){let r;t[n].shape||(t[n].shape=i.BAR),t[n].color||(t[n].color="transparent"),t[n].height||(t[n].height="100%"),t[n].width||(t[n].width="100%");const s="step-"+n,c="css-step bottom-aligned",l={backgroundColor:t[n].color,left:a+"%",height:t[n].height,width:t[n].width};a+=parseFloat(t[n].width),r=e("span",{id:s,class:c,style:l}),o.push(r)}return e("div",{class:"f-image__css"},o)}(t.data));const c=[];if(t.badgeData)for(let i=0;i<t.badgeData.length;i++)c.push(e("kup-badge",Object.assign({},t.badgeData[i])));return e("div",Object.assign({class:`f-image ${t.wrapperClass?t.wrapperClass:""} `},t.dataSet,{id:t.id,style:s,title:t.title,onClick:t.onClick,tabindex:null!==(a=t.tabIndex)&&void 0!==a?a:null}),t.placeholderResource?n(t.placeholderResource,t.color,"f-image__placeholder "+o):void 0,r,...c)};function n(i,o,a="f-image__icon"){const n={[a]:!0},r={background:o||"var(--kup-icon-color,var(--kup-text-secondary))"};if(i.indexOf("--kup")>-1){let e=i.replace("--","");n["kup-icon"]=!0,n[e]=!0}else{const e=t(`./assets/svg/${i}.svg`);r.mask=`url('${e}') no-repeat center`,r.webkitMask=`url('${e}') no-repeat center`}return e("div",{class:"iconWrapper"},e("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e("div",{class:n,style:r}))}export{a as F}
1
+ import{h as e,g as t}from"./p-b0368f88.js";var i;!function(e){e.BAR="bar"}(i||(i={}));const o="f-image__hidden",a=t=>{var a;let r,s;t.resource?t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1?(s={"--kup_image_height":t.sizeY?t.sizeY:"auto","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=function(t){return e("img",{class:t.placeholderResource?o:"",onLoad:e=>{const i=e.currentTarget,a=i.parentElement.querySelector(".f-image__placeholder"),n=i.parentElement.querySelector(".iconWrapper"),r=i.parentElement.parentElement.querySelector(".f-image");t.onLoad&&t.onLoad(e),a&&(a.classList.add(o),i.classList.remove(o)),n&&(n.classList.add(o),r.classList.add("noIcon"))},onError:e=>{const t=e.currentTarget,i=t.parentElement.querySelector(".f-image__placeholder"),a=t.parentElement.querySelector(".iconWrapper");i&&(i.classList.remove(o),t.classList.add(o)),a&&a.classList.remove(o)},src:t.resource})}(t)):(s={"--kup_image_height":t.sizeY?t.sizeY:"100%","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=n(t.resource,t.color)):t.data&&(s={"--kup_image_height":t.sizeY?t.sizeY:"100%","--kup_image_width":t.sizeX?t.sizeX:"100%"},r=function(t){const o=[];let a=0;for(let n=0;n<t.length;n++){let r;t[n].shape||(t[n].shape=i.BAR),t[n].color||(t[n].color="transparent"),t[n].height||(t[n].height="100%"),t[n].width||(t[n].width="100%");const s="step-"+n,c="css-step bottom-aligned",l={backgroundColor:t[n].color,left:a+"%",height:t[n].height,width:t[n].width};a+=parseFloat(t[n].width),r=e("span",{id:s,class:c,style:l}),o.push(r)}return e("div",{class:"f-image__css"},o)}(t.data));const c=[];if(t.badgeData)for(let i=0;i<t.badgeData.length;i++)c.push(e("kup-badge",Object.assign({},t.badgeData[i])));return e("div",Object.assign({class:`f-image ${t.wrapperClass?t.wrapperClass:""} `},t.dataSet,{id:t.id,style:s,title:t.title,onClick:t.onClick,tabindex:null!==(a=t.tabIndex)&&void 0!==a?a:null}),t.placeholderResource?n(t.placeholderResource,t.color,"f-image__placeholder "+o):void 0,r,...c)};function n(i,o,a="f-image__icon"){const n={[a]:!0},r={background:o||"var(--kup-icon-color,var(--kup-text-secondary))"};if(i.indexOf("--kup")>-1){let e=i.replace("--","");n["kup-icon"]=!0,n[e]=!0}else{const e=t(`./assets/svg/${i}.svg`);r.mask=`url('${e}') no-repeat center`,r.webkitMask=`url('${e}') no-repeat center`}return e("div",{class:"iconWrapper"},e("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e("div",{class:n,style:r}))}export{a as F}