@yoobic/yobi 8.3.0-47 → 8.3.0-50

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 (756) hide show
  1. package/dist/cjs/design-system.cjs.js +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/yoo-action-sheet.cjs.entry.js +9 -2
  4. package/dist/cjs/yoo-collapsible.cjs.entry.js +2 -2
  5. package/dist/cjs/yoo-draw-flow.cjs.entry.js +41 -6
  6. package/dist/cjs/yoo-form-dynamic.cjs.entry.js +1 -1
  7. package/dist/cjs/yoo-form-input-container.cjs.entry.js +1 -1
  8. package/dist/cjs/yoo-form-signature-pad-dialog.cjs.entry.js +5 -5
  9. package/dist/cjs/yoo-form-swipe-cards.cjs.entry.js +199 -135
  10. package/dist/cjs/yoo-grid.cjs.entry.js +4 -2
  11. package/dist/cjs/yoo-ion-scroll.cjs.entry.js +8 -1
  12. package/dist/cjs/yoo-mission-details.cjs.entry.js +1 -1
  13. package/dist/collection/components/1.atoms/collapsible/collapsible.css +7 -0
  14. package/dist/collection/components/1.atoms/collapsible/collapsible.js +1 -0
  15. package/dist/collection/components/2.molecules/action-sheet/action-sheet.js +9 -2
  16. package/dist/collection/components/2.molecules/scroll/scroll.js +8 -1
  17. package/dist/collection/components/form/form-dynamic/form-dynamic.js +1 -1
  18. package/dist/collection/components/form/form-input-container/form-input-container.css +7 -0
  19. package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css +169 -179
  20. package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js +233 -169
  21. package/dist/collection/components/grid/grid/grid.js +4 -2
  22. package/dist/collection/feature-operate/mission/mission-details/mission-details.css +1 -1
  23. package/dist/collection/feature-platform/admin/draw-flow/draw-flow.css +92 -91
  24. package/dist/collection/feature-platform/admin/draw-flow/draw-flow.js +62 -17
  25. package/dist/design-system/{button.factory-6c7aab55.js → button.factory-360481b8.js} +2 -2
  26. package/dist/{esm/camera-helpers-34aebfda.js → design-system/camera-helpers-48df14b6.js} +3 -3
  27. package/dist/{esm/chat-helpers-fcd6508c.js → design-system/chat-helpers-6d598406.js} +2 -2
  28. package/dist/{esm/common-helpers-0071c2da.js → design-system/common-helpers-f5ae39a5.js} +2 -2
  29. package/dist/design-system/design-system.esm.js +1 -1
  30. package/dist/design-system/{draggable-dots-helpers-b52e354a.js → draggable-dots-helpers-491a9ab0.js} +2 -2
  31. package/dist/design-system/{draggable-tags-helpers-39c6661b.js → draggable-tags-helpers-f7ad1919.js} +2 -2
  32. package/dist/design-system/{entities-helpers-67ff3fa4.js → entities-helpers-696a052a.js} +2 -2
  33. package/dist/{esm/filters-helpers-ded9ed03.js → design-system/filters-helpers-cf6606dd.js} +2 -2
  34. package/dist/design-system/{form-choice-helpers-b6936c42.js → form-choice-helpers-0c6d77b6.js} +5 -5
  35. package/dist/design-system/{form-helpers-92af6ede.js → form-helpers-0f8abb42.js} +2 -2
  36. package/dist/design-system/{form-input-helpers-a792a9ab.js → form-input-helpers-1efd23bf.js} +3 -3
  37. package/dist/design-system/{form-text-area-helpers-fb84fe65.js → form-text-area-helpers-150c0189.js} +2 -2
  38. package/dist/design-system/{grid-renderers-43b55d35.js → grid-renderers-d4ea796b.js} +6 -6
  39. package/dist/design-system/{incentive-helpers-36694da5.js → incentive-helpers-8c998dd4.js} +2 -2
  40. package/dist/design-system/{index-65b4bd65.js → index-1db54c75.js} +3 -3
  41. package/dist/{esm/index-47e05562.js → design-system/index-4f71f9df.js} +2 -2
  42. package/dist/design-system/{index-c7d02f02.js → index-5120ceae.js} +1 -1
  43. package/dist/design-system/index-896d4c0c.js +1 -0
  44. package/dist/design-system/index-97295ac3.js +1 -0
  45. package/dist/{esm/index-0ecbfd27.js → design-system/index-c4f5c319.js} +2 -2
  46. package/dist/{esm/localForage-1653d5cf.js → design-system/localForage-07fbef79.js} +2 -2
  47. package/dist/design-system/{map-helpers-e60089a1.js → map-helpers-478dede3.js} +2 -2
  48. package/dist/design-system/{mission-locked-banner-ba74c13d.js → mission-locked-banner-0c1917e6.js} +2 -2
  49. package/dist/{esm/missions-helpers-49627b36.js → design-system/missions-helpers-11001576.js} +2 -2
  50. package/dist/{esm/modal-animations-7ed161e0.js → design-system/modal-animations-e858d423.js} +2 -2
  51. package/dist/{esm/operation-helpers-7a8f88f8.js → design-system/operation-helpers-06ae674e.js} +2 -2
  52. package/dist/{esm/overlays-7aaea5ba.js → design-system/overlays-c6264545.js} +2 -2
  53. package/dist/design-system/{overlays-be5a9ab3.js → overlays-f516b003.js} +3 -3
  54. package/dist/{esm/swiper-c7c17232.js → design-system/swiper-124071a2.js} +6 -6
  55. package/dist/{esm/theme-331e5466.js → design-system/theme-b3a6f7f7.js} +2 -2
  56. package/dist/{esm/tippy.esm-89b2ba0a.js → design-system/tippy.esm-3cdd163e.js} +1 -1
  57. package/dist/design-system/{video-player-helpers-8eb458c6.js → video-player-helpers-d2fd51b7.js} +3 -3
  58. package/dist/{esm/web-54bac092.js → design-system/web-1bb24c6a.js} +3 -3
  59. package/dist/design-system/{web-7b8ead55.js → web-90b65112.js} +1 -1
  60. package/dist/design-system/{web-35e6d637.js → web-e6c07f0d.js} +1 -1
  61. package/dist/design-system/{web-d790be4b.js → web-f5ed5cfd.js} +1 -1
  62. package/dist/design-system/yoo-about.entry.js +2 -2
  63. package/dist/design-system/yoo-accordion.entry.js +5 -5
  64. package/dist/design-system/yoo-action-sheet-controller.entry.js +3 -3
  65. package/dist/design-system/yoo-action-sheet.entry.js +14 -7
  66. package/dist/design-system/yoo-ag-grid.entry.js +7 -7
  67. package/dist/design-system/yoo-alert.entry.js +5 -5
  68. package/dist/design-system/yoo-amap.entry.js +4 -4
  69. package/dist/design-system/yoo-announcement-heading.entry.js +5 -5
  70. package/dist/design-system/yoo-app.entry.js +2 -2
  71. package/dist/design-system/yoo-audio-player.entry.js +3 -3
  72. package/dist/design-system/yoo-audio-recorder-dialog.entry.js +3 -3
  73. package/dist/design-system/yoo-avatar.entry.js +2 -2
  74. package/dist/design-system/yoo-avatars.entry.js +2 -2
  75. package/dist/design-system/yoo-background.entry.js +3 -3
  76. package/dist/design-system/yoo-banner.entry.js +3 -3
  77. package/dist/design-system/yoo-barcode-dialog.entry.js +2 -2
  78. package/dist/design-system/yoo-battle-count-down.entry.js +3 -3
  79. package/dist/design-system/yoo-battle-result.entry.js +2 -2
  80. package/dist/design-system/yoo-battle-user-stats.entry.js +3 -3
  81. package/dist/design-system/yoo-breadcrumbs.entry.js +2 -2
  82. package/dist/design-system/yoo-button.entry.js +3 -3
  83. package/dist/design-system/yoo-calendar.entry.js +2 -2
  84. package/dist/design-system/yoo-camera-preview-dialog.entry.js +5 -5
  85. package/dist/design-system/yoo-card-battle-result.entry.js +2 -2
  86. package/dist/design-system/yoo-card-battle.entry.js +2 -2
  87. package/dist/design-system/yoo-card-calendar.entry.js +3 -3
  88. package/dist/design-system/yoo-card-campaign.entry.js +3 -3
  89. package/dist/design-system/yoo-card-cell.entry.js +3 -3
  90. package/dist/design-system/yoo-card-chat.entry.js +2 -2
  91. package/dist/design-system/yoo-card-course-row-compact.entry.js +2 -2
  92. package/dist/design-system/yoo-card-course-row.entry.js +4 -4
  93. package/dist/design-system/yoo-card-course.entry.js +2 -2
  94. package/dist/design-system/yoo-card-feed-row.entry.js +2 -2
  95. package/dist/design-system/yoo-card-feed.entry.js +5 -5
  96. package/dist/design-system/yoo-card-file.entry.js +2 -2
  97. package/dist/design-system/yoo-card-image.entry.js +2 -2
  98. package/dist/design-system/yoo-card-inbox.entry.js +2 -2
  99. package/dist/design-system/yoo-card-incentive-rank.entry.js +2 -2
  100. package/dist/design-system/yoo-card-incentive.entry.js +4 -4
  101. package/dist/design-system/yoo-card-kanban.entry.js +3 -3
  102. package/dist/design-system/yoo-card-lesson.entry.js +3 -3
  103. package/dist/design-system/yoo-card-list-collapsible.entry.js +3 -3
  104. package/dist/design-system/yoo-card-list-color.entry.js +2 -2
  105. package/dist/design-system/yoo-card-list-simple.entry.js +3 -3
  106. package/dist/design-system/yoo-card-list.entry.js +3 -3
  107. package/dist/design-system/yoo-card-location.entry.js +2 -2
  108. package/dist/design-system/yoo-card-media.entry.js +3 -3
  109. package/dist/design-system/yoo-card-menu.entry.js +3 -3
  110. package/dist/design-system/yoo-card-notification.entry.js +2 -2
  111. package/dist/design-system/yoo-card-plan.entry.js +3 -3
  112. package/dist/design-system/yoo-card-progress.entry.js +2 -2
  113. package/dist/design-system/yoo-card-recommendation.entry.js +3 -3
  114. package/dist/design-system/yoo-card-sticky.entry.js +3 -3
  115. package/dist/design-system/yoo-card-video.entry.js +2 -2
  116. package/dist/design-system/yoo-chart.entry.js +2 -2
  117. package/dist/design-system/yoo-chat-message-dialog.entry.js +3 -3
  118. package/dist/design-system/yoo-chat-message-preview.entry.js +3 -3
  119. package/dist/design-system/yoo-chat-message.entry.js +4 -4
  120. package/dist/design-system/yoo-chat.entry.js +6 -6
  121. package/dist/design-system/yoo-collapsible.entry.js +4 -4
  122. package/dist/design-system/yoo-color-selector.entry.js +2 -2
  123. package/dist/design-system/yoo-community-detail.entry.js +3 -3
  124. package/dist/design-system/yoo-context-menu-dialog.entry.js +3 -3
  125. package/dist/design-system/yoo-context-menu.entry.js +3 -3
  126. package/dist/design-system/yoo-copyright.entry.js +2 -2
  127. package/dist/design-system/yoo-count-down.entry.js +3 -3
  128. package/dist/design-system/yoo-course-info-card.entry.js +2 -2
  129. package/dist/design-system/yoo-course-summary.entry.js +3 -3
  130. package/dist/design-system/yoo-dashboard-detail.entry.js +2 -2
  131. package/dist/design-system/yoo-date.entry.js +2 -2
  132. package/dist/design-system/yoo-detail-bar.entry.js +3 -3
  133. package/dist/design-system/yoo-device-list.entry.js +2 -2
  134. package/dist/design-system/yoo-device.entry.js +2 -2
  135. package/dist/design-system/yoo-draw-flow.entry.js +44 -9
  136. package/dist/design-system/yoo-entity-query-builder.entry.js +3 -3
  137. package/dist/design-system/yoo-entity-search-dialog.entry.js +3 -3
  138. package/dist/design-system/yoo-entity-search-filters.entry.js +4 -4
  139. package/dist/design-system/yoo-entity-search-recent.entry.js +2 -2
  140. package/dist/design-system/yoo-entity-search-sorts.entry.js +3 -3
  141. package/dist/design-system/yoo-entity-search-tags.entry.js +3 -3
  142. package/dist/design-system/yoo-entity-search.entry.js +3 -3
  143. package/dist/design-system/yoo-entity.entry.js +10 -10
  144. package/dist/design-system/yoo-feed-detail.entry.js +5 -5
  145. package/dist/design-system/yoo-flag.entry.js +2 -2
  146. package/dist/design-system/yoo-form-audience.entry.js +4 -4
  147. package/dist/design-system/yoo-form-autocomplete-dialog.entry.js +3 -3
  148. package/dist/design-system/yoo-form-autocomplete.entry.js +4 -4
  149. package/dist/design-system/yoo-form-barcode-dialog.entry.js +3 -3
  150. package/dist/design-system/yoo-form-barcode.entry.js +4 -4
  151. package/dist/design-system/yoo-form-calendar-dialog.entry.js +3 -3
  152. package/dist/design-system/yoo-form-capture-map-dialog.entry.js +2 -2
  153. package/dist/design-system/yoo-form-capture-tag-dialog.entry.js +3 -3
  154. package/dist/design-system/yoo-form-capture-view-dialog.entry.js +3 -3
  155. package/dist/design-system/yoo-form-capture-webcam-dialog.entry.js +4 -4
  156. package/dist/design-system/yoo-form-capture.entry.js +6 -6
  157. package/dist/design-system/yoo-form-carousel.entry.js +3 -3
  158. package/dist/design-system/yoo-form-catalog-dialog.entry.js +3 -3
  159. package/dist/design-system/yoo-form-catalog.entry.js +4 -4
  160. package/dist/design-system/yoo-form-categorize-words.entry.js +6 -6
  161. package/dist/design-system/yoo-form-checkbox.entry.js +4 -4
  162. package/dist/design-system/yoo-form-checklist.entry.js +4 -4
  163. package/dist/design-system/yoo-form-choice-button.entry.js +6 -6
  164. package/dist/design-system/yoo-form-choice-card.entry.js +6 -6
  165. package/dist/design-system/yoo-form-choice-chat.entry.js +6 -6
  166. package/dist/design-system/yoo-form-choice-image.entry.js +6 -6
  167. package/dist/design-system/yoo-form-choice-radio.entry.js +6 -6
  168. package/dist/design-system/yoo-form-color-field.entry.js +4 -4
  169. package/dist/design-system/yoo-form-color-picker.entry.js +2 -2
  170. package/dist/design-system/yoo-form-conditions.entry.js +2 -2
  171. package/dist/design-system/yoo-form-connect.entry.js +5 -5
  172. package/dist/design-system/yoo-form-creator-block-expandable.entry.js +3 -3
  173. package/dist/design-system/yoo-form-creator-block-simple.entry.js +3 -3
  174. package/dist/design-system/yoo-form-creator-condition-block.entry.js +3 -3
  175. package/dist/design-system/yoo-form-creator-field-selector.entry.js +2 -2
  176. package/dist/design-system/yoo-form-creator-header.entry.js +3 -3
  177. package/dist/design-system/yoo-form-creator-live-preview.entry.js +3 -3
  178. package/dist/design-system/yoo-form-creator-overlay.entry.js +2 -2
  179. package/dist/design-system/yoo-form-creator-page-card-list.entry.js +3 -3
  180. package/dist/design-system/yoo-form-creator-page-card.entry.js +3 -3
  181. package/dist/design-system/yoo-form-creator-score-expandable.entry.js +3 -3
  182. package/dist/design-system/yoo-form-creator-scoring-card-list.entry.js +2 -2
  183. package/dist/design-system/yoo-form-creator-scoring-card.entry.js +2 -2
  184. package/dist/design-system/yoo-form-creator-scoring-quick-setup.entry.js +2 -2
  185. package/dist/design-system/yoo-form-creator-translate-dialog.entry.js +3 -3
  186. package/dist/design-system/yoo-form-creator-translate.entry.js +3 -3
  187. package/dist/design-system/yoo-form-creator-workflow-side-selection.entry.js +4 -4
  188. package/dist/design-system/yoo-form-creator-workflow-step.entry.js +3 -3
  189. package/dist/design-system/yoo-form-creator.entry.js +4 -4
  190. package/dist/design-system/yoo-form-date-time.entry.js +4 -4
  191. package/dist/design-system/yoo-form-daterange.entry.js +4 -4
  192. package/dist/design-system/yoo-form-document-dialog.entry.js +3 -3
  193. package/dist/design-system/yoo-form-document.entry.js +4 -4
  194. package/dist/design-system/yoo-form-dynamic-dialog.entry.js +4 -4
  195. package/dist/design-system/yoo-form-dynamic.entry.js +7 -7
  196. package/dist/design-system/yoo-form-emailreport.entry.js +4 -4
  197. package/dist/design-system/yoo-form-entity-value-pairs.entry.js +2 -2
  198. package/dist/design-system/yoo-form-explanation.entry.js +2 -2
  199. package/dist/design-system/yoo-form-feed-preview.entry.js +4 -4
  200. package/dist/design-system/yoo-form-feedback.entry.js +4 -4
  201. package/dist/design-system/yoo-form-filter-date.entry.js +2 -2
  202. package/dist/design-system/yoo-form-filter-number.entry.js +2 -2
  203. package/dist/design-system/yoo-form-filter-text.entry.js +2 -2
  204. package/dist/design-system/yoo-form-filter.entry.js +3 -3
  205. package/dist/design-system/yoo-form-footer.entry.js +5 -5
  206. package/dist/design-system/yoo-form-formula.entry.js +4 -4
  207. package/dist/design-system/yoo-form-hotzones-creator.entry.js +2 -2
  208. package/dist/design-system/yoo-form-hotzones.entry.js +6 -6
  209. package/dist/design-system/yoo-form-iframe-dialog.entry.js +2 -2
  210. package/dist/design-system/yoo-form-image-collection.entry.js +5 -5
  211. package/dist/design-system/yoo-form-image-tagging-creator.entry.js +5 -5
  212. package/dist/design-system/yoo-form-image-tagging.entry.js +8 -8
  213. package/dist/design-system/yoo-form-incentive-targets.entry.js +4 -4
  214. package/dist/design-system/yoo-form-input-comments.entry.js +2 -2
  215. package/dist/design-system/yoo-form-input-container.entry.js +6 -6
  216. package/dist/design-system/yoo-form-input.entry.js +8 -8
  217. package/dist/design-system/yoo-form-json.entry.js +5 -5
  218. package/dist/design-system/yoo-form-location.entry.js +4 -4
  219. package/dist/design-system/yoo-form-missing-word.entry.js +6 -6
  220. package/dist/design-system/yoo-form-missionfield.entry.js +4 -4
  221. package/dist/design-system/yoo-form-multi-input.entry.js +4 -4
  222. package/dist/design-system/yoo-form-number-picker-dialog.entry.js +2 -2
  223. package/dist/design-system/yoo-form-number-picker.entry.js +2 -2
  224. package/dist/design-system/yoo-form-opening-hours.entry.js +2 -2
  225. package/dist/design-system/yoo-form-permissions.entry.js +3 -3
  226. package/dist/design-system/yoo-form-phone-number.entry.js +2 -2
  227. package/dist/design-system/yoo-form-plan-assign.entry.js +4 -4
  228. package/dist/design-system/yoo-form-plan.entry.js +4 -4
  229. package/dist/design-system/yoo-form-pricecheck.entry.js +4 -4
  230. package/dist/design-system/yoo-form-product-batch.entry.js +5 -5
  231. package/dist/design-system/yoo-form-products-sales.entry.js +4 -4
  232. package/dist/design-system/yoo-form-progress-indicator.entry.js +3 -3
  233. package/dist/design-system/yoo-form-qrcode.entry.js +4 -4
  234. package/dist/design-system/yoo-form-query-builder.entry.js +4 -4
  235. package/dist/design-system/yoo-form-range.entry.js +4 -4
  236. package/dist/design-system/yoo-form-ranking.entry.js +5 -5
  237. package/dist/design-system/yoo-form-recap-step.entry.js +2 -2
  238. package/dist/design-system/yoo-form-recurrence-delay.entry.js +2 -2
  239. package/dist/design-system/yoo-form-recurrence-preview.entry.js +3 -3
  240. package/dist/design-system/yoo-form-recurrence.entry.js +2 -2
  241. package/dist/design-system/yoo-form-reorder.entry.js +4 -4
  242. package/dist/design-system/yoo-form-scorm.entry.js +4 -4
  243. package/dist/design-system/yoo-form-shopping.entry.js +4 -4
  244. package/dist/design-system/yoo-form-signature-pad-dialog.entry.js +8 -8
  245. package/dist/design-system/yoo-form-signature-pad.entry.js +4 -4
  246. package/dist/design-system/yoo-form-sorts.entry.js +4 -4
  247. package/dist/design-system/yoo-form-star-rating.entry.js +4 -4
  248. package/dist/design-system/yoo-form-stripe-card.entry.js +4 -4
  249. package/dist/design-system/yoo-form-swipe-cards.entry.js +204 -140
  250. package/dist/design-system/yoo-form-table.entry.js +4 -4
  251. package/dist/design-system/yoo-form-task.entry.js +4 -4
  252. package/dist/design-system/yoo-form-text-area.entry.js +5 -5
  253. package/dist/design-system/yoo-form-text-editor.entry.js +6 -6
  254. package/dist/design-system/yoo-form-time.entry.js +4 -4
  255. package/dist/design-system/yoo-form-timeslots.entry.js +4 -4
  256. package/dist/design-system/yoo-form-todo-dialog.entry.js +3 -3
  257. package/dist/design-system/yoo-form-todo-single.entry.js +4 -4
  258. package/dist/design-system/yoo-form-todo-task-list.entry.js +3 -3
  259. package/dist/design-system/yoo-form-todo-task.entry.js +3 -3
  260. package/dist/design-system/yoo-form-todo.entry.js +4 -4
  261. package/dist/design-system/yoo-form-toggle.entry.js +4 -4
  262. package/dist/design-system/yoo-form-uploader.entry.js +4 -4
  263. package/dist/design-system/yoo-form-videoplayer.entry.js +4 -4
  264. package/dist/design-system/yoo-form-wiki.entry.js +4 -4
  265. package/dist/design-system/yoo-grid-calendar.entry.js +5 -5
  266. package/dist/design-system/yoo-grid.entry.js +16 -14
  267. package/dist/design-system/yoo-gridstack.entry.js +3 -3
  268. package/dist/design-system/yoo-header.entry.js +3 -3
  269. package/dist/design-system/yoo-healthscore-dialog.entry.js +3 -3
  270. package/dist/design-system/yoo-healthscore.entry.js +2 -2
  271. package/dist/design-system/yoo-image-cropper-dialog.entry.js +2 -2
  272. package/dist/design-system/yoo-img.entry.js +4 -4
  273. package/dist/design-system/yoo-incentive-detail.entry.js +4 -4
  274. package/dist/design-system/yoo-input-bar.entry.js +4 -4
  275. package/dist/design-system/yoo-ion-alert-controller.entry.js +3 -3
  276. package/dist/design-system/yoo-ion-content.entry.js +2 -2
  277. package/dist/design-system/yoo-ion-footer.entry.js +3 -3
  278. package/dist/design-system/yoo-ion-infinite-scroll-content.entry.js +2 -2
  279. package/dist/design-system/yoo-ion-infinite-scroll.entry.js +2 -2
  280. package/dist/design-system/yoo-ion-item-divider.entry.js +4 -4
  281. package/dist/design-system/yoo-ion-item-options.entry.js +3 -3
  282. package/dist/design-system/yoo-ion-item-sliding.entry.js +4 -4
  283. package/dist/design-system/yoo-ion-item.entry.js +4 -4
  284. package/dist/design-system/yoo-ion-list.entry.js +3 -3
  285. package/dist/design-system/yoo-ion-modal-controller.entry.js +3 -3
  286. package/dist/design-system/yoo-ion-modal.entry.js +6 -6
  287. package/dist/design-system/yoo-ion-refresher.entry.js +3 -3
  288. package/dist/design-system/yoo-ion-scroll.entry.js +11 -4
  289. package/dist/design-system/yoo-ion-slide.entry.js +3 -3
  290. package/dist/design-system/{yoo-ion-slides-0eb36ea1.js → yoo-ion-slides-8e716160.js} +5 -5
  291. package/dist/design-system/yoo-ion-slides.entry.js +5 -5
  292. package/dist/design-system/yoo-ion-toast-controller.entry.js +3 -3
  293. package/dist/design-system/yoo-kanban.entry.js +3 -3
  294. package/dist/design-system/yoo-kpi-card.entry.js +2 -2
  295. package/dist/design-system/yoo-kpi-container.entry.js +3 -3
  296. package/dist/design-system/yoo-kpi-external.entry.js +2 -2
  297. package/dist/design-system/yoo-kpi.entry.js +2 -2
  298. package/dist/design-system/yoo-layout-sections.entry.js +2 -2
  299. package/dist/design-system/yoo-layout-tabs.entry.js +2 -2
  300. package/dist/design-system/yoo-layout-two-columns.entry.js +2 -2
  301. package/dist/design-system/yoo-lesson-detail-card.entry.js +2 -2
  302. package/dist/design-system/yoo-lesson-detail.entry.js +3 -3
  303. package/dist/design-system/yoo-lesson-heading.entry.js +3 -3
  304. package/dist/design-system/yoo-lesson-highscores.entry.js +2 -2
  305. package/dist/design-system/yoo-lesson-question-result.entry.js +2 -2
  306. package/dist/design-system/yoo-links-menu.entry.js +2 -2
  307. package/dist/design-system/yoo-links-preview.entry.js +4 -4
  308. package/dist/design-system/yoo-loader.entry.js +2 -2
  309. package/dist/design-system/yoo-location-info.entry.js +2 -2
  310. package/dist/design-system/yoo-location-map.entry.js +3 -3
  311. package/dist/design-system/yoo-login.entry.js +2 -2
  312. package/dist/design-system/yoo-lottie.entry.js +2 -2
  313. package/dist/design-system/yoo-map-gl.entry.js +3 -3
  314. package/dist/design-system/yoo-map-js.entry.js +4 -4
  315. package/dist/design-system/yoo-map-legend.entry.js +4 -4
  316. package/dist/design-system/yoo-map.entry.js +3 -3
  317. package/dist/design-system/yoo-markdown.entry.js +4 -4
  318. package/dist/design-system/yoo-memo-list-dialog.entry.js +2 -2
  319. package/dist/design-system/yoo-memo-list.entry.js +2 -2
  320. package/dist/design-system/yoo-mention-tag.entry.js +2 -2
  321. package/dist/design-system/yoo-mission-details.entry.js +5 -5
  322. package/dist/design-system/yoo-mission-heading.entry.js +5 -5
  323. package/dist/design-system/yoo-mission-score.entry.js +2 -2
  324. package/dist/design-system/yoo-mission-todo.entry.js +3 -3
  325. package/dist/design-system/yoo-mobile-tabbar-more.entry.js +2 -2
  326. package/dist/design-system/yoo-mobile-tabbar.entry.js +3 -3
  327. package/dist/design-system/yoo-modal.entry.js +3 -3
  328. package/dist/design-system/yoo-navbar.entry.js +3 -3
  329. package/dist/design-system/yoo-numbers-display.entry.js +3 -3
  330. package/dist/design-system/yoo-photo-editor.entry.js +7 -7
  331. package/dist/design-system/yoo-pivot-table.entry.js +7 -7
  332. package/dist/design-system/yoo-podium.entry.js +2 -2
  333. package/dist/design-system/yoo-profile-list.entry.js +2 -2
  334. package/dist/design-system/yoo-profile-summary.entry.js +3 -3
  335. package/dist/design-system/yoo-progress-bar.entry.js +2 -2
  336. package/dist/design-system/yoo-progress-loader.entry.js +2 -2
  337. package/dist/design-system/yoo-progress-recap.entry.js +2 -2
  338. package/dist/design-system/yoo-property-card.entry.js +3 -3
  339. package/dist/design-system/yoo-range.entry.js +4 -4
  340. package/dist/design-system/yoo-rating.entry.js +2 -2
  341. package/dist/design-system/yoo-reset-password.entry.js +2 -2
  342. package/dist/design-system/yoo-result-dialog.entry.js +3 -3
  343. package/dist/design-system/yoo-reveal.entry.js +2 -2
  344. package/dist/design-system/yoo-salesai-formula.entry.js +2 -2
  345. package/dist/design-system/yoo-scandit.entry.js +3 -3
  346. package/dist/design-system/yoo-scratch-card-creator.entry.js +2 -2
  347. package/dist/design-system/yoo-scratch-card.entry.js +4 -4
  348. package/dist/design-system/yoo-section-list.entry.js +2 -2
  349. package/dist/design-system/yoo-segmented-control.entry.js +2 -2
  350. package/dist/design-system/yoo-side-menu-tree.entry.js +2 -2
  351. package/dist/design-system/yoo-side-menu.entry.js +2 -2
  352. package/dist/design-system/yoo-slides-media.entry.js +5 -5
  353. package/dist/design-system/yoo-start-meeting-popup.entry.js +3 -3
  354. package/dist/design-system/yoo-tabs.entry.js +2 -2
  355. package/dist/design-system/yoo-text-sequence.entry.js +3 -3
  356. package/dist/design-system/yoo-text.entry.js +3 -3
  357. package/dist/design-system/yoo-toast.entry.js +4 -4
  358. package/dist/design-system/yoo-tooltip.entry.js +5 -5
  359. package/dist/design-system/yoo-truncate.entry.js +3 -3
  360. package/dist/design-system/yoo-truncated-line.entry.js +2 -2
  361. package/dist/design-system/yoo-user-detail.entry.js +2 -2
  362. package/dist/design-system/yoo-user-profile.entry.js +4 -4
  363. package/dist/design-system/yoo-user-wizard.entry.js +3 -3
  364. package/dist/design-system/yoo-videoplayer-core.entry.js +3 -3
  365. package/dist/design-system/yoo-videoplayer-dailymotion.entry.js +4 -4
  366. package/dist/design-system/yoo-videoplayer-videojs.entry.js +5 -5
  367. package/dist/design-system/yoo-videoplayer-vimeo.entry.js +4 -4
  368. package/dist/design-system/yoo-videoplayer-youtube.entry.js +4 -4
  369. package/dist/design-system/yoo-virtual-item.entry.js +2 -2
  370. package/dist/design-system/yoo-virtual-scroll.entry.js +3 -3
  371. package/dist/design-system/yoo-waitlist-location-result.entry.js +2 -2
  372. package/dist/design-system/yoo-waitlist-location-start.entry.js +2 -2
  373. package/dist/design-system/yoo-walkthrough.entry.js +2 -2
  374. package/dist/design-system/yoo-web-menu.entry.js +3 -3
  375. package/dist/design-system/yoo-webcam.entry.js +2 -2
  376. package/dist/design-system/yoo-welcome-banner.entry.js +3 -3
  377. package/dist/design-system/yoo-widget-chart.entry.js +2 -2
  378. package/dist/design-system/yoo-widget-small-size.entry.js +2 -2
  379. package/dist/design-system/yoo-widget-tab.entry.js +2 -2
  380. package/dist/design-system/yoo-widget-tile.entry.js +2 -2
  381. package/dist/design-system/yoo-workflow-state-dialog.entry.js +2 -2
  382. package/dist/design-system/yoo-workflow-state.entry.js +2 -2
  383. package/dist/design-system/yoo-workflow.entry.js +4 -4
  384. package/dist/design-system/yoo-zebra.entry.js +2 -2
  385. package/dist/design-system/yoo-zoom.entry.js +2 -2
  386. package/dist/esm/{button.factory-6c7aab55.js → button.factory-360481b8.js} +2 -2
  387. package/dist/{design-system/camera-helpers-34aebfda.js → esm/camera-helpers-48df14b6.js} +3 -3
  388. package/dist/{design-system/chat-helpers-fcd6508c.js → esm/chat-helpers-6d598406.js} +2 -2
  389. package/dist/{design-system/common-helpers-0071c2da.js → esm/common-helpers-f5ae39a5.js} +2 -2
  390. package/dist/esm/design-system.js +1 -1
  391. package/dist/esm/{draggable-dots-helpers-b52e354a.js → draggable-dots-helpers-491a9ab0.js} +2 -2
  392. package/dist/esm/{draggable-tags-helpers-39c6661b.js → draggable-tags-helpers-f7ad1919.js} +2 -2
  393. package/dist/esm/{entities-helpers-67ff3fa4.js → entities-helpers-696a052a.js} +2 -2
  394. package/dist/{design-system/filters-helpers-ded9ed03.js → esm/filters-helpers-cf6606dd.js} +2 -2
  395. package/dist/esm/{form-choice-helpers-b6936c42.js → form-choice-helpers-0c6d77b6.js} +5 -5
  396. package/dist/esm/{form-helpers-92af6ede.js → form-helpers-0f8abb42.js} +2 -2
  397. package/dist/esm/{form-input-helpers-a792a9ab.js → form-input-helpers-1efd23bf.js} +3 -3
  398. package/dist/esm/{form-text-area-helpers-fb84fe65.js → form-text-area-helpers-150c0189.js} +2 -2
  399. package/dist/esm/{grid-renderers-43b55d35.js → grid-renderers-d4ea796b.js} +6 -6
  400. package/dist/esm/{incentive-helpers-36694da5.js → incentive-helpers-8c998dd4.js} +2 -2
  401. package/dist/esm/{index-65b4bd65.js → index-1db54c75.js} +3 -3
  402. package/dist/{design-system/index-47e05562.js → esm/index-4f71f9df.js} +2 -2
  403. package/dist/esm/{index-c7d02f02.js → index-5120ceae.js} +1 -1
  404. package/dist/esm/index-896d4c0c.js +1 -0
  405. package/dist/esm/index-97295ac3.js +1 -0
  406. package/dist/{design-system/index-0ecbfd27.js → esm/index-c4f5c319.js} +2 -2
  407. package/dist/esm/loader.js +1 -1
  408. package/dist/{design-system/localForage-1653d5cf.js → esm/localForage-07fbef79.js} +2 -2
  409. package/dist/esm/{map-helpers-e60089a1.js → map-helpers-478dede3.js} +2 -2
  410. package/dist/esm/{mission-locked-banner-ba74c13d.js → mission-locked-banner-0c1917e6.js} +2 -2
  411. package/dist/{design-system/missions-helpers-49627b36.js → esm/missions-helpers-11001576.js} +2 -2
  412. package/dist/{design-system/modal-animations-7ed161e0.js → esm/modal-animations-e858d423.js} +2 -2
  413. package/dist/{design-system/operation-helpers-7a8f88f8.js → esm/operation-helpers-06ae674e.js} +2 -2
  414. package/dist/{design-system/overlays-7aaea5ba.js → esm/overlays-c6264545.js} +2 -2
  415. package/dist/esm/{overlays-be5a9ab3.js → overlays-f516b003.js} +3 -3
  416. package/dist/{design-system/swiper-c7c17232.js → esm/swiper-124071a2.js} +6 -6
  417. package/dist/{design-system/theme-331e5466.js → esm/theme-b3a6f7f7.js} +2 -2
  418. package/dist/{design-system/tippy.esm-89b2ba0a.js → esm/tippy.esm-3cdd163e.js} +1 -1
  419. package/dist/esm/{video-player-helpers-8eb458c6.js → video-player-helpers-d2fd51b7.js} +3 -3
  420. package/dist/{design-system/web-54bac092.js → esm/web-1bb24c6a.js} +3 -3
  421. package/dist/esm/{web-7b8ead55.js → web-90b65112.js} +1 -1
  422. package/dist/esm/{web-35e6d637.js → web-e6c07f0d.js} +1 -1
  423. package/dist/esm/{web-d790be4b.js → web-f5ed5cfd.js} +1 -1
  424. package/dist/esm/yoo-about.entry.js +2 -2
  425. package/dist/esm/yoo-accordion.entry.js +5 -5
  426. package/dist/esm/yoo-action-sheet-controller.entry.js +3 -3
  427. package/dist/esm/yoo-action-sheet.entry.js +14 -7
  428. package/dist/esm/yoo-ag-grid.entry.js +7 -7
  429. package/dist/esm/yoo-alert.entry.js +5 -5
  430. package/dist/esm/yoo-amap.entry.js +4 -4
  431. package/dist/esm/yoo-announcement-heading.entry.js +5 -5
  432. package/dist/esm/yoo-app.entry.js +2 -2
  433. package/dist/esm/yoo-audio-player.entry.js +3 -3
  434. package/dist/esm/yoo-audio-recorder-dialog.entry.js +3 -3
  435. package/dist/esm/yoo-avatar.entry.js +2 -2
  436. package/dist/esm/yoo-avatars.entry.js +2 -2
  437. package/dist/esm/yoo-background.entry.js +3 -3
  438. package/dist/esm/yoo-banner.entry.js +3 -3
  439. package/dist/esm/yoo-barcode-dialog.entry.js +2 -2
  440. package/dist/esm/yoo-battle-count-down.entry.js +3 -3
  441. package/dist/esm/yoo-battle-result.entry.js +2 -2
  442. package/dist/esm/yoo-battle-user-stats.entry.js +3 -3
  443. package/dist/esm/yoo-breadcrumbs.entry.js +2 -2
  444. package/dist/esm/yoo-button.entry.js +3 -3
  445. package/dist/esm/yoo-calendar.entry.js +2 -2
  446. package/dist/esm/yoo-camera-preview-dialog.entry.js +5 -5
  447. package/dist/esm/yoo-card-battle-result.entry.js +2 -2
  448. package/dist/esm/yoo-card-battle.entry.js +2 -2
  449. package/dist/esm/yoo-card-calendar.entry.js +3 -3
  450. package/dist/esm/yoo-card-campaign.entry.js +3 -3
  451. package/dist/esm/yoo-card-cell.entry.js +3 -3
  452. package/dist/esm/yoo-card-chat.entry.js +2 -2
  453. package/dist/esm/yoo-card-course-row-compact.entry.js +2 -2
  454. package/dist/esm/yoo-card-course-row.entry.js +4 -4
  455. package/dist/esm/yoo-card-course.entry.js +2 -2
  456. package/dist/esm/yoo-card-feed-row.entry.js +2 -2
  457. package/dist/esm/yoo-card-feed.entry.js +5 -5
  458. package/dist/esm/yoo-card-file.entry.js +2 -2
  459. package/dist/esm/yoo-card-image.entry.js +2 -2
  460. package/dist/esm/yoo-card-inbox.entry.js +2 -2
  461. package/dist/esm/yoo-card-incentive-rank.entry.js +2 -2
  462. package/dist/esm/yoo-card-incentive.entry.js +4 -4
  463. package/dist/esm/yoo-card-kanban.entry.js +3 -3
  464. package/dist/esm/yoo-card-lesson.entry.js +3 -3
  465. package/dist/esm/yoo-card-list-collapsible.entry.js +3 -3
  466. package/dist/esm/yoo-card-list-color.entry.js +2 -2
  467. package/dist/esm/yoo-card-list-simple.entry.js +3 -3
  468. package/dist/esm/yoo-card-list.entry.js +3 -3
  469. package/dist/esm/yoo-card-location.entry.js +2 -2
  470. package/dist/esm/yoo-card-media.entry.js +3 -3
  471. package/dist/esm/yoo-card-menu.entry.js +3 -3
  472. package/dist/esm/yoo-card-notification.entry.js +2 -2
  473. package/dist/esm/yoo-card-plan.entry.js +3 -3
  474. package/dist/esm/yoo-card-progress.entry.js +2 -2
  475. package/dist/esm/yoo-card-recommendation.entry.js +3 -3
  476. package/dist/esm/yoo-card-sticky.entry.js +3 -3
  477. package/dist/esm/yoo-card-video.entry.js +2 -2
  478. package/dist/esm/yoo-chart.entry.js +2 -2
  479. package/dist/esm/yoo-chat-message-dialog.entry.js +3 -3
  480. package/dist/esm/yoo-chat-message-preview.entry.js +3 -3
  481. package/dist/esm/yoo-chat-message.entry.js +4 -4
  482. package/dist/esm/yoo-chat.entry.js +6 -6
  483. package/dist/esm/yoo-collapsible.entry.js +4 -4
  484. package/dist/esm/yoo-color-selector.entry.js +2 -2
  485. package/dist/esm/yoo-community-detail.entry.js +3 -3
  486. package/dist/esm/yoo-context-menu-dialog.entry.js +3 -3
  487. package/dist/esm/yoo-context-menu.entry.js +3 -3
  488. package/dist/esm/yoo-copyright.entry.js +2 -2
  489. package/dist/esm/yoo-count-down.entry.js +3 -3
  490. package/dist/esm/yoo-course-info-card.entry.js +2 -2
  491. package/dist/esm/yoo-course-summary.entry.js +3 -3
  492. package/dist/esm/yoo-dashboard-detail.entry.js +2 -2
  493. package/dist/esm/yoo-date.entry.js +2 -2
  494. package/dist/esm/yoo-detail-bar.entry.js +3 -3
  495. package/dist/esm/yoo-device-list.entry.js +2 -2
  496. package/dist/esm/yoo-device.entry.js +2 -2
  497. package/dist/esm/yoo-draw-flow.entry.js +44 -9
  498. package/dist/esm/yoo-entity-query-builder.entry.js +3 -3
  499. package/dist/esm/yoo-entity-search-dialog.entry.js +3 -3
  500. package/dist/esm/yoo-entity-search-filters.entry.js +4 -4
  501. package/dist/esm/yoo-entity-search-recent.entry.js +2 -2
  502. package/dist/esm/yoo-entity-search-sorts.entry.js +3 -3
  503. package/dist/esm/yoo-entity-search-tags.entry.js +3 -3
  504. package/dist/esm/yoo-entity-search.entry.js +3 -3
  505. package/dist/esm/yoo-entity.entry.js +10 -10
  506. package/dist/esm/yoo-feed-detail.entry.js +5 -5
  507. package/dist/esm/yoo-flag.entry.js +2 -2
  508. package/dist/esm/yoo-form-audience.entry.js +4 -4
  509. package/dist/esm/yoo-form-autocomplete-dialog.entry.js +3 -3
  510. package/dist/esm/yoo-form-autocomplete.entry.js +4 -4
  511. package/dist/esm/yoo-form-barcode-dialog.entry.js +3 -3
  512. package/dist/esm/yoo-form-barcode.entry.js +4 -4
  513. package/dist/esm/yoo-form-calendar-dialog.entry.js +3 -3
  514. package/dist/esm/yoo-form-capture-map-dialog.entry.js +2 -2
  515. package/dist/esm/yoo-form-capture-tag-dialog.entry.js +3 -3
  516. package/dist/esm/yoo-form-capture-view-dialog.entry.js +3 -3
  517. package/dist/esm/yoo-form-capture-webcam-dialog.entry.js +4 -4
  518. package/dist/esm/yoo-form-capture.entry.js +6 -6
  519. package/dist/esm/yoo-form-carousel.entry.js +3 -3
  520. package/dist/esm/yoo-form-catalog-dialog.entry.js +3 -3
  521. package/dist/esm/yoo-form-catalog.entry.js +4 -4
  522. package/dist/esm/yoo-form-categorize-words.entry.js +6 -6
  523. package/dist/esm/yoo-form-checkbox.entry.js +4 -4
  524. package/dist/esm/yoo-form-checklist.entry.js +4 -4
  525. package/dist/esm/yoo-form-choice-button.entry.js +6 -6
  526. package/dist/esm/yoo-form-choice-card.entry.js +6 -6
  527. package/dist/esm/yoo-form-choice-chat.entry.js +6 -6
  528. package/dist/esm/yoo-form-choice-image.entry.js +6 -6
  529. package/dist/esm/yoo-form-choice-radio.entry.js +6 -6
  530. package/dist/esm/yoo-form-color-field.entry.js +4 -4
  531. package/dist/esm/yoo-form-color-picker.entry.js +2 -2
  532. package/dist/esm/yoo-form-conditions.entry.js +2 -2
  533. package/dist/esm/yoo-form-connect.entry.js +5 -5
  534. package/dist/esm/yoo-form-creator-block-expandable.entry.js +3 -3
  535. package/dist/esm/yoo-form-creator-block-simple.entry.js +3 -3
  536. package/dist/esm/yoo-form-creator-condition-block.entry.js +3 -3
  537. package/dist/esm/yoo-form-creator-field-selector.entry.js +2 -2
  538. package/dist/esm/yoo-form-creator-header.entry.js +3 -3
  539. package/dist/esm/yoo-form-creator-live-preview.entry.js +3 -3
  540. package/dist/esm/yoo-form-creator-overlay.entry.js +2 -2
  541. package/dist/esm/yoo-form-creator-page-card-list.entry.js +3 -3
  542. package/dist/esm/yoo-form-creator-page-card.entry.js +3 -3
  543. package/dist/esm/yoo-form-creator-score-expandable.entry.js +3 -3
  544. package/dist/esm/yoo-form-creator-scoring-card-list.entry.js +2 -2
  545. package/dist/esm/yoo-form-creator-scoring-card.entry.js +2 -2
  546. package/dist/esm/yoo-form-creator-scoring-quick-setup.entry.js +2 -2
  547. package/dist/esm/yoo-form-creator-translate-dialog.entry.js +3 -3
  548. package/dist/esm/yoo-form-creator-translate.entry.js +3 -3
  549. package/dist/esm/yoo-form-creator-workflow-side-selection.entry.js +4 -4
  550. package/dist/esm/yoo-form-creator-workflow-step.entry.js +3 -3
  551. package/dist/esm/yoo-form-creator.entry.js +4 -4
  552. package/dist/esm/yoo-form-date-time.entry.js +4 -4
  553. package/dist/esm/yoo-form-daterange.entry.js +4 -4
  554. package/dist/esm/yoo-form-document-dialog.entry.js +3 -3
  555. package/dist/esm/yoo-form-document.entry.js +4 -4
  556. package/dist/esm/yoo-form-dynamic-dialog.entry.js +4 -4
  557. package/dist/esm/yoo-form-dynamic.entry.js +7 -7
  558. package/dist/esm/yoo-form-emailreport.entry.js +4 -4
  559. package/dist/esm/yoo-form-entity-value-pairs.entry.js +2 -2
  560. package/dist/esm/yoo-form-explanation.entry.js +2 -2
  561. package/dist/esm/yoo-form-feed-preview.entry.js +4 -4
  562. package/dist/esm/yoo-form-feedback.entry.js +4 -4
  563. package/dist/esm/yoo-form-filter-date.entry.js +2 -2
  564. package/dist/esm/yoo-form-filter-number.entry.js +2 -2
  565. package/dist/esm/yoo-form-filter-text.entry.js +2 -2
  566. package/dist/esm/yoo-form-filter.entry.js +3 -3
  567. package/dist/esm/yoo-form-footer.entry.js +5 -5
  568. package/dist/esm/yoo-form-formula.entry.js +4 -4
  569. package/dist/esm/yoo-form-hotzones-creator.entry.js +2 -2
  570. package/dist/esm/yoo-form-hotzones.entry.js +6 -6
  571. package/dist/esm/yoo-form-iframe-dialog.entry.js +2 -2
  572. package/dist/esm/yoo-form-image-collection.entry.js +5 -5
  573. package/dist/esm/yoo-form-image-tagging-creator.entry.js +5 -5
  574. package/dist/esm/yoo-form-image-tagging.entry.js +8 -8
  575. package/dist/esm/yoo-form-incentive-targets.entry.js +4 -4
  576. package/dist/esm/yoo-form-input-comments.entry.js +2 -2
  577. package/dist/esm/yoo-form-input-container.entry.js +6 -6
  578. package/dist/esm/yoo-form-input.entry.js +8 -8
  579. package/dist/esm/yoo-form-json.entry.js +5 -5
  580. package/dist/esm/yoo-form-location.entry.js +4 -4
  581. package/dist/esm/yoo-form-missing-word.entry.js +6 -6
  582. package/dist/esm/yoo-form-missionfield.entry.js +4 -4
  583. package/dist/esm/yoo-form-multi-input.entry.js +4 -4
  584. package/dist/esm/yoo-form-number-picker-dialog.entry.js +2 -2
  585. package/dist/esm/yoo-form-number-picker.entry.js +2 -2
  586. package/dist/esm/yoo-form-opening-hours.entry.js +2 -2
  587. package/dist/esm/yoo-form-permissions.entry.js +3 -3
  588. package/dist/esm/yoo-form-phone-number.entry.js +2 -2
  589. package/dist/esm/yoo-form-plan-assign.entry.js +4 -4
  590. package/dist/esm/yoo-form-plan.entry.js +4 -4
  591. package/dist/esm/yoo-form-pricecheck.entry.js +4 -4
  592. package/dist/esm/yoo-form-product-batch.entry.js +5 -5
  593. package/dist/esm/yoo-form-products-sales.entry.js +4 -4
  594. package/dist/esm/yoo-form-progress-indicator.entry.js +3 -3
  595. package/dist/esm/yoo-form-qrcode.entry.js +4 -4
  596. package/dist/esm/yoo-form-query-builder.entry.js +4 -4
  597. package/dist/esm/yoo-form-range.entry.js +4 -4
  598. package/dist/esm/yoo-form-ranking.entry.js +5 -5
  599. package/dist/esm/yoo-form-recap-step.entry.js +2 -2
  600. package/dist/esm/yoo-form-recurrence-delay.entry.js +2 -2
  601. package/dist/esm/yoo-form-recurrence-preview.entry.js +3 -3
  602. package/dist/esm/yoo-form-recurrence.entry.js +2 -2
  603. package/dist/esm/yoo-form-reorder.entry.js +4 -4
  604. package/dist/esm/yoo-form-scorm.entry.js +4 -4
  605. package/dist/esm/yoo-form-shopping.entry.js +4 -4
  606. package/dist/esm/yoo-form-signature-pad-dialog.entry.js +8 -8
  607. package/dist/esm/yoo-form-signature-pad.entry.js +4 -4
  608. package/dist/esm/yoo-form-sorts.entry.js +4 -4
  609. package/dist/esm/yoo-form-star-rating.entry.js +4 -4
  610. package/dist/esm/yoo-form-stripe-card.entry.js +4 -4
  611. package/dist/esm/yoo-form-swipe-cards.entry.js +204 -140
  612. package/dist/esm/yoo-form-table.entry.js +4 -4
  613. package/dist/esm/yoo-form-task.entry.js +4 -4
  614. package/dist/esm/yoo-form-text-area.entry.js +5 -5
  615. package/dist/esm/yoo-form-text-editor.entry.js +6 -6
  616. package/dist/esm/yoo-form-time.entry.js +4 -4
  617. package/dist/esm/yoo-form-timeslots.entry.js +4 -4
  618. package/dist/esm/yoo-form-todo-dialog.entry.js +3 -3
  619. package/dist/esm/yoo-form-todo-single.entry.js +4 -4
  620. package/dist/esm/yoo-form-todo-task-list.entry.js +3 -3
  621. package/dist/esm/yoo-form-todo-task.entry.js +3 -3
  622. package/dist/esm/yoo-form-todo.entry.js +4 -4
  623. package/dist/esm/yoo-form-toggle.entry.js +4 -4
  624. package/dist/esm/yoo-form-uploader.entry.js +4 -4
  625. package/dist/esm/yoo-form-videoplayer.entry.js +4 -4
  626. package/dist/esm/yoo-form-wiki.entry.js +4 -4
  627. package/dist/esm/yoo-grid-calendar.entry.js +5 -5
  628. package/dist/esm/yoo-grid.entry.js +16 -14
  629. package/dist/esm/yoo-gridstack.entry.js +3 -3
  630. package/dist/esm/yoo-header.entry.js +3 -3
  631. package/dist/esm/yoo-healthscore-dialog.entry.js +3 -3
  632. package/dist/esm/yoo-healthscore.entry.js +2 -2
  633. package/dist/esm/yoo-image-cropper-dialog.entry.js +2 -2
  634. package/dist/esm/yoo-img.entry.js +4 -4
  635. package/dist/esm/yoo-incentive-detail.entry.js +4 -4
  636. package/dist/esm/yoo-input-bar.entry.js +4 -4
  637. package/dist/esm/yoo-ion-alert-controller.entry.js +3 -3
  638. package/dist/esm/yoo-ion-content.entry.js +2 -2
  639. package/dist/esm/yoo-ion-footer.entry.js +3 -3
  640. package/dist/esm/yoo-ion-infinite-scroll-content.entry.js +2 -2
  641. package/dist/esm/yoo-ion-infinite-scroll.entry.js +2 -2
  642. package/dist/esm/yoo-ion-item-divider.entry.js +4 -4
  643. package/dist/esm/yoo-ion-item-options.entry.js +3 -3
  644. package/dist/esm/yoo-ion-item-sliding.entry.js +4 -4
  645. package/dist/esm/yoo-ion-item.entry.js +4 -4
  646. package/dist/esm/yoo-ion-list.entry.js +3 -3
  647. package/dist/esm/yoo-ion-modal-controller.entry.js +3 -3
  648. package/dist/esm/yoo-ion-modal.entry.js +6 -6
  649. package/dist/esm/yoo-ion-refresher.entry.js +3 -3
  650. package/dist/esm/yoo-ion-scroll.entry.js +11 -4
  651. package/dist/esm/yoo-ion-slide.entry.js +3 -3
  652. package/dist/esm/{yoo-ion-slides-0eb36ea1.js → yoo-ion-slides-8e716160.js} +5 -5
  653. package/dist/esm/yoo-ion-slides.entry.js +5 -5
  654. package/dist/esm/yoo-ion-toast-controller.entry.js +3 -3
  655. package/dist/esm/yoo-kanban.entry.js +3 -3
  656. package/dist/esm/yoo-kpi-card.entry.js +2 -2
  657. package/dist/esm/yoo-kpi-container.entry.js +3 -3
  658. package/dist/esm/yoo-kpi-external.entry.js +2 -2
  659. package/dist/esm/yoo-kpi.entry.js +2 -2
  660. package/dist/esm/yoo-layout-sections.entry.js +2 -2
  661. package/dist/esm/yoo-layout-tabs.entry.js +2 -2
  662. package/dist/esm/yoo-layout-two-columns.entry.js +2 -2
  663. package/dist/esm/yoo-lesson-detail-card.entry.js +2 -2
  664. package/dist/esm/yoo-lesson-detail.entry.js +3 -3
  665. package/dist/esm/yoo-lesson-heading.entry.js +3 -3
  666. package/dist/esm/yoo-lesson-highscores.entry.js +2 -2
  667. package/dist/esm/yoo-lesson-question-result.entry.js +2 -2
  668. package/dist/esm/yoo-links-menu.entry.js +2 -2
  669. package/dist/esm/yoo-links-preview.entry.js +4 -4
  670. package/dist/esm/yoo-loader.entry.js +2 -2
  671. package/dist/esm/yoo-location-info.entry.js +2 -2
  672. package/dist/esm/yoo-location-map.entry.js +3 -3
  673. package/dist/esm/yoo-login.entry.js +2 -2
  674. package/dist/esm/yoo-lottie.entry.js +2 -2
  675. package/dist/esm/yoo-map-gl.entry.js +3 -3
  676. package/dist/esm/yoo-map-js.entry.js +4 -4
  677. package/dist/esm/yoo-map-legend.entry.js +4 -4
  678. package/dist/esm/yoo-map.entry.js +3 -3
  679. package/dist/esm/yoo-markdown.entry.js +4 -4
  680. package/dist/esm/yoo-memo-list-dialog.entry.js +2 -2
  681. package/dist/esm/yoo-memo-list.entry.js +2 -2
  682. package/dist/esm/yoo-mention-tag.entry.js +2 -2
  683. package/dist/esm/yoo-mission-details.entry.js +5 -5
  684. package/dist/esm/yoo-mission-heading.entry.js +5 -5
  685. package/dist/esm/yoo-mission-score.entry.js +2 -2
  686. package/dist/esm/yoo-mission-todo.entry.js +3 -3
  687. package/dist/esm/yoo-mobile-tabbar-more.entry.js +2 -2
  688. package/dist/esm/yoo-mobile-tabbar.entry.js +3 -3
  689. package/dist/esm/yoo-modal.entry.js +3 -3
  690. package/dist/esm/yoo-navbar.entry.js +3 -3
  691. package/dist/esm/yoo-numbers-display.entry.js +3 -3
  692. package/dist/esm/yoo-photo-editor.entry.js +7 -7
  693. package/dist/esm/yoo-pivot-table.entry.js +7 -7
  694. package/dist/esm/yoo-podium.entry.js +2 -2
  695. package/dist/esm/yoo-profile-list.entry.js +2 -2
  696. package/dist/esm/yoo-profile-summary.entry.js +3 -3
  697. package/dist/esm/yoo-progress-bar.entry.js +2 -2
  698. package/dist/esm/yoo-progress-loader.entry.js +2 -2
  699. package/dist/esm/yoo-progress-recap.entry.js +2 -2
  700. package/dist/esm/yoo-property-card.entry.js +3 -3
  701. package/dist/esm/yoo-range.entry.js +4 -4
  702. package/dist/esm/yoo-rating.entry.js +2 -2
  703. package/dist/esm/yoo-reset-password.entry.js +2 -2
  704. package/dist/esm/yoo-result-dialog.entry.js +3 -3
  705. package/dist/esm/yoo-reveal.entry.js +2 -2
  706. package/dist/esm/yoo-salesai-formula.entry.js +2 -2
  707. package/dist/esm/yoo-scandit.entry.js +3 -3
  708. package/dist/esm/yoo-scratch-card-creator.entry.js +2 -2
  709. package/dist/esm/yoo-scratch-card.entry.js +4 -4
  710. package/dist/esm/yoo-section-list.entry.js +2 -2
  711. package/dist/esm/yoo-segmented-control.entry.js +2 -2
  712. package/dist/esm/yoo-side-menu-tree.entry.js +2 -2
  713. package/dist/esm/yoo-side-menu.entry.js +2 -2
  714. package/dist/esm/yoo-slides-media.entry.js +5 -5
  715. package/dist/esm/yoo-start-meeting-popup.entry.js +3 -3
  716. package/dist/esm/yoo-tabs.entry.js +2 -2
  717. package/dist/esm/yoo-text-sequence.entry.js +3 -3
  718. package/dist/esm/yoo-text.entry.js +3 -3
  719. package/dist/esm/yoo-toast.entry.js +4 -4
  720. package/dist/esm/yoo-tooltip.entry.js +5 -5
  721. package/dist/esm/yoo-truncate.entry.js +3 -3
  722. package/dist/esm/yoo-truncated-line.entry.js +2 -2
  723. package/dist/esm/yoo-user-detail.entry.js +2 -2
  724. package/dist/esm/yoo-user-profile.entry.js +4 -4
  725. package/dist/esm/yoo-user-wizard.entry.js +3 -3
  726. package/dist/esm/yoo-videoplayer-core.entry.js +3 -3
  727. package/dist/esm/yoo-videoplayer-dailymotion.entry.js +4 -4
  728. package/dist/esm/yoo-videoplayer-videojs.entry.js +5 -5
  729. package/dist/esm/yoo-videoplayer-vimeo.entry.js +4 -4
  730. package/dist/esm/yoo-videoplayer-youtube.entry.js +4 -4
  731. package/dist/esm/yoo-virtual-item.entry.js +2 -2
  732. package/dist/esm/yoo-virtual-scroll.entry.js +3 -3
  733. package/dist/esm/yoo-waitlist-location-result.entry.js +2 -2
  734. package/dist/esm/yoo-waitlist-location-start.entry.js +2 -2
  735. package/dist/esm/yoo-walkthrough.entry.js +2 -2
  736. package/dist/esm/yoo-web-menu.entry.js +3 -3
  737. package/dist/esm/yoo-webcam.entry.js +2 -2
  738. package/dist/esm/yoo-welcome-banner.entry.js +3 -3
  739. package/dist/esm/yoo-widget-chart.entry.js +2 -2
  740. package/dist/esm/yoo-widget-small-size.entry.js +2 -2
  741. package/dist/esm/yoo-widget-tab.entry.js +2 -2
  742. package/dist/esm/yoo-widget-tile.entry.js +2 -2
  743. package/dist/esm/yoo-workflow-state-dialog.entry.js +2 -2
  744. package/dist/esm/yoo-workflow-state.entry.js +2 -2
  745. package/dist/esm/yoo-workflow.entry.js +4 -4
  746. package/dist/esm/yoo-zebra.entry.js +2 -2
  747. package/dist/esm/yoo-zoom.entry.js +2 -2
  748. package/dist/types/components/form/form-swipe-cards/form-swipe-cards.d.ts +20 -13
  749. package/dist/types/feature-platform/admin/draw-flow/draw-flow.d.ts +1 -0
  750. package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/user/user.interface.d.ts +1 -0
  751. package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/ui/grid/grid.interface.d.ts +1 -0
  752. package/package.json +1 -1
  753. package/dist/design-system/index-1b38d4f3.js +0 -1
  754. package/dist/design-system/index-92cd87a6.js +0 -1
  755. package/dist/esm/index-1b38d4f3.js +0 -1
  756. package/dist/esm/index-92cd87a6.js +0 -1
package/dist/cjs/yoo-action-sheet.cjs.entry.js CHANGED
@@ -42,7 +42,14 @@ const YooActionSheetComponent = class {
42
42
  */
43
43
  this.preventOverlayClick = false;
44
44
  this.actionClickDivs = [];
45
- this.preventDefault = (e) => e.preventDefault();
45
+ this.preventDefault = (e) => {
46
+ try {
47
+ e === null || e === void 0 ? void 0 : e.preventDefault();
48
+ }
49
+ catch (e) {
50
+ //
51
+ }
52
+ };
46
53
  this.DEFAULT_ANIMATION = 'slide_down';
47
54
  this.onReady = Promise.resolve();
48
55
  }
@@ -149,7 +156,7 @@ const YooActionSheetComponent = class {
149
156
  last: lastIndex && !(button.icon || description),
150
157
  [button.textClass || '']: true,
151
158
  [button.color || '']: true
152
- }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index$1] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$1]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$1]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", { class: { beta: button.isBeta } }, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, overlays.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif == true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
159
+ }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index$1] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$1]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$1]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", { class: { beta: button.isBeta } }, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, overlays.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif === true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
153
160
  }
154
161
  renderBottomContainer() {
155
162
  return (index.h("div", { class: "bottom-container" }, index.h("div", { class: "cancel-container", onClick: () => this.closeActionSheet(false, true), ref: (el) => (this.cancelDiv = el), onTouchStart: () => this.onItemTouchStart(this.cancelDiv), onTouchEnd: () => this.onItemTouchEnd(this.cancelDiv) }, overlays.translate('CANCEL'))));
package/dist/cjs/yoo-collapsible.cjs.entry.js CHANGED
@@ -9,7 +9,7 @@ require('./lodash-72d493b9.js');
9
9
  require('./index-f6133645.js');
10
10
  require('./_commonjsHelpers-94df2ea7.js');
11
11
 
12
- const collapsibleCss = ":host{display:block;width:100%;color:var(--dark, #000000)}.outer-container{position:relative;width:100%;min-height:var(--spacing-32, 2rem)}.outer-container.collapsed{max-height:60px;overflow:hidden}.header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem);cursor:pointer}.header-container yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}.header-container .title{padding-right:var(--spacing-08, 0.5rem)}.header-container .title.pdf{padding:0;font-weight:bold}.header-container.button yoo-button{width:6.25rem}.header-container yoo-button.deletable{position:absolute;right:0}.arrow{margin-right:var(--spacing-16, 1rem);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}.arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slot-container{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:unset;padding-top:var(--spacing-08, 0.5rem)}.slot-container.collapsed{display:none !important;height:0}:host(.stable) .text-container{color:var(--stable, #adadad)}:host(.stable) .slot-container{color:initial}:host(.padding) .outer-container .text-container{padding:0 var(--spacing-16, 1rem)}:host(.simple) .text-container,:host(.simple) span{padding:0;color:var(--stable, #adadad)}:host(.simple) yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}:host(.form) .outer-container{padding:var(--spacing-08, 0.5rem) 0;padding-top:0;background:transparent}:host(.form) .outer-container:not(.collapsed){width:auto;margin:0}:host(.form) .outer-container.collapsed .text-container{padding:0}:host(.form) .outer-container .text-container{padding:0}:host(.form) .outer-container .text-container .title{padding-left:0;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host(.form) .outer-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.form) .outer-container .slot-container:not(.collapsed){width:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--spacing-08, 0.5rem)}:host(.form[size=small]) .outer-container .slot-container:not(.collapsed){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.form.subform) .outer-container .slot-container:not(.collapsed){border:none;border-top:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:0}:host(.no-padding) .text-container .title{padding:0}:host(.no-padding.lesson-detail:not(.padding)) .text-container{padding:0}:host(.secondary) .text-container{width:100%;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--dark-20, rgba(0, 0, 0, 0.2))}:host(.secondary) .text-container .title{padding:0;color:var(--dark, #000000);font-weight:bold}:host(.secondary) .text-container yoo-icon{margin-left:auto}:host(.secondary) .slot-container{-webkit-transform:none;transform:none}:host(.transparent){background:transparent}:host(.transparent) .slot-container{padding-top:0.3rem}:host(.center) .outer-container .header-container{-ms-flex-pack:center;justify-content:center}:host(.lesson-detail) .outer-container .text-container{-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .outer-container .header-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.lesson-detail) .outer-container .slot-container{padding:0}:host(.bold) .outer-container .title{padding-left:0;font-weight:bold}:host(.subform){margin-top:0 !important;background:transparent}:host(.subform) .outer-container{min-height:auto;padding-bottom:0}:host(.subform) .outer-container .slot-container:not(.collapsed){margin-top:var(--spacing-04, 0.25rem);padding:0}:host(.subform) .outer-container .header-container .title{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host(.large) .outer-container .title{font-size:var(--font-size-16, 1rem)}:host(.full-width) .outer-container .title{-ms-flex:1;flex:1}";
12
+ const collapsibleCss = ":host{display:block;width:100%;color:var(--dark, #000000)}.outer-container{position:relative;width:100%;min-height:var(--spacing-32, 2rem)}.outer-container.collapsed{max-height:60px;overflow:hidden}.header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem);cursor:pointer}.header-container yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}.header-container .title{padding-right:var(--spacing-08, 0.5rem)}.header-container .title.pdf{padding:0;font-weight:bold}.header-container.button yoo-button{width:6.25rem}.header-container yoo-button.deletable{position:absolute;right:0}.arrow{margin-right:var(--spacing-16, 1rem);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}.arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slot-container{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:unset;padding-top:var(--spacing-08, 0.5rem)}.slot-container.collapsed{display:none !important;height:0}:host(.stable) .text-container{color:var(--stable, #adadad)}:host(.stable) .slot-container{color:initial}:host(.padding) .outer-container .text-container{padding:0 var(--spacing-16, 1rem)}:host(.simple) .text-container,:host(.simple) span{padding:0;color:var(--stable, #adadad)}:host(.simple) yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}:host(.form) .outer-container{padding:var(--spacing-08, 0.5rem) 0;padding-top:0;background:transparent}:host(.form) .outer-container:not(.collapsed){width:auto;margin:0}:host(.form) .outer-container.collapsed .text-container{padding:0}:host(.form) .outer-container .text-container{padding:0}:host(.form) .outer-container .text-container .title{padding-left:0;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host(.form) .outer-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.form) .outer-container .slot-container:not(.collapsed){width:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--spacing-08, 0.5rem)}:host(.form[size=small]) .outer-container .slot-container:not(.collapsed){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.form.subform) .outer-container .slot-container:not(.collapsed){border:none;border-top:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:0}:host(.no-padding) .text-container .title{padding:0}:host(.no-padding.lesson-detail:not(.padding)) .text-container{padding:0}:host(.secondary) .text-container{width:100%;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--dark-20, rgba(0, 0, 0, 0.2))}:host(.secondary) .text-container .title{padding:0;color:var(--dark, #000000);font-weight:bold}:host(.secondary) .text-container yoo-icon{margin-left:auto}:host(.secondary) .slot-container{-webkit-transform:none;transform:none}:host(.transparent){background:transparent}:host(.transparent) .slot-container{padding-top:0.3rem}:host(.center) .outer-container .header-container{-ms-flex-pack:center;justify-content:center}:host(.lesson-detail) .outer-container .text-container{-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .outer-container .header-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.lesson-detail) .outer-container .slot-container{padding:0}:host(.bold) .outer-container .title{padding-left:0;font-weight:bold}:host(.subform){margin-top:0 !important;background:transparent}:host(.subform) .outer-container{min-height:auto;padding-bottom:0}:host(.subform) .outer-container .slot-container:not(.collapsed){margin-top:var(--spacing-04, 0.25rem);padding:0}:host(.subform) .outer-container .header-container .title{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host(.drawfow) .outer-container.collapsed{min-height:auto}:host(.drawfow) .outer-container.collapsed .header-container{padding-top:0}:host(.large) .outer-container .title{font-size:var(--font-size-16, 1rem)}:host(.full-width) .outer-container .title{-ms-flex:1;flex:1}";
13
13
 
14
14
  const YooCollapsibleComponent = class {
15
15
  constructor(hostRef) {
@@ -71,7 +71,7 @@ const YooCollapsibleComponent = class {
71
71
  index.h("yoo-button", { class: "deletable", shape: "square", onClick: (ev) => this.deleteItem(ev) }, index.h("yoo-icon", { name: "delete", size: "small" }));
72
72
  }
73
73
  render() {
74
- return (index.h(index.Host, { collapsed: this.collapsed }, index.h("div", { class: { 'outer-container': true, 'collapsed': this.collapsed }, ref: (el) => (this.outerContainer = el) }, !this.useButton && (index.h("div", { class: "header-container", onClick: () => !this.toggleWithArrowOnly && this.toggleContent() }, this.icon && !this.isPdf && index.h("yoo-icon", { class: "prefix", name: this.icon, color: this.iconColor || 'stable', size: this.iconSize }), index.h("span", { class: { title: true, pdf: this.isPdf } }, this.header, this.slotHeader && index.h("slot", { name: "title" })), !this.isPdf && this.hasArrowIcon && (index.h("yoo-icon", { onClick: () => this.toggleWithArrowOnly && this.toggleContent(), size: this.iconSize, name: this.collapsed ? 'arrow-down' : 'arrow-up', color: this.arrowColor || 'dark', ref: (el) => (this.arrow = el) })), this.renderDeleteButton())), this.useButton && (index.h("div", { class: "header-container button", onClick: () => this.toggleContent() }, index.h("yoo-button", { color: !this.collapsed ? 'app-color' : 'light', ref: (el) => (this.button = el) }, this.icon && index.h("yoo-icon", { name: this.icon, color: !this.collapsed ? 'light' : 'dark', slot: "start", size: this.iconSize, ref: (el) => (this.buttonIcon = el) }), this.header), this.renderDeleteButton())), index.h("div", { class: { 'slot-container': true, 'collapsed': this.collapsed }, ref: (el) => (this.slotContainer = el) }, index.h("slot", null)))));
74
+ return (index.h(index.Host, { collapsed: this.collapsed }, index.h("div", { class: { 'outer-container': true, 'collapsed': this.collapsed }, ref: (el) => (this.outerContainer = el) }, !this.useButton && (index.h("div", { class: "header-container", onClick: () => !this.toggleWithArrowOnly && this.toggleContent() }, this.icon && !this.isPdf && index.h("yoo-icon", { class: "prefix", name: this.icon, color: this.iconColor || 'stable', size: this.iconSize }), index.h("span", { class: { title: true, pdf: this.isPdf } }, this.header, this.slotHeader && index.h("slot", { name: "title" })), !this.isPdf && this.hasArrowIcon && (index.h("yoo-icon", { onClick: () => this.toggleWithArrowOnly && this.toggleContent(), size: this.iconSize, name: this.collapsed ? 'arrow-down' : 'arrow-up', color: this.arrowColor || 'dark', ref: (el) => (this.arrow = el) })), index.h("slot", { name: "title-extra-icon" }), this.renderDeleteButton())), this.useButton && (index.h("div", { class: "header-container button", onClick: () => this.toggleContent() }, index.h("yoo-button", { color: !this.collapsed ? 'app-color' : 'light', ref: (el) => (this.button = el) }, this.icon && index.h("yoo-icon", { name: this.icon, color: !this.collapsed ? 'light' : 'dark', slot: "start", size: this.iconSize, ref: (el) => (this.buttonIcon = el) }), this.header), this.renderDeleteButton())), index.h("div", { class: { 'slot-container': true, 'collapsed': this.collapsed }, ref: (el) => (this.slotContainer = el) }, index.h("slot", null)))));
75
75
  }
76
76
  };
77
77
  YooCollapsibleComponent.style = collapsibleCss;
package/dist/cjs/yoo-draw-flow.cjs.entry.js CHANGED
@@ -15,7 +15,7 @@ var drawflow_min = _commonjsHelpers.createCommonjsModule(function (module, expor
15
15
 
16
16
  const Drawflow = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(drawflow_min);
17
17
 
18
- const drawFlowCss = ":host{--border-size:0.25rem;--dfBackgroundColor:rgba(255, 255, 255, 1);--dfBackgroundSize:24px;--dfBackgroundImage:radial-gradient(rgba(191, 191, 191, 1) 1px, transparent 1px);--dfNodeType:flex;--dfNodeTypeFloat:none;--dfNodeBackgroundColor:rgba(255, 255, 255, 1);--dfNodeTextColor:#000000;--dfNodeBorderSize:var(--border-size);--dfNodeBorderColor:rgba(90, 48, 244, 1);--dfNodeBorderRadius:16px;--dfNodeMinHeight:40px;--dfNodeMinWidth:0;--dfNodePaddingTop:0;--dfNodePaddingBottom:0rem;--dfNodeBoxShadowHL:0px;--dfNodeBoxShadowVL:2px;--dfNodeBoxShadowBR:16px;--dfNodeBoxShadowS:2px;--dfNodeBoxShadowColor:rgba(0, 0, 0, 0.1);--dfNodeHoverBackgroundColor:rgba(255, 255, 255, 1);--dfNodeHoverTextColor:#000000;--dfNodeHoverBorderSize:var(--border-size);--dfNodeHoverBorderColor:rgba(90, 48, 244, 1);--dfNodeHoverBorderRadius:16px;--dfNodeHoverBoxShadowHL:0px;--dfNodeHoverBoxShadowVL:2px;--dfNodeHoverBoxShadowBR:16px;--dfNodeHoverBoxShadowS:2px;--dfNodeHoverBoxShadowColor:rgba(0, 0, 0, 0.1);--dfNodeSelectedBackgroundColor:rgba(90, 48, 244, 1);--dfNodeSelectedTextColor:#ffffff;--dfNodeSelectedBorderSize:var(--border-size);--dfNodeSelectedBorderColor:rgba(90, 48, 244, 1);--dfNodeSelectedBorderRadius:16px;--dfNodeSelectedBoxShadowHL:0px;--dfNodeSelectedBoxShadowVL:2px;--dfNodeSelectedBoxShadowBR:16px;--dfNodeSelectedBoxShadowS:2px;--dfNodeSelectedBoxShadowColor:rgba(0, 0, 0, 0.1);--dfInputBackgroundColor:rgba(90, 48, 244, 1);--dfInputBorderSize:var(--border-size);--dfInputBorderColor:rgba(255, 255, 255, 1);--dfInputBorderRadius:50px;--dfInputLeft:-1.875rem;--dfInputHeight:20px;--dfInputWidth:20px;--dfInputHoverBackgroundColor:rgba(255, 255, 255, 1);--dfInputHoverBorderSize:var(--border-size);--dfInputHoverBorderColor:rgba(0, 0, 0, 1);--dfInputHoverBorderRadius:50px;--dfOutputBackgroundColor:#ffffff;--dfOutputBorderSize:var(--border-size);--dfOutputBorderColor:rgba(90, 48, 244, 1);--dfOutputBorderRadius:50px;--dfOutputRight:-0.1875rem;--dfOutputHeight:20px;--dfOutputWidth:20px;--dfOutputHoverBackgroundColor:#ffffff;--dfOutputHoverBorderSize:var(--border-size);--dfOutputHoverBorderColor:#000000;--dfOutputHoverBorderRadius:50px;--dfLineWidth:var(--border-size);--dfLineColor:rgba(208, 208, 208, 1);--dfLineHoverColor:rgba(90, 48, 244, 1);--dfLineSelectedColor:rgba(255, 198, 27, 1);--dfRerouteBorderWidth:var(--border-size);--dfRerouteBorderColor:rgba(90, 48, 244, 1);--dfRerouteBackgroundColor:#ffffff;--dfRerouteHoverBorderWidth:var(--border-size);--dfRerouteHoverBorderColor:#000000;--dfRerouteHoverBackgroundColor:#ffffff;--dfDeleteDisplay:block;--dfDeleteColor:#ffffff;--dfDeleteBackgroundColor:rgba(212, 67, 51, 1);--dfDeleteBorderSize:var(--border-size);--dfDeleteBorderColor:#ffffff;--dfDeleteBorderRadius:50px;--dfDeleteTop:-24px;--dfDeleteHoverColor:rgba(255, 255, 255, 1);--dfDeleteHoverBackgroundColor:rgba(210, 79, 76, 1);--dfDeleteHoverBorderSize:var(--border-size);--dfDeleteHoverBorderColor:rgba(255, 255, 255, 1);--dfDeleteHoverBorderRadius:50px}:host .parent-drawflow{display:-ms-flexbox;display:flex;overflow:hidden;outline:none;-ms-touch-action:none;touch-action:none}:host .drawflow{position:relative;width:100%;height:100%;-webkit-perspective:0;perspective:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .drawflow .parent-node{position:relative}:host .drawflow .drawflow-node{position:absolute;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:160px;min-height:40px;padding:15px;color:black;background:cyan;border:2px solid black;border-radius:4px}:host .drawflow .drawflow-node.selected{z-index:100;background:var(--light, #ffffff)}:host .drawflow .drawflow-node:hover{cursor:move}:host .drawflow .drawflow-node .inputs,:host .drawflow .drawflow-node .outputs{width:0px}:host .drawflow .drawflow-node .drawflow_content_node{display:block;width:100%}:host .drawflow .drawflow-node .input,:host .drawflow .drawflow-node .output{position:relative;z-index:1;width:20px;height:20px;margin-bottom:5px;background:white;border:2px solid black;border-radius:50%;cursor:crosshair}:host .drawflow .drawflow-node .input{top:0.375rem}:host .drawflow .drawflow-node .output{top:0.375rem}:host .drawflow svg{position:absolute;z-index:0;overflow:visible !important}:host .drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}:host .drawflow .connection .main-path{pointer-events:all;fill:none;stroke:steelblue;stroke-width:5px}:host .drawflow .connection .main-path:hover{cursor:pointer;stroke:#1266ab}:host .drawflow .connection .main-path.selected{stroke:#43b993}:host .drawflow .connection .point{cursor:move;pointer-events:all;fill:white;stroke:black;stroke-width:2}:host .drawflow .connection .point.selected,:host .drawflow .connection .point:hover{fill:#1266ab}:host .drawflow .main-path{fill:none;stroke-width:5px;stroke:steelblue}:host .drawflow-delete{position:absolute;z-index:4;display:block;width:30px;height:30px;color:white;font-weight:bold;font-family:monospace;line-height:30px;text-align:center;background:black;border:2px solid white;border-radius:50%;cursor:pointer}:host .drawflow>.drawflow-delete{margin-top:15px;margin-left:-15px}:host .parent-node .drawflow-delete{top:-15px;right:-15px}:host .drawflow-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .drawflow-container .drawflow .drawflow-node{display:var(--dfNodeType);-ms-flex-align:start;align-items:flex-start;width:auto;min-width:var(--dfNodeMinWidth);min-height:var(--dfNodeMinHeight);padding-top:var(--dfNodePaddingTop);padding-bottom:var(--dfNodePaddingBottom);color:var(--dfNodeTextColor);background:var(--dfNodeBackgroundColor);border:var(--dfNodeBorderSize) solid var(--dfNodeBorderColor);border-radius:var(--dfNodeBorderRadius);-webkit-box-shadow:var(--dfNodeBoxShadowHL) var(--dfNodeBoxShadowVL) var(--dfNodeBoxShadowBR) var(--dfNodeBoxShadowS) var(--dfNodeBoxShadowColor);box-shadow:var(--dfNodeBoxShadowHL) var(--dfNodeBoxShadowVL) var(--dfNodeBoxShadowBR) var(--dfNodeBoxShadowS) var(--dfNodeBoxShadowColor)}:host .drawflow-container .drawflow .drawflow-node:hover{color:var(--dfNodeHoverTextColor);background:var(--dfNodeHoverBackgroundColor);border:var(--dfNodeHoverBorderSize) solid var(--dfNodeHoverBorderColor);border-radius:var(--dfNodeHoverBorderRadius);-webkit-box-shadow:var(--dfNodeHoverBoxShadowHL) var(--dfNodeHoverBoxShadowVL) var(--dfNodeHoverBoxShadowBR) var(--dfNodeHoverBoxShadowS) var(--dfNodeHoverBoxShadowColor);box-shadow:var(--dfNodeHoverBoxShadowHL) var(--dfNodeHoverBoxShadowVL) var(--dfNodeHoverBoxShadowBR) var(--dfNodeHoverBoxShadowS) var(--dfNodeHoverBoxShadowColor)}:host .drawflow-container .drawflow .drawflow-node.selected{color:var(--dfNodeSelectedTextColor);border:var(--dfNodeSelectedBorderSize) solid var(--dfNodeSelectedBackgroundColor);border-radius:var(--dfNodeSelectedBorderRadius);-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host .drawflow-container .drawflow .drawflow-node .input{left:var(--dfInputLeft);width:var(--dfInputWidth);height:var(--dfInputHeight);background:var(--dfInputBackgroundColor);border:var(--dfInputBorderSize) solid var(--dfInputBorderColor);border-radius:var(--dfInputBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .input:hover{background:var(--dfInputHoverBackgroundColor);border:var(--dfInputHoverBorderSize) solid var(--dfInputHoverBorderColor);border-radius:var(--dfInputHoverBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .outputs{float:var(--dfNodeTypeFloat)}:host .drawflow-container .drawflow .drawflow-node .output{right:var(--dfOutputRight);width:var(--dfOutputWidth);height:var(--dfOutputHeight);background:var(--dfOutputBackgroundColor);border:var(--dfOutputBorderSize) solid var(--dfOutputBorderColor);border-radius:var(--dfOutputBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .output:hover{background:var(--dfOutputHoverBackgroundColor);border:var(--dfOutputHoverBorderSize) solid var(--dfOutputHoverBorderColor);border-radius:var(--dfOutputHoverBorderRadius)}:host .drawflow-container .drawflow .connection .main-path{stroke:var(--dfLineColor);stroke-width:var(--dfLineWidth)}:host .drawflow-container .drawflow .connection .main-path:hover{stroke:var(--dfLineHoverColor)}:host .drawflow-container .drawflow .connection .main-path.selected{stroke:var(--dfLineSelectedColor)}:host .drawflow-container .drawflow .connection .point{fill:var(--dfRerouteBackgroundColor);stroke:var(--dfRerouteBorderColor);stroke-width:var(--dfRerouteBorderWidth)}:host .drawflow-container .drawflow .connection .point:hover{fill:var(--dfRerouteHoverBackgroundColor);stroke:var(--dfRerouteHoverBorderColor);stroke-width:var(--dfRerouteHoverBorderWidth)}:host .drawflow-container .drawflow-delete{display:var(--dfDeleteDisplay);-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--dfDeleteColor);background:var(--dfDeleteBackgroundColor);border:var(--dfDeleteBorderSize) solid var(--dfDeleteBorderColor);border-radius:var(--dfDeleteBorderRadius)}:host .drawflow-container .parent-node .drawflow-delete{top:var(--dfDeleteTop)}:host .drawflow-container .drawflow-delete:hover{color:var(--dfDeleteHoverColor);background:var(--dfDeleteHoverBackgroundColor);border:var(--dfDeleteHoverBorderSize) solid var(--dfDeleteHoverBorderColor);border-radius:var(--dfDeleteHoverBorderRadius)}:host .drawflow-container .toolbar{position:absolute;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1rem}:host .drawflow-container .toolbar yoo-icon,:host .drawflow-container .toolbar .spacing{margin-left:1rem}:host .drawflow-container .toolbar yoo-icon[name=side-menu-collapse],:host .drawflow-container .toolbar yoo-icon[name=side-menu-expand]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host .drawflow-container .outer-container{-ms-flex:1;flex:1;width:100%;height:100%;background:var(--dfBackgroundColor);background-image:var(--dfBackgroundImage);background-size:var(--dfBackgroundSize) var(--dfBackgroundSize)}:host .drawflow-container .outer-container .drawflow .parent-node .drawflow-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .drawflow-container .outer-container .drawflow .drawflow-node{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container .drawflow .drawflow-node.multimedia,:host .drawflow-container .outer-container .drawflow .drawflow-node.learn,:host .drawflow-container .outer-container .drawflow .drawflow-node.uiactions,:host .drawflow-container .outer-container .drawflow .drawflow-node.action{border-color:var(--info, #d84c96)}:host .drawflow-container .outer-container .drawflow .drawflow-node.multimedia.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.learn.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.uiactions.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.action.selected1{background:var(--info, #d84c96)}:host .drawflow-container .outer-container .drawflow .drawflow-node.multimedia.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.learn.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.uiactions.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.action.hover1{background:var(--info-20, rgba(216, 76, 150, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.multimedia .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.learn .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.uiactions .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.action .input{background:var(--info, #d84c96)}:host .drawflow-container .outer-container .drawflow .drawflow-node.multimedia .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.learn .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.uiactions .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.action .output{border-color:var(--info, #d84c96)}:host .drawflow-container .outer-container .drawflow .drawflow-node.select,:host .drawflow-container .outer-container .drawflow .drawflow-node.events,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container .drawflow .drawflow-node.select.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.events.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger.selected1{color:var(--light, #ffffff);background:var(--accent, #276ef1)}:host .drawflow-container .outer-container .drawflow .drawflow-node.select.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.events.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.select.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.events.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger.hover1{background:var(--accent-20, rgba(39, 110, 241, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.select .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.events .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger .input{background:var(--accent, #276ef1)}:host .drawflow-container .outer-container .drawflow .drawflow-node.select .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.events .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataevents .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.trigger .output{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container .drawflow .drawflow-node.textcategory,:host .drawflow-container .outer-container .drawflow .drawflow-node.condition{border-color:var(--energized, #ffc043)}:host .drawflow-container .outer-container .drawflow .drawflow-node.textcategory.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.condition.selected1{color:var(--dark, #000000);background:var(--energized, #ffc043)}:host .drawflow-container .outer-container .drawflow .drawflow-node.textcategory.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.condition.hover1{background:var(--energized-20, rgba(255, 192, 67, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.textcategory .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.condition .input{background:var(--energized, #ffc043)}:host .drawflow-container .outer-container .drawflow .drawflow-node.textcategory .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.condition .output{border-color:var(--energized, #ffc043)}:host .drawflow-container .outer-container .drawflow .drawflow-node.number,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent{border-color:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container .drawflow .drawflow-node.number.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent.selected1{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container .drawflow .drawflow-node.number.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.number.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent.hover1{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.number .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent .input{background:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container .drawflow .drawflow-node.number .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.appcreatorapp .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.customfield .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.lesson .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.boostcontent .output{border-color:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage,:host .drawflow-container .outer-container .drawflow .drawflow-node.information,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification{border-color:var(--warning, #ed6e33)}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.information.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification.selected1{color:var(--light, #ffffff);background:var(--warning, #ed6e33)}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.information.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.information.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification.hover1{background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.information .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification .input{background:var(--warning, #ed6e33)}:host .drawflow-container .outer-container .drawflow .drawflow-node.contactdetail .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.engage .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.information .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.nativeactions .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.entity .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.notification .output{border-color:var(--warning, #ed6e33)}:host .drawflow-container .outer-container .drawflow .drawflow-node.no-scoring,:host .drawflow-container .outer-container .drawflow .drawflow-node.waitfor{border-color:var(--text-color, #807f83)}:host .drawflow-container .outer-container .drawflow .drawflow-node.no-scoring.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.waitfor.selected1{color:var(--dark, #000000);background:var(--text-color, #807f83)}:host .drawflow-container .outer-container .drawflow .drawflow-node.no-scoring.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.waitfor.hover1{background:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.no-scoring .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.waitfor .input{background:var(--text-color, #807f83)}:host .drawflow-container .outer-container .drawflow .drawflow-node.no-scoring .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.waitfor .output{border-color:var(--text-color, #807f83)}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic{border-color:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic.selected1{color:var(--light, #ffffff);background:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic.hover1{background:var(--anthracite-20, rgba(26, 26, 26, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic .input{background:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container .drawflow .drawflow-node.actioncategory .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.logic .output{border-color:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime{border-color:var(--dark, #000000)}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime.selected1{color:var(--light, #ffffff);background:var(--dark, #000000)}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime.hover1{background:var(--dark-20, rgba(0, 0, 0, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime .input{background:var(--dark, #000000)}:host .drawflow-container .outer-container .drawflow .drawflow-node.dateandtime .output{border-color:var(--dark, #000000)}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications{border-color:var(--danger, #d44333)}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications.selected1{color:var(--light, #ffffff);background:var(--danger, #d44333)}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications.hover1{background:var(--danger-20, rgba(212, 67, 51, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications .input{background:var(--danger, #d44333)}:host .drawflow-container .outer-container .drawflow .drawflow-node.catalogandbarcode .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.notifications .output{border-color:var(--danger, #d44333)}:host .drawflow-container .outer-container .drawflow .drawflow-node.condition{border-color:var(--stable, #adadad)}:host .drawflow-container .outer-container .drawflow .drawflow-node.condition.selected1{color:var(--dark, #000000);background:var(--stable, #adadad)}:host .drawflow-container .outer-container .drawflow .drawflow-node.condition.hover1{background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.condition .input{background:var(--stable, #adadad)}:host .drawflow-container .outer-container .drawflow .drawflow-node.condition .output{border-color:var(--stable, #adadad)}:host .drawflow-container .outer-container .drawflow .drawflow-node.page,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate{border-color:var(--success, #3aa76d)}:host .drawflow-container .outer-container .drawflow .drawflow-node.page.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions.selected1,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate.selected1{color:var(--light, #ffffff);background:var(--success, #3aa76d)}:host .drawflow-container .outer-container .drawflow .drawflow-node.page.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions.selected1 yoo-icon,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container .drawflow .drawflow-node.page.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions.hover1,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate.hover1{background:var(--success-20, rgba(58, 167, 109, 0.2))}:host .drawflow-container .outer-container .drawflow .drawflow-node.page .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions .input,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate .input{background:var(--success, #3aa76d)}:host .drawflow-container .outer-container .drawflow .drawflow-node.page .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.dataactions .output,:host .drawflow-container .outer-container .drawflow .drawflow-node.operate .output{border-color:var(--success, #3aa76d)}:host .drawflow-container .outer-container .drawflow .drawflow-node .block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box .title-text{-ms-flex:1;flex:1}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box yoo-icon.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box yoo-icon.margin-left{margin-left:var(--spacing-08, 0.5rem)}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box:hover yoo-icon[name=settings]{opacity:1}:host .drawflow-container .outer-container .drawflow .drawflow-node .title-box yoo-icon[name=settings]{cursor:pointer;opacity:0.3}";
18
+ const drawFlowCss = ":host{--border-size:0.125rem;--dfBackgroundColor:var(--stable-alt-20);--dfBackgroundSize:0.75rem;--dfBackgroundImage:radial-gradient(rgba(191, 191, 191, 1) 1px, transparent 1px);--dfNodeType:flex;--dfNodeTypeFloat:none;--dfNodeBackgroundColor:rgba(255, 255, 255, 1);--dfNodeTextColor:#000000;--dfNodeBorderSize:var(--border-size);--dfNodeBorderColor:rgba(90, 48, 244, 1);--dfNodeBorderRadius:16px;--dfNodeMinHeight:40px;--dfNodeMinWidth:0;--dfNodePaddingTop:0;--dfNodePaddingBottom:0rem;--dfNodeBoxShadowHL:0px;--dfNodeBoxShadowVL:2px;--dfNodeBoxShadowBR:16px;--dfNodeBoxShadowS:2px;--dfNodeBoxShadowColor:rgba(0, 0, 0, 0.1);--dfNodeHoverBackgroundColor:rgba(255, 255, 255, 1);--dfNodeHoverTextColor:#000000;--dfNodeHoverBorderSize:var(--border-size);--dfNodeHoverBorderColor:rgba(90, 48, 244, 1);--dfNodeHoverBorderRadius:16px;--dfNodeHoverBoxShadowHL:0px;--dfNodeHoverBoxShadowVL:2px;--dfNodeHoverBoxShadowBR:16px;--dfNodeHoverBoxShadowS:2px;--dfNodeHoverBoxShadowColor:rgba(0, 0, 0, 0.1);--dfNodeSelectedBackgroundColor:rgba(90, 48, 244, 1);--dfNodeSelectedTextColor:#ffffff;--dfNodeSelectedBorderSize:var(--border-size);--dfNodeSelectedBorderColor:rgba(90, 48, 244, 1);--dfNodeSelectedBorderRadius:16px;--dfNodeSelectedBoxShadowHL:0px;--dfNodeSelectedBoxShadowVL:2px;--dfNodeSelectedBoxShadowBR:16px;--dfNodeSelectedBoxShadowS:2px;--dfNodeSelectedBoxShadowColor:rgba(0, 0, 0, 0.1);--dfInputBackgroundColor:rgba(90, 48, 244, 1);--dfInputBorderSize:var(--border-size);--dfInputBorderColor:rgba(255, 255, 255, 1);--dfInputBorderRadius:50px;--dfInputLeft:-26px;--dfInputHeight:11px;--dfInputWidth:11px;--dfInputHoverBackgroundColor:rgba(255, 255, 255, 1);--dfInputHoverBorderSize:var(--border-size);--dfInputHoverBorderColor:rgba(0, 0, 0, 1);--dfInputHoverBorderRadius:50px;--dfOutputBackgroundColor:#ffffff;--dfOutputBorderSize:var(--border-size);--dfOutputBorderColor:rgba(90, 48, 244, 1);--dfOutputBorderRadius:50px;--dfOutputRight:-7px;--dfOutputHeight:11px;--dfOutputWidth:11px;--dfOutputHoverBackgroundColor:#ffffff;--dfOutputHoverBorderSize:var(--border-size);--dfOutputHoverBorderColor:#000000;--dfOutputHoverBorderRadius:50px;--dfLineWidth:var(--border-size);--dfLineColor:rgba(208, 208, 208, 1);--dfLineHoverColor:rgba(90, 48, 244, 1);--dfLineSelectedColor:rgba(255, 198, 27, 1);--dfRerouteBorderWidth:var(--border-size);--dfRerouteBorderColor:rgba(90, 48, 244, 1);--dfRerouteBackgroundColor:#ffffff;--dfRerouteHoverBorderWidth:var(--border-size);--dfRerouteHoverBorderColor:#000000;--dfRerouteHoverBackgroundColor:#ffffff;--dfDeleteDisplay:block;--dfDeleteColor:#ffffff;--dfDeleteBackgroundColor:rgba(212, 67, 51, 1);--dfDeleteBorderSize:var(--border-size);--dfDeleteBorderColor:#ffffff;--dfDeleteBorderRadius:50px;--dfDeleteTop:-24px;--dfDeleteHoverColor:rgba(255, 255, 255, 1);--dfDeleteHoverBackgroundColor:rgba(210, 79, 76, 1);--dfDeleteHoverBorderSize:var(--border-size);--dfDeleteHoverBorderColor:rgba(255, 255, 255, 1);--dfDeleteHoverBorderRadius:50px}:host .parent-drawflow{display:-ms-flexbox;display:flex;overflow:hidden;outline:none;-ms-touch-action:none;touch-action:none}:host .drawflow{position:relative;width:100%;height:100%;-webkit-perspective:0;perspective:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .drawflow .parent-node{position:relative}:host .drawflow .drawflow-node{position:absolute;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:160px;min-height:40px;padding:15px;color:black;background:cyan;border:2px solid black;border-radius:4px}:host .drawflow .drawflow-node.selected{z-index:100;background:var(--light, #ffffff)}:host .drawflow .drawflow-node:hover{cursor:-webkit-grab;cursor:grab}:host .drawflow .drawflow-node .inputs,:host .drawflow .drawflow-node .outputs{width:0px}:host .drawflow .drawflow-node .drawflow_content_node{display:block;width:100%}:host .drawflow .drawflow-node .input,:host .drawflow .drawflow-node .output{position:relative;z-index:1;width:20px;height:20px;margin-bottom:5px;background:white;border:2px solid black;border-radius:50%;cursor:crosshair}:host .drawflow .drawflow-node .input{top:0.375rem}:host .drawflow .drawflow-node .output{top:0.375rem}:host .drawflow svg{position:absolute;z-index:0;overflow:visible !important}:host .drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}:host .drawflow .connection .main-path{pointer-events:all;fill:none;stroke:steelblue;stroke-width:5px}:host .drawflow .connection .main-path:hover{cursor:pointer;stroke:#1266ab}:host .drawflow .connection .main-path.selected{stroke:#43b993}:host .drawflow .connection .point{cursor:move;pointer-events:all;fill:white;stroke:black;stroke-width:2}:host .drawflow .connection .point.selected,:host .drawflow .connection .point:hover{fill:#1266ab}:host .drawflow .main-path{fill:none;stroke-width:5px;stroke:steelblue}:host .drawflow-delete{position:absolute;z-index:4;display:block;width:30px;height:30px;color:white;font-weight:bold;font-family:monospace;line-height:30px;text-align:center;background:black;border:2px solid white;border-radius:50%;cursor:pointer}:host .drawflow>.drawflow-delete{margin-top:15px;margin-left:-15px}:host .parent-node .drawflow-delete{top:-15px;right:-15px}:host .drawflow-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .drawflow-container .drawflow .drawflow-node{display:var(--dfNodeType);-ms-flex-align:center;align-items:center;width:auto;min-width:var(--dfNodeMinWidth);min-height:var(--dfNodeMinHeight);padding-top:var(--dfNodePaddingTop);padding-bottom:var(--dfNodePaddingBottom);color:var(--dfNodeTextColor);background:var(--dfNodeBackgroundColor);border:var(--dfNodeBorderSize) solid var(--dfNodeBorderColor);border-radius:var(--dfNodeBorderRadius);-webkit-box-shadow:var(--dfNodeBoxShadowHL) var(--dfNodeBoxShadowVL) var(--dfNodeBoxShadowBR) var(--dfNodeBoxShadowS) var(--dfNodeBoxShadowColor);box-shadow:var(--dfNodeBoxShadowHL) var(--dfNodeBoxShadowVL) var(--dfNodeBoxShadowBR) var(--dfNodeBoxShadowS) var(--dfNodeBoxShadowColor)}:host .drawflow-container .drawflow .drawflow-node:hover{color:var(--dfNodeHoverTextColor);background:var(--dfNodeHoverBackgroundColor);border:var(--dfNodeHoverBorderSize) solid var(--dfNodeHoverBorderColor);border-radius:var(--dfNodeHoverBorderRadius);-webkit-box-shadow:var(--dfNodeHoverBoxShadowHL) var(--dfNodeHoverBoxShadowVL) var(--dfNodeHoverBoxShadowBR) var(--dfNodeHoverBoxShadowS) var(--dfNodeHoverBoxShadowColor);box-shadow:var(--dfNodeHoverBoxShadowHL) var(--dfNodeHoverBoxShadowVL) var(--dfNodeHoverBoxShadowBR) var(--dfNodeHoverBoxShadowS) var(--dfNodeHoverBoxShadowColor)}:host .drawflow-container .drawflow .drawflow-node.selected{color:var(--dfNodeSelectedTextColor);border:var(--dfNodeSelectedBorderSize) solid var(--dfNodeSelectedBackgroundColor);border-radius:var(--dfNodeSelectedBorderRadius);-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host .drawflow-container .drawflow .drawflow-node .input{left:var(--dfInputLeft);width:var(--dfInputWidth);height:var(--dfInputHeight);background:var(--dfInputBackgroundColor);border:var(--dfInputBorderSize) solid var(--dfInputBorderColor);border-radius:var(--dfInputBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .input:hover{background:var(--dfInputHoverBackgroundColor);border:var(--dfInputHoverBorderSize) solid var(--dfInputHoverBorderColor);border-radius:var(--dfInputHoverBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .outputs{float:var(--dfNodeTypeFloat)}:host .drawflow-container .drawflow .drawflow-node .output{right:var(--dfOutputRight);width:var(--dfOutputWidth);height:var(--dfOutputHeight);background:var(--dfOutputBackgroundColor);border:var(--dfOutputBorderSize) solid var(--dfOutputBorderColor);border-radius:var(--dfOutputBorderRadius)}:host .drawflow-container .drawflow .drawflow-node .output:hover{background:var(--dfOutputHoverBackgroundColor);border:var(--dfOutputHoverBorderSize) solid var(--dfOutputHoverBorderColor);border-radius:var(--dfOutputHoverBorderRadius)}:host .drawflow-container .drawflow .connection .main-path{stroke:var(--dfLineColor);stroke-width:var(--dfLineWidth)}:host .drawflow-container .drawflow .connection .main-path:hover{stroke:var(--dfLineHoverColor)}:host .drawflow-container .drawflow .connection .main-path.selected{stroke:var(--dfLineSelectedColor)}:host .drawflow-container .drawflow .connection .point{fill:var(--dfRerouteBackgroundColor);stroke:var(--dfRerouteBorderColor);stroke-width:var(--dfRerouteBorderWidth)}:host .drawflow-container .drawflow .connection .point:hover{fill:var(--dfRerouteHoverBackgroundColor);stroke:var(--dfRerouteHoverBorderColor);stroke-width:var(--dfRerouteHoverBorderWidth)}:host .drawflow-container .drawflow-delete{display:var(--dfDeleteDisplay);-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--dfDeleteColor);background:var(--dfDeleteBackgroundColor);border:var(--dfDeleteBorderSize) solid var(--dfDeleteBorderColor);border-radius:var(--dfDeleteBorderRadius)}:host .drawflow-container .parent-node .drawflow-delete{top:var(--dfDeleteTop)}:host .drawflow-container .drawflow-delete:hover{color:var(--dfDeleteHoverColor);background:var(--dfDeleteHoverBackgroundColor);border:var(--dfDeleteHoverBorderSize) solid var(--dfDeleteHoverBorderColor);border-radius:var(--dfDeleteHoverBorderRadius)}:host .drawflow-container .toolbar{position:absolute;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:1rem}:host .drawflow-container .toolbar .spacing{margin-left:1rem}:host .drawflow-container .toolbar .flex{-ms-flex:1;flex:1}:host .drawflow-container .toolbar .button-container{display:-ms-flexbox;display:flex;padding:var(--spacing-08, 0.5rem);-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem);background:var(--dark-60, rgba(0, 0, 0, 0.6));border-radius:var(--spacing-04, 0.25rem)}:host .drawflow-container .toolbar .button-container yoo-icon{cursor:pointer}:host .drawflow-container .outer-container{-ms-flex:1;flex:1;width:100%;height:100%;background:var(--dfBackgroundColor);background-image:var(--dfBackgroundImage);background-size:var(--dfBackgroundSize) var(--dfBackgroundSize)}:host .drawflow-container .outer-container.header-container .drawflow .parent-node .drawflow-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.multimedia,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.learn,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.uiactions,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.action{border-color:var(--info, #d84c96)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.multimedia.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.learn.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.uiactions.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.action.selected1{background:var(--info, #d84c96)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.multimedia.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.learn.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.uiactions.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.action.hover1{background:var(--info-20, rgba(216, 76, 150, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.multimedia .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.learn .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.uiactions .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.action .input{background:var(--info, #d84c96)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.multimedia .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.learn .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.uiactions .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.action .output{border-color:var(--info, #d84c96)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger.selected1{color:var(--light, #ffffff);background:var(--accent, #276ef1)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger.hover1{background:var(--accent-20, rgba(39, 110, 241, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger .input{background:var(--accent, #276ef1)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.select .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.events .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataevents .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.trigger .output{border-color:var(--accent, #276ef1)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.textcategory,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition{border-color:var(--energized, #ffc043)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.textcategory.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition.selected1{color:var(--dark, #000000);background:var(--energized, #ffc043)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.textcategory.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition.hover1{background:var(--energized-20, rgba(255, 192, 67, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.textcategory .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition .input{background:var(--energized, #ffc043)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.textcategory .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition .output{border-color:var(--energized, #ffc043)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent{border-color:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent.selected1{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent.hover1{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent .input{background:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.number .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.appcreatorapp .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.customfield .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.lesson .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.boostcontent .output{border-color:var(--app-color, #5a30f4)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification{border-color:var(--warning, #ed6e33)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification.selected1{color:var(--light, #ffffff);background:var(--warning, #ed6e33)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification.hover1{background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification .input{background:var(--warning, #ed6e33)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.contactdetail .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.engage .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.information .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.nativeactions .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.entity .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notification .output{border-color:var(--warning, #ed6e33)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.no-scoring,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.waitfor{border-color:var(--text-color, #807f83)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.no-scoring.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.waitfor.selected1{color:var(--dark, #000000);background:var(--text-color, #807f83)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.no-scoring.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.waitfor.hover1{background:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.no-scoring .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.waitfor .input{background:var(--text-color, #807f83)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.no-scoring .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.waitfor .output{border-color:var(--text-color, #807f83)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic{border-color:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic.selected1{color:var(--light, #ffffff);background:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic.hover1{background:var(--anthracite-20, rgba(26, 26, 26, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic .input{background:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.actioncategory .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.logic .output{border-color:var(--anthracite, #1a1a1a)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime{border-color:var(--dark, #000000)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime.selected1{color:var(--light, #ffffff);background:var(--dark, #000000)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime.hover1{background:var(--dark-20, rgba(0, 0, 0, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime .input{background:var(--dark, #000000)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dateandtime .output{border-color:var(--dark, #000000)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications{border-color:var(--danger, #d44333)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications.selected1{color:var(--light, #ffffff);background:var(--danger, #d44333)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications.hover1{background:var(--danger-20, rgba(212, 67, 51, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications .input{background:var(--danger, #d44333)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.catalogandbarcode .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.notifications .output{border-color:var(--danger, #d44333)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition{border-color:var(--stable, #adadad)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition.selected1{color:var(--dark, #000000);background:var(--stable, #adadad)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition.hover1{background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition .input{background:var(--stable, #adadad)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.condition .output{border-color:var(--stable, #adadad)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate{border-color:var(--success, #3aa76d)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions.selected1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate.selected1{color:var(--light, #ffffff);background:var(--success, #3aa76d)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions.selected1 yoo-icon,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate.selected1 yoo-icon{fill:var(--light, #ffffff)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions.hover1,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate.hover1{background:var(--success-20, rgba(58, 167, 109, 0.2))}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions .input,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate .input{background:var(--success, #3aa76d)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.page .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.dataactions .output,:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node.operate .output{border-color:var(--success, #3aa76d)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node .block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node .title-box{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node .title-box .title-text{-ms-flex:1;flex:1}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node .title-box yoo-icon.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .drawflow-container .outer-container.header-container .drawflow .drawflow-node .title-box yoo-icon.margin-left{margin-left:var(--spacing-08, 0.5rem)}";
19
19
 
20
20
  const YooDrawFlowComponent = class {
21
21
  constructor(hostRef) {
@@ -69,8 +69,19 @@ const YooDrawFlowComponent = class {
69
69
  this.registerEvents();
70
70
  this.editor.on('nodeSelected', () => { });
71
71
  this.editor.on('click', (ev) => {
72
- var _a, _b;
73
- if (((_b = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'yoo-collapsible') {
72
+ var _a, _b, _c, _d;
73
+ if (((_b = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'yoo-icon' && ev.target.name === 'more') {
74
+ const nodeId = overlays.findParent(ev.target, '.drawflow-node').id;
75
+ if (nodeId) {
76
+ const node = this.editor.getNodeFromId(nodeId.replace('node-', ''));
77
+ ev.stopPropagation();
78
+ ev.preventDefault();
79
+ setTimeout(() => {
80
+ this.showContextMenu(node, 0, 0, ev.target);
81
+ }, 100);
82
+ }
83
+ }
84
+ else if (((_d = (_c = ev.target) === null || _c === void 0 ? void 0 : _c.tagName) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'yoo-collapsible') {
74
85
  this.toggleCollapsed(ev.target);
75
86
  }
76
87
  });
@@ -85,6 +96,11 @@ const YooDrawFlowComponent = class {
85
96
  this.lastCreatedId = id;
86
97
  this.editor.container.querySelector('#node-' + id + ' yoo-collapsible').collapsed = false;
87
98
  });
99
+ this.editor.on('nodeRemoved', (id) => {
100
+ if (this.lastCreatedId === id) {
101
+ this.lastCreatedId = null;
102
+ }
103
+ });
88
104
  this.editor.zoom = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.zoom) || this.editor.zoom;
89
105
  this.editor.canvas_x = ((_b = this.config) === null || _b === void 0 ? void 0 : _b.canvas_x) || this.editor.canvas_x;
90
106
  this.editor.canvas_y = ((_c = this.config) === null || _c === void 0 ? void 0 : _c.canvas_y) || this.editor.canvas_y;
@@ -102,6 +118,23 @@ const YooDrawFlowComponent = class {
102
118
  this.lastCreatedId = null;
103
119
  }
104
120
  }
121
+ showContextMenu(node, pageX, pageY, hostElement) {
122
+ overlays.showContextMenu({ pageX, pageY }, {
123
+ multipleSelection: false,
124
+ contentButtons: [{
125
+ text: overlays.translate('DELETE'),
126
+ handler: () => {
127
+ if (this.lastCreatedId === node.id) {
128
+ this.lastCreatedId = null;
129
+ }
130
+ this.editor.removeNodeId('node-' + node.id);
131
+ this.onUpdate();
132
+ }
133
+ }],
134
+ className: 'width-unset',
135
+ hostElement
136
+ });
137
+ }
105
138
  toggleCollapsed(target) {
106
139
  var _a;
107
140
  if (((_a = target === null || target === void 0 ? void 0 : target.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'yoo-collapsible') {
@@ -162,13 +195,14 @@ const YooDrawFlowComponent = class {
162
195
  const template = `
163
196
  <div class="block-container">
164
197
  <yoo-collapsible
165
- class="bold full-width"
198
+ class="bold full-width drawfow"
166
199
  header="${overlays.translate(block.title)}"
167
200
  icon="${block.icon}"
168
201
  icon-color="${block.iconColor}"
169
202
  icon-size="medium"
170
203
  toggle-with-arrow-only="true"
171
204
  >
205
+ <yoo-icon slot="title-extra-icon" name="more" size="small"></yoo-icon>
172
206
  <slot name="block-${block.slotName}"></slot>
173
207
  </yoo-collapsible>
174
208
  </div>
@@ -176,8 +210,9 @@ const YooDrawFlowComponent = class {
176
210
  return template;
177
211
  }
178
212
  render() {
179
- var _a;
180
- return (index.h("div", { class: "drawflow-container" }, index.h("div", { ref: (el) => (this.containerEl = el), class: "outer-container" }), index.h("div", { class: "toolbar" }, index.h("yoo-icon", { name: "side-menu-collapse", size: "medium", onClick: () => this.onCollapseAll() }), index.h("yoo-icon", { name: "side-menu-expand", size: "medium", onClick: () => this.onExpandAll() }), index.h("div", { class: "spacing" }), index.h("yoo-icon", { name: ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.editor_mode) === 'fixed' ? 'unlocked' : 'lock', size: "medium", onClick: () => this.onToggleEditMode() }), index.h("div", { class: "spacing" }), index.h("yoo-icon", { name: "circle-minor", size: "medium", onClick: () => this.onZoomOut() }), index.h("yoo-icon", { name: "circle1", size: "medium", onClick: () => this.onZoomReset() }), index.h("yoo-icon", { name: "circle-plus", size: "medium", onClick: () => this.onZoomIn() }))));
213
+ var _a, _b;
214
+ // class needed for the context menu display
215
+ return index.h(index.Host, { class: "camera-container" }, index.h("div", { class: "drawflow-container" }, index.h("div", { ref: (el) => (this.containerEl = el), class: "outer-container" }), index.h("div", { class: "toolbar" }, index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWEXPANDALL') }, index.h("yoo-icon", { color: "light", name: "maximize-web", size: "medium", onClick: () => this.onExpandAll() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWCOLLAPSEALL') }, index.h("yoo-icon", { color: "light", name: "minimize-web", size: "medium", onClick: () => this.onCollapseAll() }))), index.h("div", { class: "flex" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate(((_a = this.editor) === null || _a === void 0 ? void 0 : _a.editor_mode) === 'fixed' ? 'YOOBICDRAWFLOWUNLOCK' : 'YOOBICDRAWFLOWLOCK') }, index.h("yoo-icon", { color: "light", name: ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.editor_mode) === 'fixed' ? 'unlocked' : 'lock', size: "medium", onClick: () => this.onToggleEditMode() }))), index.h("div", { class: "spacing" }), index.h("div", { class: "button-container" }, index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMRESET') }, index.h("yoo-icon", { color: "light", name: "gps", size: "medium", onClick: () => this.onZoomReset() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMOUT') }, index.h("yoo-icon", { color: "light", name: "zoom-out", size: "medium", onClick: () => this.onZoomOut() })), index.h("yoo-tooltip", { hoverable: true, placement: "top", content: overlays.translate('YOOBICDRAWFLOWZOOMIN') }, index.h("yoo-icon", { color: "light", name: "zoom-in", size: "medium", onClick: () => this.onZoomIn() }))))));
181
216
  }
182
217
  };
183
218
  YooDrawFlowComponent.style = drawFlowCss;
package/dist/cjs/yoo-form-dynamic.cjs.entry.js CHANGED
@@ -4422,7 +4422,7 @@ const YooFormDynamicComponent = class {
4422
4422
  categories: field.categories,
4423
4423
  values: field.values,
4424
4424
  images: field.images,
4425
- answer: field.complexAnswer,
4425
+ answer: field.answer || field.complexAnswer,
4426
4426
  isVisible: this.isCurrentSlide(slideIndex),
4427
4427
  numberSteps: this.steps && this.steps.length,
4428
4428
  mode: field.swipeMode,
package/dist/cjs/yoo-form-input-container.cjs.entry.js CHANGED
@@ -12,7 +12,7 @@ const overlays = require('./overlays-046b4f60.js');
12
12
  const localForage = require('./localForage-e9da21cc.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
14
14
 
15
- const formInputContainerCss = "/*!\n * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host(.mission){background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host(.mission.invalid),:host(.mission.invalid.readonly){background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host(.mission.readonly){margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission.readonly) .top-container .label .field-title-name,:host(.mission.readonly) .top-container .label .field-description,:host(.mission.readonly) .top-container .description .field-title-name,:host(.mission.readonly) .top-container .description .field-description{font-weight:bold;text-transform:uppercase}:host{--content-padding-top:var(--spacing-08, 0.5rem);--content-padding-bottom:initial;--field-title-color:var(--dark, #000000);--font-size-description:var(--font-size-28, 1.75rem);--field-title-font-weight:var(--font-weight-400, 400);--field-title-text-transform:unset;--sub-description-text-color:var(--text-color, #807f83);--sub-description-font-size:var(--font-size-16, 1rem);--right-side-margin:auto;display:block}:host yoo-tag.original-invalid,:host yoo-tag.original-modified,:host yoo-tag.not-compliant{--padding:var(--spacing-04, 0.25rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:normal;border-radius:var(--border-radius-04, 0.25rem)}:host .optional{margin-left:var(--spacing-08, 0.5rem) !important;color:var(--stable, #adadad);white-space:nowrap}:host .full-width{width:100%}:host .user{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;width:100%}:host .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .description .label,:host .description .optional,:host .top-container .label,:host .top-container .optional{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-400, 400);line-height:1.5;text-align:left;word-break:break-word;overflow-wrap:break-word}:host .description .label .required,:host .description .optional .required,:host .top-container .label .required,:host .top-container .optional .required{height:22px;margin-right:0.25rem;color:var(--danger, #d44333);font-weight:var(--font-weight-700, 700);font-size:var(--icon-size-02, 1.5rem);font-variant-caps:normal}:host .description .label .label-required,:host .description .optional .label-required,:host .top-container .label .label-required,:host .top-container .optional .label-required{margin-left:0.25rem;color:var(--danger, #d44333)}:host .description .label .right-side,:host .description .optional .right-side,:host .top-container .label .right-side,:host .top-container .optional .right-side{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--right-side-margin);color:var(--stable, #adadad)}:host .description .label .right-side yoo-icon.recent,:host .description .optional .right-side yoo-icon.recent,:host .top-container .label .right-side yoo-icon.recent,:host .top-container .optional .right-side yoo-icon.recent{fill:var(--text-color, #807f83)}:host .description .label.readonly,:host .description .optional.readonly,:host .top-container .label.readonly,:host .top-container .optional.readonly{color:var(--text-color, #807f83);letter-spacing:0;text-transform:initial;font-variant-caps:initial}:host .description .label.invalid .field-title-name,:host .description .optional.invalid .field-title-name,:host .top-container .label.invalid .field-title-name,:host .top-container .optional.invalid .field-title-name{color:var(--danger, #d44333)}:host .description .label.center,:host .description .optional.center,:host .top-container .label.center,:host .top-container .optional.center{text-align:center}:host .description .label.center span,:host .description .optional.center span,:host .top-container .label.center span,:host .top-container .optional.center span{margin:auto}:host .description .field-heading:not(.center),:host .top-container .field-heading:not(.center){font-size:var(--font-size-14, 0.875rem)}:host .description .field-heading:not(.center) .field-title-name,:host .top-container .field-heading:not(.center) .field-title-name{color:var(--field-title-color)}:host .description .field-heading:not(.center).password-title .field-title-name,:host .top-container .field-heading:not(.center).password-title .field-title-name{font-weight:var(--font-weight-400, 400)}:host .description .description,:host .top-container .description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;font-size:var(--font-size-16, 1rem)}:host .description .description span p,:host .top-container .description span p{margin-top:0;margin-bottom:var(--spacing-08, 0.5rem)}:host .description .description.invalid,:host .top-container .description.invalid{color:var(--danger, #d44333)}:host .description .description.slotted,:host .top-container .description.slotted{padding-right:var(--spacing-04, 0.25rem)}:host .description .description .required,:host .top-container .description .required{height:22px;height:var(--icon-size-02, 1.5rem);margin-right:0.25rem;color:var(--danger, #d44333);font-weight:var(--font-weight-700, 700);font-size:var(--icon-size-02, 1.5rem);font-variant-caps:normal}:host .description .description.sub-description,:host .top-container .description.sub-description{color:var(--sub-description-text-color);font-size:var(--sub-description-font-size);text-transform:var(--field-title-text-transform)}:host .description .media-description,:host .top-container .media-description{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .description .media-description>span:not(.optional),:host .top-container .media-description>span:not(.optional){width:100%}:host .description .media-description .extra-options-container,:host .top-container .media-description .extra-options-container{display:-ms-flexbox;display:flex}:host .description .media-description .extra-options-container yoo-icon.more,:host .top-container .media-description .extra-options-container yoo-icon.more{margin-left:auto}:host .description .media-description .more,:host .top-container .media-description .more{padding-left:var(--spacing-16, 1rem)}:host .description .field-title-name,:host .top-container .field-title-name{color:var(--field-title-color);font-weight:var(--field-title-font-weight);text-transform:var(--field-title-text-transform)}:host .hint-container{margin-top:0.25rem;margin-bottom:0.25rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);line-height:1.33;text-align:left}:host .footer-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem);padding-top:var(--spacing-16, 1rem);padding-bottom:0;padding-left:0.0625rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .footer-container.validation{margin-top:var(--spacing-08, 0.5rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .footer-container.validation.mobile{-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-16, 1rem);-ms-flex-align:start;align-items:flex-start}:host .footer-container.validation.mobile yoo-form-input-comments{width:100%}:host .footer-container .comment-container,:host .footer-container .feed-container,:host .footer-container .newtask{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:22px}:host .footer-container yoo-form-task{padding-left:var(--spacing-08, 0.5rem)}:host .footer-container yoo-icon{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;margin-right:var(--spacing-08, 0.5rem)}:host .footer-container .newtask{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-16, 1rem)}:host .footer-container .newtask .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.125rem}:host .footer-container .newtask .icon yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .content-container{position:relative;max-width:var(--content-max-width);padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom)}:host .content-container.sc-yoo-form-input-container{min-height:45px}:host .content-container.readonly{padding:0;overflow:hidden}:host .content-container yoo-form-toggle:not(.line){position:absolute;top:auto;right:0;bottom:0.25rem;left:auto}:host .content-container yoo-form-checkbox:not(.line){position:absolute;top:auto;right:0;bottom:0.25rem;left:auto}:host .content-container yoo-form-checkbox[type=normal]{position:absolute;top:-1.3rem;right:0;bottom:auto;left:auto}:host .content-container yoo-form-toggle[type=normal]{position:absolute;top:-1rem;right:0;bottom:auto;left:auto}:host .content-container .removable{position:absolute;top:0.3rem;right:1.5rem;display:none;color:var(--danger, #d44333)}:host .content-container:hover .removable{display:block}:host yoo-form-input-comments.readonly{margin-top:var(--spacing-16, 1rem)}:host yoo-form-input-comments.readonly.with-border-bottom{padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host .instructions{display:block;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);letter-spacing:normal}:host .instructions.under-title{margin:0 auto var(--spacing-32, 2rem)}:host .instructions.success{color:var(--success, #3aa76d)}:host .instructions.app-color{color:var(--app-color, #5a30f4)}:host .comment-container{margin-right:var(--spacing-16, 1rem)}:host(.line){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.line) .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.line) .top-container .label,:host(.line) .top-container .description{-ms-flex:1;flex:1;-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-08, 0.5rem)}:host(.line) .top-container .label{color:inherit;font-variant-caps:normal}:host(.line) .top-container .content-container{-ms-flex:0;flex:0;padding-top:0}:host(.line) .top-container .content-container yoo-form-checkbox{--margin-top-container:-0.5rem}:host(.line) .top-container .content-container.full-width{-ms-flex:1;flex:1}:host(.line) .top-container slot{-ms-flex:1;flex:1}:host(.no-padding-top) .content-container{padding-top:0 !important}:host(.line.reversed) .top-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.line.noborder){border-bottom:none}:host(.readonly){border:none}:host(.readonly) .top-container .field-title-name{color:var(--field-title-color)}:host(.readonly) .top-container.column{-ms-flex-direction:column;flex-direction:column}:host(.readonly) .top-container.column .description{-ms-flex-item-align:start;align-self:flex-start;margin-bottom:var(--spacing-16, 1rem);margin-left:0;color:var(--text-color, #807f83)}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-input),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-image-tagging),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-ranking),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-autocomplete){display:block;margin-top:var(--spacing-08, 0.5rem)}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-input).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-image-tagging).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-ranking).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-autocomplete).inline{margin-top:0}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-categorize-words),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-connect),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-swipe-cards){display:block;margin-top:var(--spacing-16, 1rem)}:host(.readonly.custom-width.inline-row:not(.label-top-aligned)) .top-container{-ms-flex-pack:center;justify-content:center}:host(.readonly.inline-row:not(.label-top-aligned)) ::slotted(yoo-form-autocomplete){margin-top:0}:host(:not(.lesson).readonly){--field-title-font-weight:var(--font-weight-700, 700)}:host(:not(.lesson).readonly) .top-container .label.readonly{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host(.form-readonly){padding:var(--spacing-08, 0.5rem) 0}:host(.form-readonly[size=small]){padding:0}:host(.form-readonly.quickview) .description .label .right-side,:host(.form-readonly.quickview) .description .optional .right-side,:host(.form-readonly.quickview) .top-container .label .right-side,:host(.form-readonly.quickview) .top-container .optional .right-side{color:var(--dark, #000000)}:host(.form-readonly.quickview) .description .label .right-side yoo-icon.recent,:host(.form-readonly.quickview) .description .optional .right-side yoo-icon.recent,:host(.form-readonly.quickview) .top-container .label .right-side yoo-icon.recent,:host(.form-readonly.quickview) .top-container .optional .right-side yoo-icon.recent{fill:var(--dark, #000000)}:host(.form-readonly.quickview) .description .label.readonly,:host(.form-readonly.quickview) .description .optional.readonly,:host(.form-readonly.quickview) .top-container .label.readonly,:host(.form-readonly.quickview) .top-container .optional.readonly{color:var(--dark, #000000)}:host(.form-readonly.quickview) .description .field-heading:not(.center) .field-title-name,:host(.form-readonly.quickview) .top-container .field-heading:not(.center) .field-title-name{color:var(--field-title-color)}:host(.form-readonly.quickview) .description .field-title-name,:host(.form-readonly.quickview) .top-container .field-title-name{color:var(--field-title-color)}:host(:not(.lesson)) .description span p{margin-bottom:0}:host(:not(.lesson)) p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:host(.lesson){--content-padding-bottom:var(--spacing-16, 1rem);--font-size-title-name:var(--font-size-28, 1.75rem);--font-weight-title-name:var(--font-weight-700, 700);--text-tranform-title-name:none}:host(.lesson) .top-container .label{margin-bottom:var(--spacing-08, 0.5rem)}:host(.lesson) .top-container .content-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host(.lesson) .top-container .description{margin-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-description)}:host(.lesson) .top-container .media-description{font-size:var(--font-size-16, 1rem)}:host(.lesson) .title.within-chat,:host(.lesson) .field-title-name{color:var(--field-title-color);font-weight:var(--font-weight-title-name);font-size:var(--font-size-title-name);text-transform:var(--text-tranform-title-name)}:host(.textsequence) .top-container{height:100%}:host(.textsequence) .top-container .content-container{height:100%}:host(.textsequence) .top-container .content-container ::slotted(yoo-text-sequence){max-width:40rem;height:100%;margin:0 auto}:host(.mobile) .content-container .removable{display:block}:host(.web.lesson:not(.lesson-live-preview)){display:-ms-flexbox;display:flex;padding:0 !important}:host(.web.lesson:not(.lesson-live-preview)) .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 2rem);margin:0 auto;padding:var(--spacing-32, 2rem) !important;padding-top:var(--spacing-16, 1rem) !important;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s}@media print{:host .top-container hr,:host .top-container .description,:host .top-container .label{page-break-after:avoid !important}:host .top-container .content-container{page-break-before:avoid !important}}:host(.accent) .hint-container{color:var(--accent-20, rgba(39, 110, 241, 0.2))}:host(.accent) .description{color:var(--accent, #276ef1)}:host(.dark) .hint-container{color:var(--stable-alt, #d0d0d0)}:host(.dark) .description{color:var(--dark, #000000)}:host(.danger) .hint-container{color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host(.danger) .description{color:var(--danger, #d44333)}:host(.success) .hint-container{color:var(--success-20, rgba(58, 167, 109, 0.2))}:host(.success) .description{color:var(--success, #3aa76d)}:host(.app-color) .hint-container{color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.app-color) .description{color:var(--app-color, #5a30f4)}:host(.warning) .hint-container{color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host(.warning) .description{color:var(--warning, #ed6e33)}:host(.info) .hint-container{color:var(--info-20, rgba(216, 76, 150, 0.2))}:host(.info) .description{color:var(--info, #d84c96)}:host(.stable) .hint-container{color:var(--stable, #adadad)}:host(.stable) .description{color:var(--stable, #adadad)}:host(.readonly.web:not(.preview)) .top-container .label>span.field-title-name{white-space:normal}:host(.web:not(.preview)){--label-padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.preview)) .top-container .label{padding-top:var(--label-padding-top)}:host(.web.operator){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;padding:0}:host(.web.operator) .top-container .content-container{padding:0 0 var(--spacing-04, 0.25rem) 0}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.grid),:host(.audience){position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.grid) .top-container,:host(.audience) .top-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.grid) .top-container .content-container,:host(.audience) .top-container .content-container{-ms-flex:1;flex:1;margin:0;margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-04, 0.25rem)}:host(.openinghours) .content-container.readonly{overflow:visible}:host(.lesson-detail.readonly) .top-container .label.readonly{padding-top:unset;font-size:var(--font-size-16, 1rem);text-transform:unset}:host([animated].number.lesson) .description,:host([animated].number.lesson) .label,:host([animated].number.lesson) .instructions,:host([animated].number.lesson) .content-container{-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated].number.lesson) .description,:host([animated].number.lesson) .label{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}:host([animated].number.lesson) .instructions{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse));-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated].number.lesson) .content-container{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width));-webkit-animation-delay:500ms;animation-delay:500ms}:host([animated].mobile.number.lesson) .description,:host([animated].mobile.number.lesson) .label{-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated].mobile.number.lesson) .instructions{-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated].mobile.number.lesson) .content-container{-webkit-animation-delay:700ms;animation-delay:700ms}:host([animated].selectimage.lesson) .description,:host([animated].selectimage.lesson) .label{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse));-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes sliding-from-left{from{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes sliding-from-left{from{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes sliding-from-right{from{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes sliding-from-right{from{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width))}to{-webkit-transform:translateX(0);transform:translateX(0)}}:host(.inline-row:not(.label-top-aligned)) .top-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.inline-row:not(.label-top-aligned)) .top-container .label{width:auto;min-width:5rem;margin-right:var(--spacing-08, 0.5rem)}:host(.inline-row:not(.label-top-aligned)) .top-container .label.readonly{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:0}:host(.inline-row:not(.label-top-aligned)) .top-container .content-container{width:100%}:host(.inline-row:not(.label-top-aligned)) .top-container .content-container.readonly{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.inline-row.label-right-aligned) .top-container .label>span{width:100%;padding-right:var(--spacing-08, 0.5rem);text-align:right}:host(.fast-scoring) .top-container{padding-top:var(--spacing-16, 1rem)}:host([hidden]){display:none}:host(.hotzonecreator) .label,:host(.imagemapcreator) .label{display:none}:host(.confidence) .top-container{height:100%}:host(.confidence) .top-container .label{display:none}:host(.confidence) .top-container .content-container{height:100%;background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.web.lesson:not(.lesson-live-preview).confidence) .top-container{padding:0 !important}:host(.mission-validation) .top-container .label{font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}";
15
+ const formInputContainerCss = "/*!\n * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}:host(.swipecards) .top-container{height:100%}:host(.swipecards) .top-container .content-container{height:100% !important}:host(.mission){background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host(.mission.invalid),:host(.mission.invalid.readonly){background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host(.mission.readonly){margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission.readonly) .top-container .label .field-title-name,:host(.mission.readonly) .top-container .label .field-description,:host(.mission.readonly) .top-container .description .field-title-name,:host(.mission.readonly) .top-container .description .field-description{font-weight:bold;text-transform:uppercase}:host{--content-padding-top:var(--spacing-08, 0.5rem);--content-padding-bottom:initial;--field-title-color:var(--dark, #000000);--font-size-description:var(--font-size-28, 1.75rem);--field-title-font-weight:var(--font-weight-400, 400);--field-title-text-transform:unset;--sub-description-text-color:var(--text-color, #807f83);--sub-description-font-size:var(--font-size-16, 1rem);--right-side-margin:auto;display:block}:host yoo-tag.original-invalid,:host yoo-tag.original-modified,:host yoo-tag.not-compliant{--padding:var(--spacing-04, 0.25rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:normal;border-radius:var(--border-radius-04, 0.25rem)}:host .optional{margin-left:var(--spacing-08, 0.5rem) !important;color:var(--stable, #adadad);white-space:nowrap}:host .full-width{width:100%}:host .user{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;width:100%}:host .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .description .label,:host .description .optional,:host .top-container .label,:host .top-container .optional{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-400, 400);line-height:1.5;text-align:left;word-break:break-word;overflow-wrap:break-word}:host .description .label .required,:host .description .optional .required,:host .top-container .label .required,:host .top-container .optional .required{height:22px;margin-right:0.25rem;color:var(--danger, #d44333);font-weight:var(--font-weight-700, 700);font-size:var(--icon-size-02, 1.5rem);font-variant-caps:normal}:host .description .label .label-required,:host .description .optional .label-required,:host .top-container .label .label-required,:host .top-container .optional .label-required{margin-left:0.25rem;color:var(--danger, #d44333)}:host .description .label .right-side,:host .description .optional .right-side,:host .top-container .label .right-side,:host .top-container .optional .right-side{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--right-side-margin);color:var(--stable, #adadad)}:host .description .label .right-side yoo-icon.recent,:host .description .optional .right-side yoo-icon.recent,:host .top-container .label .right-side yoo-icon.recent,:host .top-container .optional .right-side yoo-icon.recent{fill:var(--text-color, #807f83)}:host .description .label.readonly,:host .description .optional.readonly,:host .top-container .label.readonly,:host .top-container .optional.readonly{color:var(--text-color, #807f83);letter-spacing:0;text-transform:initial;font-variant-caps:initial}:host .description .label.invalid .field-title-name,:host .description .optional.invalid .field-title-name,:host .top-container .label.invalid .field-title-name,:host .top-container .optional.invalid .field-title-name{color:var(--danger, #d44333)}:host .description .label.center,:host .description .optional.center,:host .top-container .label.center,:host .top-container .optional.center{text-align:center}:host .description .label.center span,:host .description .optional.center span,:host .top-container .label.center span,:host .top-container .optional.center span{margin:auto}:host .description .field-heading:not(.center),:host .top-container .field-heading:not(.center){font-size:var(--font-size-14, 0.875rem)}:host .description .field-heading:not(.center) .field-title-name,:host .top-container .field-heading:not(.center) .field-title-name{color:var(--field-title-color)}:host .description .field-heading:not(.center).password-title .field-title-name,:host .top-container .field-heading:not(.center).password-title .field-title-name{font-weight:var(--font-weight-400, 400)}:host .description .description,:host .top-container .description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;font-size:var(--font-size-16, 1rem)}:host .description .description span p,:host .top-container .description span p{margin-top:0;margin-bottom:var(--spacing-08, 0.5rem)}:host .description .description.invalid,:host .top-container .description.invalid{color:var(--danger, #d44333)}:host .description .description.slotted,:host .top-container .description.slotted{padding-right:var(--spacing-04, 0.25rem)}:host .description .description .required,:host .top-container .description .required{height:22px;height:var(--icon-size-02, 1.5rem);margin-right:0.25rem;color:var(--danger, #d44333);font-weight:var(--font-weight-700, 700);font-size:var(--icon-size-02, 1.5rem);font-variant-caps:normal}:host .description .description.sub-description,:host .top-container .description.sub-description{color:var(--sub-description-text-color);font-size:var(--sub-description-font-size);text-transform:var(--field-title-text-transform)}:host .description .media-description,:host .top-container .media-description{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .description .media-description>span:not(.optional),:host .top-container .media-description>span:not(.optional){width:100%}:host .description .media-description .extra-options-container,:host .top-container .media-description .extra-options-container{display:-ms-flexbox;display:flex}:host .description .media-description .extra-options-container yoo-icon.more,:host .top-container .media-description .extra-options-container yoo-icon.more{margin-left:auto}:host .description .media-description .more,:host .top-container .media-description .more{padding-left:var(--spacing-16, 1rem)}:host .description .field-title-name,:host .top-container .field-title-name{color:var(--field-title-color);font-weight:var(--field-title-font-weight);text-transform:var(--field-title-text-transform)}:host .hint-container{margin-top:0.25rem;margin-bottom:0.25rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);line-height:1.33;text-align:left}:host .footer-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem);padding-top:var(--spacing-16, 1rem);padding-bottom:0;padding-left:0.0625rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .footer-container.validation{margin-top:var(--spacing-08, 0.5rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .footer-container.validation.mobile{-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-16, 1rem);-ms-flex-align:start;align-items:flex-start}:host .footer-container.validation.mobile yoo-form-input-comments{width:100%}:host .footer-container .comment-container,:host .footer-container .feed-container,:host .footer-container .newtask{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:22px}:host .footer-container yoo-form-task{padding-left:var(--spacing-08, 0.5rem)}:host .footer-container yoo-icon{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;margin-right:var(--spacing-08, 0.5rem)}:host .footer-container .newtask{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-16, 1rem)}:host .footer-container .newtask .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.125rem}:host .footer-container .newtask .icon yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .content-container{position:relative;max-width:var(--content-max-width);padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom)}:host .content-container.sc-yoo-form-input-container{min-height:45px}:host .content-container.readonly{padding:0;overflow:hidden}:host .content-container yoo-form-toggle:not(.line){position:absolute;top:auto;right:0;bottom:0.25rem;left:auto}:host .content-container yoo-form-checkbox:not(.line){position:absolute;top:auto;right:0;bottom:0.25rem;left:auto}:host .content-container yoo-form-checkbox[type=normal]{position:absolute;top:-1.3rem;right:0;bottom:auto;left:auto}:host .content-container yoo-form-toggle[type=normal]{position:absolute;top:-1rem;right:0;bottom:auto;left:auto}:host .content-container .removable{position:absolute;top:0.3rem;right:1.5rem;display:none;color:var(--danger, #d44333)}:host .content-container:hover .removable{display:block}:host yoo-form-input-comments.readonly{margin-top:var(--spacing-16, 1rem)}:host yoo-form-input-comments.readonly.with-border-bottom{padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host .instructions{display:block;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);letter-spacing:normal}:host .instructions.under-title{margin:0 auto var(--spacing-32, 2rem)}:host .instructions.success{color:var(--success, #3aa76d)}:host .instructions.app-color{color:var(--app-color, #5a30f4)}:host .comment-container{margin-right:var(--spacing-16, 1rem)}:host(.line){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.line) .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.line) .top-container .label,:host(.line) .top-container .description{-ms-flex:1;flex:1;-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-08, 0.5rem)}:host(.line) .top-container .label{color:inherit;font-variant-caps:normal}:host(.line) .top-container .content-container{-ms-flex:0;flex:0;padding-top:0}:host(.line) .top-container .content-container yoo-form-checkbox{--margin-top-container:-0.5rem}:host(.line) .top-container .content-container.full-width{-ms-flex:1;flex:1}:host(.line) .top-container slot{-ms-flex:1;flex:1}:host(.no-padding-top) .content-container{padding-top:0 !important}:host(.line.reversed) .top-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.line.noborder){border-bottom:none}:host(.readonly){border:none}:host(.readonly) .top-container .field-title-name{color:var(--field-title-color)}:host(.readonly) .top-container.column{-ms-flex-direction:column;flex-direction:column}:host(.readonly) .top-container.column .description{-ms-flex-item-align:start;align-self:flex-start;margin-bottom:var(--spacing-16, 1rem);margin-left:0;color:var(--text-color, #807f83)}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-input),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-image-tagging),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-ranking),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-autocomplete){display:block;margin-top:var(--spacing-08, 0.5rem)}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-input).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-image-tagging).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-ranking).inline,:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-autocomplete).inline{margin-top:0}:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-categorize-words),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-connect),:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-swipe-cards){display:block;margin-top:var(--spacing-16, 1rem)}:host(.readonly.custom-width.inline-row:not(.label-top-aligned)) .top-container{-ms-flex-pack:center;justify-content:center}:host(.readonly.inline-row:not(.label-top-aligned)) ::slotted(yoo-form-autocomplete){margin-top:0}:host(:not(.lesson).readonly){--field-title-font-weight:var(--font-weight-700, 700)}:host(:not(.lesson).readonly) .top-container .label.readonly{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host(.form-readonly){padding:var(--spacing-08, 0.5rem) 0}:host(.form-readonly[size=small]){padding:0}:host(.form-readonly.quickview) .description .label .right-side,:host(.form-readonly.quickview) .description .optional .right-side,:host(.form-readonly.quickview) .top-container .label .right-side,:host(.form-readonly.quickview) .top-container .optional .right-side{color:var(--dark, #000000)}:host(.form-readonly.quickview) .description .label .right-side yoo-icon.recent,:host(.form-readonly.quickview) .description .optional .right-side yoo-icon.recent,:host(.form-readonly.quickview) .top-container .label .right-side yoo-icon.recent,:host(.form-readonly.quickview) .top-container .optional .right-side yoo-icon.recent{fill:var(--dark, #000000)}:host(.form-readonly.quickview) .description .label.readonly,:host(.form-readonly.quickview) .description .optional.readonly,:host(.form-readonly.quickview) .top-container .label.readonly,:host(.form-readonly.quickview) .top-container .optional.readonly{color:var(--dark, #000000)}:host(.form-readonly.quickview) .description .field-heading:not(.center) .field-title-name,:host(.form-readonly.quickview) .top-container .field-heading:not(.center) .field-title-name{color:var(--field-title-color)}:host(.form-readonly.quickview) .description .field-title-name,:host(.form-readonly.quickview) .top-container .field-title-name{color:var(--field-title-color)}:host(:not(.lesson)) .description span p{margin-bottom:0}:host(:not(.lesson)) p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:host(.lesson){--content-padding-bottom:var(--spacing-16, 1rem);--font-size-title-name:var(--font-size-28, 1.75rem);--font-weight-title-name:var(--font-weight-700, 700);--text-tranform-title-name:none}:host(.lesson) .top-container .label{margin-bottom:var(--spacing-08, 0.5rem)}:host(.lesson) .top-container .content-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host(.lesson) .top-container .description{margin-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-description)}:host(.lesson) .top-container .media-description{font-size:var(--font-size-16, 1rem)}:host(.lesson) .title.within-chat,:host(.lesson) .field-title-name{color:var(--field-title-color);font-weight:var(--font-weight-title-name);font-size:var(--font-size-title-name);text-transform:var(--text-tranform-title-name)}:host(.textsequence) .top-container{height:100%}:host(.textsequence) .top-container .content-container{height:100%}:host(.textsequence) .top-container .content-container ::slotted(yoo-text-sequence){max-width:40rem;height:100%;margin:0 auto}:host(.mobile) .content-container .removable{display:block}:host(.web.lesson:not(.lesson-live-preview)){display:-ms-flexbox;display:flex;padding:0 !important}:host(.web.lesson:not(.lesson-live-preview)) .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 2rem);margin:0 auto;padding:var(--spacing-32, 2rem) !important;padding-top:var(--spacing-16, 1rem) !important;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s}@media print{:host .top-container hr,:host .top-container .description,:host .top-container .label{page-break-after:avoid !important}:host .top-container .content-container{page-break-before:avoid !important}}:host(.accent) .hint-container{color:var(--accent-20, rgba(39, 110, 241, 0.2))}:host(.accent) .description{color:var(--accent, #276ef1)}:host(.dark) .hint-container{color:var(--stable-alt, #d0d0d0)}:host(.dark) .description{color:var(--dark, #000000)}:host(.danger) .hint-container{color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host(.danger) .description{color:var(--danger, #d44333)}:host(.success) .hint-container{color:var(--success-20, rgba(58, 167, 109, 0.2))}:host(.success) .description{color:var(--success, #3aa76d)}:host(.app-color) .hint-container{color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.app-color) .description{color:var(--app-color, #5a30f4)}:host(.warning) .hint-container{color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host(.warning) .description{color:var(--warning, #ed6e33)}:host(.info) .hint-container{color:var(--info-20, rgba(216, 76, 150, 0.2))}:host(.info) .description{color:var(--info, #d84c96)}:host(.stable) .hint-container{color:var(--stable, #adadad)}:host(.stable) .description{color:var(--stable, #adadad)}:host(.readonly.web:not(.preview)) .top-container .label>span.field-title-name{white-space:normal}:host(.web:not(.preview)){--label-padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.preview)) .top-container .label{padding-top:var(--label-padding-top)}:host(.web.operator){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2rem;padding:0}:host(.web.operator) .top-container .content-container{padding:0 0 var(--spacing-04, 0.25rem) 0}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.grid),:host(.audience){position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.grid) .top-container,:host(.audience) .top-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.grid) .top-container .content-container,:host(.audience) .top-container .content-container{-ms-flex:1;flex:1;margin:0;margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-04, 0.25rem)}:host(.openinghours) .content-container.readonly{overflow:visible}:host(.lesson-detail.readonly) .top-container .label.readonly{padding-top:unset;font-size:var(--font-size-16, 1rem);text-transform:unset}:host([animated].number.lesson) .description,:host([animated].number.lesson) .label,:host([animated].number.lesson) .instructions,:host([animated].number.lesson) .content-container{-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated].number.lesson) .description,:host([animated].number.lesson) .label{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}:host([animated].number.lesson) .instructions{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse));-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated].number.lesson) .content-container{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width));-webkit-animation-delay:500ms;animation-delay:500ms}:host([animated].mobile.number.lesson) .description,:host([animated].mobile.number.lesson) .label{-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated].mobile.number.lesson) .instructions{-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated].mobile.number.lesson) .content-container{-webkit-animation-delay:700ms;animation-delay:700ms}:host([animated].selectimage.lesson) .description,:host([animated].selectimage.lesson) .label{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse));-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes sliding-from-left{from{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes sliding-from-left{from{-webkit-transform:translateX(var(--container-width-reverse));transform:translateX(var(--container-width-reverse))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes sliding-from-right{from{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width))}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes sliding-from-right{from{-webkit-transform:translateX(var(--container-width));transform:translateX(var(--container-width))}to{-webkit-transform:translateX(0);transform:translateX(0)}}:host(.inline-row:not(.label-top-aligned)) .top-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.inline-row:not(.label-top-aligned)) .top-container .label{width:auto;min-width:5rem;margin-right:var(--spacing-08, 0.5rem)}:host(.inline-row:not(.label-top-aligned)) .top-container .label.readonly{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-top:0}:host(.inline-row:not(.label-top-aligned)) .top-container .content-container{width:100%}:host(.inline-row:not(.label-top-aligned)) .top-container .content-container.readonly{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.inline-row.label-right-aligned) .top-container .label>span{width:100%;padding-right:var(--spacing-08, 0.5rem);text-align:right}:host(.fast-scoring) .top-container{padding-top:var(--spacing-16, 1rem)}:host([hidden]){display:none}:host(.hotzonecreator) .label,:host(.imagemapcreator) .label{display:none}:host(.confidence) .top-container{height:100%}:host(.confidence) .top-container .label{display:none}:host(.confidence) .top-container .content-container{height:100%;background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.web.lesson:not(.lesson-live-preview).confidence) .top-container{padding:0 !important}:host(.mission-validation) .top-container .label{font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}";
16
16
 
17
17
  const YooFormInputContainerComponent = class {
18
18
  constructor(hostRef) {
package/dist/cjs/yoo-form-signature-pad-dialog.cjs.entry.js CHANGED
@@ -11,7 +11,7 @@ require('./index-f6133645.js');
11
11
  require('./_commonjsHelpers-94df2ea7.js');
12
12
 
13
13
  /*!
14
- * Signature Pad v4.0.6 | https://github.com/szimek/signature_pad
14
+ * Signature Pad v4.0.7 | https://github.com/szimek/signature_pad
15
15
  * (c) 2022 Szymon Nowak | Released under the MIT license
16
16
  */
17
17
 
@@ -300,10 +300,10 @@ class SignaturePad extends SignatureEventTarget {
300
300
  this.canvas.style.userSelect = 'auto';
301
301
  this.canvas.removeEventListener('pointerdown', this._handlePointerStart);
302
302
  this.canvas.removeEventListener('pointermove', this._handlePointerMove);
303
- document.removeEventListener('pointerup', this._handlePointerEnd);
303
+ this.canvas.ownerDocument.removeEventListener('pointerup', this._handlePointerEnd);
304
304
  this.canvas.removeEventListener('mousedown', this._handleMouseDown);
305
305
  this.canvas.removeEventListener('mousemove', this._handleMouseMove);
306
- document.removeEventListener('mouseup', this._handleMouseUp);
306
+ this.canvas.ownerDocument.removeEventListener('mouseup', this._handleMouseUp);
307
307
  this.canvas.removeEventListener('touchstart', this._handleTouchStart);
308
308
  this.canvas.removeEventListener('touchmove', this._handleTouchMove);
309
309
  this.canvas.removeEventListener('touchend', this._handleTouchEnd);
@@ -390,13 +390,13 @@ class SignaturePad extends SignatureEventTarget {
390
390
  this._drawningStroke = false;
391
391
  this.canvas.addEventListener('pointerdown', this._handlePointerStart);
392
392
  this.canvas.addEventListener('pointermove', this._handlePointerMove);
393
- document.addEventListener('pointerup', this._handlePointerEnd);
393
+ this.canvas.ownerDocument.addEventListener('pointerup', this._handlePointerEnd);
394
394
  }
395
395
  _handleMouseEvents() {
396
396
  this._drawningStroke = false;
397
397
  this.canvas.addEventListener('mousedown', this._handleMouseDown);
398
398
  this.canvas.addEventListener('mousemove', this._handleMouseMove);
399
- document.addEventListener('mouseup', this._handleMouseUp);
399
+ this.canvas.ownerDocument.addEventListener('mouseup', this._handleMouseUp);
400
400
  }
401
401
  _handleTouchEvents() {
402
402
  this.canvas.addEventListener('touchstart', this._handleTouchStart);