@getflip/swirl-components-react 0.10.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/dist/{_commonjsHelpers-44457d8d.ba94af77.js → _commonjsHelpers-10467d11.b7d83301.js} +0 -0
  2. package/dist/balancetext-31f1ec68.bd1c1b2d.js +189 -0
  3. package/dist/file-manager.entry.7a321755.js +58 -0
  4. package/dist/{floating-ui.dom.esm-1a4e8b8a.87557233.js → floating-ui.dom.esm-b9f28f6d.15013ef7.js} +0 -0
  5. package/dist/{index-6d2e18c6.289636d4.js → index-47862d62.75c2fcf1.js} +1 -1
  6. package/dist/index.149af511.js +1394 -0
  7. package/dist/stencil-generated/index.d.ts +169 -157
  8. package/dist/swirl-action-list-item.entry.6548a6f0.js +34 -0
  9. package/dist/swirl-action-list-section.entry.e12fe159.js +15 -0
  10. package/dist/{flip-action-list.entry.7bdcff2f.js → swirl-action-list.entry.21644ba6.js} +3 -3
  11. package/dist/{flip-app-layout_5.entry.6e395cd4.js → swirl-app-layout_5.entry.9703e919.js} +28 -24
  12. package/dist/swirl-autocomplete.entry.4bad6cbf.js +70 -0
  13. package/dist/swirl-avatar-group.entry.d41bfa97.js +29 -0
  14. package/dist/{flip-avatar.entry.f5cb1fd9.js → swirl-avatar.entry.c81909ad.js} +8 -8
  15. package/dist/swirl-badge.entry.7bd8bbda.js +20 -0
  16. package/dist/swirl-banner.entry.ef0143b1.js +49 -0
  17. package/dist/swirl-button-group.entry.60578a80.js +20 -0
  18. package/dist/swirl-button.entry.167120c6.js +52 -0
  19. package/dist/{flip-card.entry.66635d0b.js → swirl-card.entry.47b41ce9.js} +4 -4
  20. package/dist/swirl-checkbox.entry.37c16abe.js +30 -0
  21. package/dist/{flip-chip.entry.2d504566.js → swirl-chip.entry.89c2c730.js} +23 -15
  22. package/dist/swirl-components-react.js +171 -159
  23. package/dist/swirl-components-react.umd.cjs +76 -46
  24. package/dist/{flip-console-layout.entry.0b474308.js → swirl-console-layout.entry.61b9ad81.js} +22 -22
  25. package/dist/{flip-date-input.entry.462f9e2d.js → swirl-date-input.entry.f0f6d6ee.js} +633 -623
  26. package/dist/swirl-date-picker_2.entry.91531b84.js +37 -0
  27. package/dist/{flip-description-list-item.entry.2ea98099.js → swirl-description-list-item.entry.99c83045.js} +18 -3
  28. package/dist/{flip-description-list.entry.c08605e6.js → swirl-description-list.entry.724f88d9.js} +5 -5
  29. package/dist/swirl-dialog.entry.b50cfdb2.js +45 -0
  30. package/dist/swirl-file-uploader.entry.f8afd2d4.js +32 -0
  31. package/dist/{flip-file-viewer_7.entry.8d39ace2.js → swirl-file-viewer_7.entry.8973a210.js} +20 -20
  32. package/dist/swirl-form-control.entry.bc87b691.js +70 -0
  33. package/dist/swirl-form-group.entry.674e8b3f.js +18 -0
  34. package/dist/swirl-heading.entry.8e9ded19.js +28 -0
  35. package/dist/swirl-icon-add-photo.entry.5a20015c.js +18 -0
  36. package/dist/swirl-icon-add_4.entry.0844d9ca.js +51 -0
  37. package/dist/swirl-icon-admin-panel-settings.entry.8f932fe7.js +18 -0
  38. package/dist/swirl-icon-arrow-back.entry.c9c0cd69.js +18 -0
  39. package/dist/swirl-icon-arrow-downward_2.entry.03e4f1bc.js +29 -0
  40. package/dist/swirl-icon-arrow-forward.entry.965aa3ee.js +18 -0
  41. package/dist/swirl-icon-arrow-left_3.entry.5cddfb42.js +40 -0
  42. package/dist/swirl-icon-arrow-right-small.entry.53b648b8.js +18 -0
  43. package/dist/swirl-icon-attachment.entry.302569e9.js +18 -0
  44. package/dist/swirl-icon-block.entry.79c5f2b2.js +18 -0
  45. package/dist/swirl-icon-cancel_4.entry.31c7f7d7.js +51 -0
  46. package/dist/swirl-icon-chat-bubble.entry.ac1cbfcd.js +18 -0
  47. package/dist/swirl-icon-chats-filled.entry.18c0e11a.js +18 -0
  48. package/dist/swirl-icon-chats-outlined.entry.af240396.js +18 -0
  49. package/dist/swirl-icon-check-circle.entry.4c0304e9.js +18 -0
  50. package/dist/swirl-icon-check-small_4.entry.c7292189.js +1468 -0
  51. package/dist/swirl-icon-check-strong.entry.0e1ebe49.js +18 -0
  52. package/dist/swirl-icon-check.entry.bb609d4c.js +18 -0
  53. package/dist/swirl-icon-chevron-left.entry.0faf5ceb.js +18 -0
  54. package/dist/swirl-icon-chevron-right.entry.9b9edbac.js +18 -0
  55. package/dist/swirl-icon-close-small.entry.47516cb5.js +18 -0
  56. package/dist/swirl-icon-close.entry.f20dd2d1.js +18 -0
  57. package/dist/swirl-icon-cloud-upload.entry.5307cd46.js +18 -0
  58. package/dist/swirl-icon-column.entry.fb461b40.js +18 -0
  59. package/dist/swirl-icon-comment.entry.7bfbd903.js +18 -0
  60. package/dist/swirl-icon-copy.entry.4c17082a.js +18 -0
  61. package/dist/swirl-icon-date-range.entry.c8ce6402.js +18 -0
  62. package/dist/swirl-icon-delete.entry.6d3a6a54.js +18 -0
  63. package/dist/swirl-icon-description.entry.060d019c.js +18 -0
  64. package/dist/swirl-icon-edit.entry.329a25ea.js +18 -0
  65. package/dist/swirl-icon-emoji-mood.entry.3fbee1e1.js +18 -0
  66. package/dist/swirl-icon-emoji-satisfied.entry.9fc1863d.js +18 -0
  67. package/dist/swirl-icon-error_3.entry.8209c557.js +58 -0
  68. package/dist/swirl-icon-expand-more.entry.b2e0a30c.js +18 -0
  69. package/dist/swirl-icon-file.entry.c0e82b43.js +18 -0
  70. package/dist/swirl-icon-filter.entry.e26fa57c.js +18 -0
  71. package/dist/swirl-icon-folder-shared.entry.0169b375.js +18 -0
  72. package/dist/swirl-icon-group-assign.entry.70e80a6e.js +18 -0
  73. package/dist/swirl-icon-groups-custom.entry.d16f5fb9.js +18 -0
  74. package/dist/swirl-icon-groups-filled.entry.6cccc3d3.js +18 -0
  75. package/dist/swirl-icon-groups-outlined.entry.2bf03f93.js +18 -0
  76. package/dist/swirl-icon-groups.entry.cbc420c1.js +18 -0
  77. package/dist/swirl-icon-help.entry.bca2c9e9.js +18 -0
  78. package/dist/swirl-icon-image.entry.67457d50.js +18 -0
  79. package/dist/swirl-icon-info.entry.0ee58aeb.js +18 -0
  80. package/dist/swirl-icon-inventory.entry.1548c8b5.js +18 -0
  81. package/dist/swirl-icon-like.entry.e9d549b8.js +18 -0
  82. package/dist/swirl-icon-link.entry.c442143c.js +18 -0
  83. package/dist/swirl-icon-lock.entry.d84f882b.js +18 -0
  84. package/dist/swirl-icon-logout.entry.7a6a96d3.js +18 -0
  85. package/dist/swirl-icon-mail.entry.a7b7df7b.js +18 -0
  86. package/dist/swirl-icon-manage-accounts.entry.fe2691fc.js +18 -0
  87. package/dist/swirl-icon-mention.entry.c0368650.js +18 -0
  88. package/dist/swirl-icon-menu-filled.entry.06cced02.js +18 -0
  89. package/dist/swirl-icon-menu-outlined.entry.89dca403.js +18 -0
  90. package/dist/swirl-icon-menu.entry.ff253f8f.js +18 -0
  91. package/dist/swirl-icon-message.entry.b7d9f581.js +18 -0
  92. package/dist/swirl-icon-more-horizontal.entry.407e51c1.js +18 -0
  93. package/dist/swirl-icon-more-vertikal.entry.718f85e0.js +18 -0
  94. package/dist/swirl-icon-news-filled.entry.5134e640.js +18 -0
  95. package/dist/swirl-icon-news-outlined.entry.9c0931c4.js +18 -0
  96. package/dist/swirl-icon-notifications-active.entry.c47bbb94.js +18 -0
  97. package/dist/swirl-icon-notifications-off.entry.d5933059.js +18 -0
  98. package/dist/swirl-icon-notifications.entry.b945b795.js +18 -0
  99. package/dist/swirl-icon-open-in-new.entry.98a7ed82.js +18 -0
  100. package/dist/swirl-icon-people-alt.entry.646cfc3d.js +18 -0
  101. package/dist/swirl-icon-person-off.entry.f5db1b83.js +18 -0
  102. package/dist/swirl-icon-person.entry.4b5b54cb.js +18 -0
  103. package/dist/swirl-icon-phone.entry.f6c4012a.js +18 -0
  104. package/dist/swirl-icon-poll.entry.9ee6b1d2.js +18 -0
  105. package/dist/swirl-icon-print.entry.37f08abb.js +18 -0
  106. package/dist/swirl-icon-recieved.entry.f79a1343.js +18 -0
  107. package/dist/swirl-icon-search-strong.entry.6752b238.js +18 -0
  108. package/dist/swirl-icon-search.entry.d152e72f.js +18 -0
  109. package/dist/swirl-icon-send.entry.cafcc526.js +18 -0
  110. package/dist/swirl-icon-settings.entry.cdd23f77.js +18 -0
  111. package/dist/swirl-icon-sync.entry.37eed48f.js +18 -0
  112. package/dist/swirl-icon-tasks-filled.entry.629446b0.js +18 -0
  113. package/dist/swirl-icon-tasks-outlined.entry.21e25bc3.js +18 -0
  114. package/dist/swirl-icon-time-filled.entry.67ee5a24.js +18 -0
  115. package/dist/swirl-icon-time-outlined.entry.d0eb5d19.js +18 -0
  116. package/dist/swirl-icon-user-assign.entry.8a6b68ea.js +18 -0
  117. package/dist/swirl-icon-video-camera.entry.85101910.js +18 -0
  118. package/dist/swirl-icon-warning.entry.330bf12a.js +18 -0
  119. package/dist/{flip-lightbox.entry.e6ea2310.js → swirl-lightbox.entry.7a2191eb.js} +13 -13
  120. package/dist/swirl-link.entry.81bd6e0f.js +15 -0
  121. package/dist/swirl-list.entry.ca7b2daf.js +18 -0
  122. package/dist/swirl-modal.entry.97df470f.js +63 -0
  123. package/dist/swirl-option-list-section.entry.b3b30b8f.js +15 -0
  124. package/dist/swirl-pagination.entry.0bbbf034.js +27 -0
  125. package/dist/{flip-pdf-reader.entry.4cdb28da.js → swirl-pdf-reader.entry.064e66a5.js} +8 -8
  126. package/dist/{flip-popover.entry.4a45218b.js → swirl-popover.entry.1e51f870.js} +10 -10
  127. package/dist/{flip-progress-indicator.entry.fc0e5979.js → swirl-progress-indicator.entry.46470fa4.js} +4 -4
  128. package/dist/swirl-radio-group.entry.f931de9f.js +35 -0
  129. package/dist/swirl-radio.entry.5ccbc5fa.js +29 -0
  130. package/dist/swirl-resource-list-file-item.entry.66329d69.js +37 -0
  131. package/dist/swirl-search.entry.364d373f.js +48 -0
  132. package/dist/swirl-select.entry.95b1f5bc.js +49 -0
  133. package/dist/swirl-separator.entry.7c230cd1.js +15 -0
  134. package/dist/{flip-stack.entry.a5b14f3a.js → swirl-stack.entry.cb1d54ae.js} +4 -4
  135. package/dist/swirl-switch.entry.895cfbbd.js +56 -0
  136. package/dist/swirl-tab.entry.b870a20f.js +18 -0
  137. package/dist/swirl-table-cell.entry.0d4a9b8f.js +15 -0
  138. package/dist/swirl-table-column.entry.b1f05cb5.js +23 -0
  139. package/dist/swirl-table-row-group.entry.85368b7a.js +19 -0
  140. package/dist/swirl-table-row.entry.39f31a4b.js +20 -0
  141. package/dist/swirl-table.entry.cd3a7dde.js +141 -0
  142. package/dist/{flip-tabs.entry.d3d9f791.js → swirl-tabs.entry.6dbf6d57.js} +8 -8
  143. package/dist/swirl-tag.entry.b0d8059b.js +21 -0
  144. package/dist/swirl-text-input.entry.86bbfa05.js +75 -0
  145. package/dist/swirl-text.entry.53142b33.js +31 -0
  146. package/dist/{flip-theme-provider.entry.2b2c55b9.js → swirl-theme-provider.entry.9cc36512.js} +18 -18
  147. package/dist/swirl-thumbnail.entry.bd0a5c89.js +18 -0
  148. package/dist/{flip-toast-provider.entry.729fe2a2.js → swirl-toast-provider.entry.7747ba81.js} +3 -3
  149. package/dist/swirl-toast.entry.ea517c98.js +52 -0
  150. package/dist/{flip-tooltip.entry.8392ec7f.js → swirl-tooltip.entry.71acfc7d.js} +8 -8
  151. package/dist/{flip-tree-navigation-item.entry.62f7ab3c.js → swirl-tree-navigation-item.entry.59540e7e.js} +4 -4
  152. package/dist/{flip-video-thumbnail.entry.edc7cce0.js → swirl-video-thumbnail.entry.4546c208.js} +3 -3
  153. package/dist/{flip-visually-hidden.entry.69776f72.js → swirl-visually-hidden.entry.bbc8b32d.js} +4 -4
  154. package/dist/utils-33d31b58.1488fcfe.js +46 -0
  155. package/dist/wc-datepicker.entry.d105e9ee.js +269 -0
  156. package/package.json +2 -2
  157. package/dist/file-manager.entry.8bb8e04c.js +0 -58
  158. package/dist/flip-action-list-item.entry.56f1f1ef.js +0 -18
  159. package/dist/flip-action-list-section.entry.a99c7d3e.js +0 -15
  160. package/dist/flip-autocomplete.entry.309d4ae7.js +0 -70
  161. package/dist/flip-avatar-group.entry.4192d45c.js +0 -29
  162. package/dist/flip-badge.entry.9de15857.js +0 -20
  163. package/dist/flip-banner.entry.703f5f14.js +0 -33
  164. package/dist/flip-button-group.entry.19eb382b.js +0 -20
  165. package/dist/flip-button.entry.a046c9ec.js +0 -41
  166. package/dist/flip-checkbox.entry.f73ba3b1.js +0 -30
  167. package/dist/flip-date-picker_2.entry.cbbcb306.js +0 -1186
  168. package/dist/flip-dialog.entry.97e79b3a.js +0 -45
  169. package/dist/flip-file-uploader.entry.2b504539.js +0 -32
  170. package/dist/flip-form-control.entry.1b840330.js +0 -65
  171. package/dist/flip-form-group.entry.8b6006f5.js +0 -18
  172. package/dist/flip-heading_2.entry.603511e8.js +0 -29
  173. package/dist/flip-icon-add-photo.entry.f336c2f0.js +0 -15
  174. package/dist/flip-icon-add_4.entry.99b75edc.js +0 -45
  175. package/dist/flip-icon-admin-panel-settings.entry.de10ebf5.js +0 -15
  176. package/dist/flip-icon-arrow-back.entry.b8865555.js +0 -15
  177. package/dist/flip-icon-arrow-forward.entry.b2ef6fc1.js +0 -15
  178. package/dist/flip-icon-arrow-left_3.entry.7a79a065.js +0 -35
  179. package/dist/flip-icon-arrow-right-small.entry.ae64706f.js +0 -15
  180. package/dist/flip-icon-attachment.entry.081189f0.js +0 -15
  181. package/dist/flip-icon-block.entry.6d9c5dfc.js +0 -15
  182. package/dist/flip-icon-cancel_4.entry.d2cb75c3.js +0 -45
  183. package/dist/flip-icon-chat-bubble.entry.67f98ff5.js +0 -15
  184. package/dist/flip-icon-chats-filled.entry.06584eb3.js +0 -15
  185. package/dist/flip-icon-chats-outlined.entry.dc6dbf4b.js +0 -15
  186. package/dist/flip-icon-check-circle.entry.29fe9a35.js +0 -15
  187. package/dist/flip-icon-check-small_3.entry.8070cb06.js +0 -143
  188. package/dist/flip-icon-check-strong.entry.fba6e55f.js +0 -15
  189. package/dist/flip-icon-check.entry.86260e1c.js +0 -15
  190. package/dist/flip-icon-chevron-left.entry.e4c7857a.js +0 -15
  191. package/dist/flip-icon-chevron-right.entry.1db14308.js +0 -15
  192. package/dist/flip-icon-close-small.entry.cbd4fc49.js +0 -15
  193. package/dist/flip-icon-close.entry.48763036.js +0 -15
  194. package/dist/flip-icon-cloud-upload.entry.98e40ba8.js +0 -15
  195. package/dist/flip-icon-comment.entry.6a6d8fbc.js +0 -15
  196. package/dist/flip-icon-copy.entry.53b11b1a.js +0 -15
  197. package/dist/flip-icon-date-range.entry.84d14dff.js +0 -15
  198. package/dist/flip-icon-delete.entry.a9b6ab40.js +0 -15
  199. package/dist/flip-icon-description.entry.6aefa229.js +0 -15
  200. package/dist/flip-icon-edit.entry.81a6837c.js +0 -15
  201. package/dist/flip-icon-emoji-mood.entry.b1766a9a.js +0 -15
  202. package/dist/flip-icon-emoji-satisfied.entry.89712163.js +0 -15
  203. package/dist/flip-icon-error_3.entry.d6a422a6.js +0 -39
  204. package/dist/flip-icon-expand-more.entry.63f210f6.js +0 -15
  205. package/dist/flip-icon-file.entry.625b53c4.js +0 -15
  206. package/dist/flip-icon-folder-shared.entry.2128dab9.js +0 -15
  207. package/dist/flip-icon-group-assign.entry.4860e5f5.js +0 -15
  208. package/dist/flip-icon-groups-custom.entry.ae87389c.js +0 -15
  209. package/dist/flip-icon-groups-filled.entry.251c942d.js +0 -15
  210. package/dist/flip-icon-groups-outlined.entry.43844b1d.js +0 -15
  211. package/dist/flip-icon-groups.entry.b4f9a7f7.js +0 -15
  212. package/dist/flip-icon-help.entry.1146bb20.js +0 -15
  213. package/dist/flip-icon-image.entry.0e41e08d.js +0 -15
  214. package/dist/flip-icon-info.entry.605cfdf6.js +0 -15
  215. package/dist/flip-icon-inventory.entry.166bc115.js +0 -15
  216. package/dist/flip-icon-like.entry.cae24842.js +0 -15
  217. package/dist/flip-icon-link.entry.22976afa.js +0 -15
  218. package/dist/flip-icon-lock.entry.566db977.js +0 -15
  219. package/dist/flip-icon-logout.entry.79ae2f2c.js +0 -15
  220. package/dist/flip-icon-mail.entry.3846875a.js +0 -15
  221. package/dist/flip-icon-manage-accounts.entry.b7dff46e.js +0 -15
  222. package/dist/flip-icon-mention.entry.8cae7e24.js +0 -15
  223. package/dist/flip-icon-menu-filled.entry.de447ac4.js +0 -15
  224. package/dist/flip-icon-menu-outlined.entry.3fb10f79.js +0 -15
  225. package/dist/flip-icon-menu.entry.cd1f33c3.js +0 -15
  226. package/dist/flip-icon-message.entry.b6422ee9.js +0 -15
  227. package/dist/flip-icon-more-horizontal.entry.57fdb45f.js +0 -15
  228. package/dist/flip-icon-more-vertikal.entry.60e8e3db.js +0 -15
  229. package/dist/flip-icon-news-filled.entry.9e2ae1ac.js +0 -15
  230. package/dist/flip-icon-news-outlined.entry.27fe1a80.js +0 -15
  231. package/dist/flip-icon-notifications-active.entry.ad17e8e4.js +0 -15
  232. package/dist/flip-icon-notifications-off.entry.669ff414.js +0 -15
  233. package/dist/flip-icon-notifications.entry.c533a876.js +0 -15
  234. package/dist/flip-icon-open-in-new.entry.f020da7b.js +0 -15
  235. package/dist/flip-icon-people-alt.entry.23a07d8d.js +0 -15
  236. package/dist/flip-icon-person-off.entry.b9487422.js +0 -15
  237. package/dist/flip-icon-person.entry.2b1ece6a.js +0 -15
  238. package/dist/flip-icon-phone.entry.d878e225.js +0 -15
  239. package/dist/flip-icon-poll.entry.9f9d3097.js +0 -15
  240. package/dist/flip-icon-print.entry.3c6ba219.js +0 -15
  241. package/dist/flip-icon-recieved.entry.0e863e26.js +0 -15
  242. package/dist/flip-icon-search-strong.entry.9e14089f.js +0 -15
  243. package/dist/flip-icon-search.entry.8e785c5b.js +0 -15
  244. package/dist/flip-icon-send.entry.2b9ec517.js +0 -15
  245. package/dist/flip-icon-settings.entry.1c1c82ba.js +0 -15
  246. package/dist/flip-icon-tasks-filled.entry.6b345bdf.js +0 -15
  247. package/dist/flip-icon-tasks-outlined.entry.75282f32.js +0 -15
  248. package/dist/flip-icon-time-filled.entry.4b2e3be8.js +0 -15
  249. package/dist/flip-icon-time-outlined.entry.1ce39655.js +0 -15
  250. package/dist/flip-icon-user-assign.entry.8fd4da9a.js +0 -15
  251. package/dist/flip-icon-video-camera.entry.7f1b8790.js +0 -15
  252. package/dist/flip-icon-warning.entry.a73148c4.js +0 -15
  253. package/dist/flip-link.entry.5daf5ffe.js +0 -15
  254. package/dist/flip-list.entry.25e0a5e8.js +0 -18
  255. package/dist/flip-modal.entry.f14cc170.js +0 -63
  256. package/dist/flip-option-list-section.entry.d1b4d66a.js +0 -15
  257. package/dist/flip-pagination.entry.e6de7b67.js +0 -27
  258. package/dist/flip-radio-group.entry.081a6b27.js +0 -35
  259. package/dist/flip-radio.entry.fd8faaa3.js +0 -29
  260. package/dist/flip-resource-list-file-item.entry.d15b84be.js +0 -20
  261. package/dist/flip-search.entry.638f3769.js +0 -31
  262. package/dist/flip-select.entry.5c709269.js +0 -48
  263. package/dist/flip-switch.entry.f812357e.js +0 -56
  264. package/dist/flip-tab.entry.83bf882c.js +0 -18
  265. package/dist/flip-tag.entry.8b80d408.js +0 -21
  266. package/dist/flip-text-input.entry.d1b0bb71.js +0 -60
  267. package/dist/flip-thumbnail.entry.4148adbc.js +0 -18
  268. package/dist/flip-toast.entry.7c89a88e.js +0 -39
  269. package/dist/index.6f8c9509.js +0 -1382
  270. package/dist/utils-39b2afe8.37b54ba4.js +0 -40
@@ -1,15 +0,0 @@
1
- import { r as t, h as C, F as s } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const l = ":host{display:inline-flex}", r = class {
5
- constructor(i) {
6
- t(this, i), this.size = 24;
7
- }
8
- render() {
9
- return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(s, null, C("path", { d: "M5.33332 13.3334C5.15651 13.3334 4.98699 13.2631 4.86197 13.1381C4.73694 13.0131 4.66666 12.8436 4.66666 12.6667V12.0001C4.66666 10.2274 8.22066 9.33341 9.99999 9.33341C11.7793 9.33341 15.3333 10.2267 15.3333 12.0001V12.6667C15.3333 12.8436 15.263 13.0131 15.138 13.1381C15.013 13.2631 14.8435 13.3334 14.6667 13.3334H5.33332ZM3.33332 8.71134V8.00008H1.33332C1.15651 8.00008 0.986993 7.92979 0.861969 7.80477C0.736945 7.67974 0.666656 7.51023 0.666656 7.33341C0.666656 7.1566 0.736945 6.98708 0.861969 6.86206C0.986993 6.73704 1.15651 6.66675 1.33332 6.66675H3.33332V5.95483C3.33324 5.84937 3.36433 5.74603 3.42284 5.65828C3.48136 5.57054 3.5647 5.50213 3.6621 5.46167C3.7595 5.42121 3.86658 5.41061 3.97004 5.43107C4.0735 5.45153 4.16881 5.50242 4.24348 5.5769L5.62206 6.95679C5.722 7.0568 5.77798 7.19235 5.77798 7.33374C5.77798 7.47513 5.722 7.61068 5.62206 7.71069L4.24348 9.08927C4.19485 9.13903 4.13669 9.17879 4.07258 9.20581C4.00847 9.23283 3.93967 9.24677 3.87011 9.24683C3.79968 9.24727 3.72988 9.2338 3.6647 9.20711C3.59952 9.18042 3.54012 9.14094 3.49022 9.09123C3.44033 9.04152 3.40095 8.98248 3.37401 8.9174C3.34708 8.85232 3.33315 8.78243 3.33332 8.712V8.71134ZM7.33332 5.33341C7.33332 4.62617 7.61415 3.94777 8.11425 3.44767C8.61434 2.94758 9.29275 2.66675 9.99999 2.66675C10.7072 2.66675 11.3856 2.94758 11.8857 3.44767C12.3858 3.94777 12.6667 4.62617 12.6667 5.33341C12.6667 6.04066 12.3858 6.71906 11.8857 7.21916C11.3856 7.71925 10.7072 8.00008 9.99999 8.00008C9.29275 8.00008 8.61434 7.71925 8.11425 7.21916C7.61415 6.71906 7.33332 6.04066 7.33332 5.33341Z", fill: "currentColor" })), this.size === 24 && C(s, null, C("path", { d: "M8 20C7.73478 20 7.4805 19.8946 7.29297 19.707C7.10543 19.5195 7 19.2652 7 19V18C7 15.341 12.331 14 15 14C17.669 14 23 15.34 23 18V19C23 19.2652 22.8946 19.5195 22.707 19.707C22.5195 19.8946 22.2652 20 22 20H8ZM5 13.0669V12H2C1.73478 12 1.48051 11.8946 1.29297 11.707C1.10543 11.5195 1 11.2652 1 11C1 10.7348 1.10543 10.4805 1.29297 10.293C1.48051 10.1054 1.73478 10 2 10H5V8.93213C4.99988 8.77393 5.04651 8.61892 5.13428 8.4873C5.22205 8.35569 5.34707 8.25307 5.49316 8.19238C5.63926 8.1317 5.79989 8.11579 5.95508 8.14648C6.11027 8.17718 6.25324 8.25351 6.36523 8.36523L8.43311 10.4351C8.58302 10.5851 8.66699 10.7884 8.66699 11.0005C8.66699 11.2126 8.58302 11.4159 8.43311 11.5659L6.36523 13.6338C6.29229 13.7084 6.20505 13.7681 6.10889 13.8086C6.01273 13.8491 5.90953 13.87 5.80518 13.8701C5.69953 13.8708 5.59484 13.8506 5.49707 13.8105C5.3993 13.7705 5.3102 13.7113 5.23535 13.6367C5.16051 13.5622 5.10143 13.4736 5.06104 13.376C5.02064 13.2784 4.99973 13.1735 5 13.0679V13.0669ZM11 8C11 6.93913 11.4212 5.92153 12.1714 5.17139C12.9215 4.42124 13.9391 4 15 4C16.0609 4 17.0785 4.42124 17.8286 5.17139C18.5788 5.92153 19 6.93913 19 8C19 9.06087 18.5788 10.0785 17.8286 10.8286C17.0785 11.5788 16.0609 12 15 12C13.9391 12 12.9215 11.5788 12.1714 10.8286C11.4212 10.0785 11 9.06087 11 8Z", fill: "currentColor" })), this.size === 28 && C(s, null, C("path", { d: "M9.33332 23.3334C9.0239 23.3334 8.72725 23.2104 8.50845 22.9916C8.28966 22.7728 8.16666 22.4762 8.16666 22.1667V21.0001C8.16666 17.8979 14.3862 16.3334 17.5 16.3334C20.6138 16.3334 26.8333 17.8967 26.8333 21.0001V22.1667C26.8333 22.4762 26.7103 22.7728 26.4915 22.9916C26.2727 23.2104 25.9761 23.3334 25.6667 23.3334H9.33332ZM5.83332 15.2448V14.0001H2.33332C2.0239 14.0001 1.72725 13.8771 1.50845 13.6583C1.28966 13.4395 1.16666 13.1428 1.16666 12.8334C1.16666 12.524 1.28966 12.2273 1.50845 12.0085C1.72725 11.7898 2.0239 11.6667 2.33332 11.6667H5.83332V10.4209C5.83318 10.2363 5.88758 10.0555 5.98998 9.90194C6.09238 9.74839 6.23824 9.62866 6.40868 9.55786C6.57912 9.48706 6.76653 9.46851 6.94758 9.50431C7.12864 9.54012 7.29543 9.62917 7.4261 9.75952L9.83861 12.1743C10.0135 12.3493 10.1115 12.5866 10.1115 12.834C10.1115 13.0814 10.0135 13.3186 9.83861 13.4937L7.4261 15.9062C7.341 15.9932 7.23921 16.0628 7.12702 16.1101C7.01484 16.1574 6.89444 16.1818 6.77269 16.1819C6.64944 16.1827 6.5273 16.1591 6.41324 16.1124C6.29917 16.0657 6.19522 15.9966 6.1079 15.9096C6.02058 15.8226 5.95166 15.7193 5.90453 15.6054C5.8574 15.4915 5.83301 15.3692 5.83332 15.2459V15.2448ZM12.8333 9.33341C12.8333 8.09574 13.3248 6.90854 14.1999 6.03337C15.0751 5.1582 16.2623 4.66675 17.5 4.66675C18.7377 4.66675 19.9249 5.1582 20.8 6.03337C21.6752 6.90854 22.1667 8.09574 22.1667 9.33341C22.1667 10.5711 21.6752 11.7583 20.8 12.6335C19.9249 13.5086 18.7377 14.0001 17.5 14.0001C16.2623 14.0001 15.0751 13.5086 14.1999 12.6335C13.3248 11.7583 12.8333 10.5711 12.8333 9.33341Z", fill: "currentColor" })));
10
- }
11
- };
12
- r.style = l;
13
- export {
14
- r as flip_icon_user_assign
15
- };
@@ -1,15 +0,0 @@
1
- import { r as t, h as C, F as i } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const e = ":host{display:inline-flex}", l = class {
5
- constructor(s) {
6
- t(this, s), this.size = 24;
7
- }
8
- render() {
9
- return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M2.66668 13.3334C2.30001 13.3334 1.98623 13.2029 1.72534 12.942C1.46401 12.6807 1.33334 12.3667 1.33334 12V4.00002C1.33334 3.63335 1.46401 3.31958 1.72534 3.05869C1.98623 2.79735 2.30001 2.66669 2.66668 2.66669H10.6667C11.0333 2.66669 11.3473 2.79735 11.6087 3.05869C11.8696 3.31958 12 3.63335 12 4.00002V7.00002L14.1 4.90002C14.2 4.80002 14.3196 4.77491 14.4587 4.82469C14.5973 4.87491 14.6667 4.9778 14.6667 5.13335V10.8667C14.6667 11.0222 14.5973 11.1249 14.4587 11.1747C14.3196 11.2249 14.2 11.2 14.1 11.1L12 9.00002V12C12 12.3667 11.8696 12.6807 11.6087 12.942C11.3473 13.2029 11.0333 13.3334 10.6667 13.3334H2.66668Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H16C16.55 4 17.021 4.196 17.413 4.588C17.8043 4.97933 18 5.45 18 6V10.5L21.15 7.35C21.3 7.2 21.4793 7.16233 21.688 7.237C21.896 7.31233 22 7.46667 22 7.7V16.3C22 16.5333 21.896 16.6873 21.688 16.762C21.4793 16.8373 21.3 16.8 21.15 16.65L18 13.5V18C18 18.55 17.8043 19.021 17.413 19.413C17.021 19.8043 16.55 20 16 20H4Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M4.66668 23.3334C4.02501 23.3334 3.4759 23.1051 3.01934 22.6485C2.56201 22.1912 2.33334 21.6417 2.33334 21V7.00002C2.33334 6.35835 2.56201 5.80924 3.01934 5.35269C3.4759 4.89535 4.02501 4.66669 4.66668 4.66669H18.6667C19.3083 4.66669 19.8578 4.89535 20.3152 5.35269C20.7717 5.80924 21 6.35835 21 7.00002V12.25L24.675 8.57502C24.85 8.40002 25.0592 8.35608 25.3027 8.44319C25.5453 8.53108 25.6667 8.71113 25.6667 8.98335V19.0167C25.6667 19.2889 25.5453 19.4686 25.3027 19.5557C25.0592 19.6436 24.85 19.6 24.675 19.425L21 15.75V21C21 21.6417 20.7717 22.1912 20.3152 22.6485C19.8578 23.1051 19.3083 23.3334 18.6667 23.3334H4.66668Z", fill: "currentColor" })));
10
- }
11
- };
12
- l.style = e;
13
- export {
14
- l as flip_icon_video_camera
15
- };
@@ -1,15 +0,0 @@
1
- import { r as t, h as C, F as i } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const l = ":host{display:inline-flex}", n = class {
5
- constructor(s) {
6
- t(this, s), this.size = 24;
7
- }
8
- render() {
9
- return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z", fill: "currentColor" })));
10
- }
11
- };
12
- n.style = l;
13
- export {
14
- n as flip_icon_warning
15
- };
@@ -1,15 +0,0 @@
1
- import { r as i, h as r, H as t } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}", a = class {
5
- constructor(e) {
6
- i(this, e);
7
- }
8
- render() {
9
- return r(t, null, r("a", { class: "link", href: this.href, target: this.target }, this.label));
10
- }
11
- };
12
- a.style = s;
13
- export {
14
- a as flip_link
15
- };
@@ -1,18 +0,0 @@
1
- import { r as e, h as l, H as n } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const r = ':host{display:block}:host *{box-sizing:border-box}.flip-list{line-height:var(--s-line-height-base)}.flip-list ul,.flip-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.flip-list ul li{padding-left:1.5rem}.flip-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.flip-list ol{counter-reset:item}.flip-list ol ol{counter-reset:letter}.flip-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.flip-list ol li{padding-left:1.5rem}.flip-list ol li:before{display:inline-block;min-width:1.5rem;font-variant-numeric:tabular-nums;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item}', s = class {
5
- constructor(i) {
6
- e(this, i);
7
- }
8
- componentDidRender() {
9
- Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[FlipList] Only ul and ol elements are allowed as direct children of <flip-list />.");
10
- }
11
- render() {
12
- return l(n, null, l("div", { class: "flip-list", ref: (i) => this.containerEl = i }, l("slot", null)));
13
- }
14
- };
15
- s.style = r;
16
- export {
17
- s as flip_list
18
- };
@@ -1,63 +0,0 @@
1
- import { r as h, c as e, h as a, H as p } from "./index.6f8c9509.js";
2
- import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
3
- import { d as b, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
4
- import { c as u } from "./index-6d2e18c6.289636d4.js";
5
- import "react";
6
- import "react-dom";
7
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
8
- const g = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
9
- constructor(l) {
10
- h(this, l), this.modalClose = e(this, "modalClose", 7), this.modalOpen = e(this, "modalOpen", 7), this.primaryAction = e(this, "primaryAction", 7), this.secondaryAction = e(this, "secondaryAction", 7), this.closeButtonLabel = "Close modal", this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.onKeyDown = (o) => {
11
- o.code === "Escape" && this.close();
12
- }, this.onBackdropClick = () => {
13
- this.close();
14
- }, this.onCloseButtonClick = () => {
15
- this.close();
16
- }, this.onPrimaryAction = (o) => {
17
- this.primaryAction.emit(o);
18
- }, this.onSecondaryAction = (o) => {
19
- this.secondaryAction.emit(o);
20
- }, this.determineScrollStatus = () => {
21
- var o, i, t, s, d, r;
22
- const n = ((o = this.scrollContainer) === null || o === void 0 ? void 0 : o.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
23
- n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
24
- };
25
- }
26
- componentDidLoad() {
27
- this.modal = new f(this.modalEl), this.determineScrollStatus();
28
- }
29
- disconnectedCallback() {
30
- var l;
31
- (l = this.modal) === null || l === void 0 || l.destroy(), this.unlockBodyScroll();
32
- }
33
- onWindowResize() {
34
- this.determineScrollStatus();
35
- }
36
- async open() {
37
- this.modal.show(), this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
38
- }
39
- async close() {
40
- this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
41
- this.modal.hide(), this.modalClose.emit(), this.closing = !1;
42
- }, 150));
43
- }
44
- lockBodyScroll() {
45
- b(this.scrollContainer);
46
- }
47
- unlockBodyScroll() {
48
- v(this.scrollContainer);
49
- }
50
- render() {
51
- const l = u("modal", {
52
- "modal--closing": this.closing,
53
- "modal--scrollable": this.scrollable,
54
- "modal--scrolled": this.scrolled,
55
- "modal--scrolled-down": this.scrolledDown
56
- });
57
- return a(p, null, a("section", { "aria-hidden": "true", "aria-label": this.label, class: l, id: "modal", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, a("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { class: "modal__body", role: "document" }, a("flip-button", { class: "modal__close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), a("header", { class: "modal__header" }, a("flip-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), a("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (o) => this.scrollContainer = o }, a("slot", null)), a("footer", { class: "modal__controls" }, a("flip-button-group", { wrap: !0 }, this.secondaryActionLabel && a("flip-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("flip-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
58
- }
59
- };
60
- y.style = g;
61
- export {
62
- y as flip_modal
63
- };
@@ -1,15 +0,0 @@
1
- import { r as o, h as t, H as i } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const e = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {
5
- constructor(s) {
6
- o(this, s);
7
- }
8
- render() {
9
- return t(i, null, t("div", { "aria-labelledby": "label", class: "option-list-section", role: "group" }, t("span", { class: "option-list-section__label", id: "label" }, this.label), t("div", { class: "option-list-section__items" }, t("slot", null))));
10
- }
11
- };
12
- l.style = e;
13
- export {
14
- l as flip_option_list_section
15
- };
@@ -1,27 +0,0 @@
1
- import { r as p, c as r, h as a, H as c } from "./index.6f8c9509.js";
2
- import { c as g } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const h = ":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:var(--s-space-4)}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-8)}@media (--from-tablet){.pagination__list{gap:var(--s-space-16)}}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}", b = class {
7
- constructor(t) {
8
- p(this, t), this.setPage = r(this, "setPage", 7), this.accessibleNextButtonLabel = "Next page", this.accessiblePrevButtonLabel = "Previous page", this.nextButtonLabel = "Next", this.pageLabel = "out of", this.prevButtonLabel = "Prev", this.pageSelectLabel = "Select a page", this.variant = "default", this.onPrevButtonClick = () => {
9
- const e = Math.max(this.page - 1, 1);
10
- this.page !== e && this.setPage.emit(e);
11
- }, this.onNextButtonClick = () => {
12
- const e = Math.min(this.page + 1, this.pages);
13
- this.page !== e && this.setPage.emit(e);
14
- }, this.onSelect = (e) => {
15
- const i = +e.target.value;
16
- this.page !== i && this.setPage.emit(i);
17
- };
18
- }
19
- render() {
20
- const t = this.variant !== "advanced", e = this.variant !== "simple", i = this.variant === "advanced", s = `${this.page} ${this.pageLabel} ${this.pages}`, l = g("pagination", `pagination--variant-${this.variant}`);
21
- return a(c, null, a("nav", { "aria-label": this.label, class: l }, a("ul", { class: "pagination__list" }, a("li", { class: "pagination__list-item" }, a("flip-button", { class: "pagination__prev-button", disabled: this.page <= 1, flipAriaLabel: this.accessiblePrevButtonLabel, hideLabel: t, icon: "<flip-icon-chevron-left></flip-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), e ? a("li", { class: "pagination__list-item" }, a("span", null, i ? a("span", { "aria-current": "page", class: "pagination__advanced-label" }, a("span", { class: "pagination__page-select-container" }, a("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages).fill(void 0).map((n, o) => o + 1).map((n) => a("option", { selected: this.page === n, value: String(n) }, n))), a("flip-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-select-icon", size: 16 })), a("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages)) : a("span", { "aria-current": "page" }, s))) : a("li", { class: "pagination__list-item" }, a("flip-visually-hidden", null, a("span", { "aria-current": "page" }, s))), a("li", { class: "pagination__list-item" }, a("flip-button", { class: "pagination__next-button", disabled: this.page >= this.pages, flipAriaLabel: this.accessibleNextButtonLabel, hideLabel: t, icon: "<flip-icon-chevron-right></flip-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })))));
22
- }
23
- };
24
- b.style = h;
25
- export {
26
- b as flip_pagination
27
- };
@@ -1,35 +0,0 @@
1
- import { r as o, c as s, h as r, H as l, g as n } from "./index.6f8c9509.js";
2
- import "react";
3
- import "react-dom";
4
- const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {
5
- constructor(i) {
6
- o(this, i), this.valueChange = s(this, "valueChange", 7);
7
- }
8
- componentDidLoad() {
9
- this.radioButtons = Array.from(this.el.querySelectorAll("flip-radio")), this.initValue(), this.handleValueChanges();
10
- }
11
- initValue() {
12
- if (this.value === void 0)
13
- return;
14
- const i = this.radioButtons.find((e) => e.value === this.value);
15
- !Boolean(i) || (i.checked = !0);
16
- }
17
- handleValueChanges() {
18
- for (const [i, e] of Object.entries(this.radioButtons))
19
- e.addEventListener("valueChange", () => {
20
- (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((t, a) => {
21
- String(a) !== i && (t.checked = !1);
22
- }));
23
- });
24
- }
25
- render() {
26
- return r(l, { "aria-describedby": this.flipAriaDescribedby, role: "radiogroup" }, r("div", { class: "radio-group" }, r("slot", null)));
27
- }
28
- get el() {
29
- return n(this);
30
- }
31
- };
32
- d.style = u;
33
- export {
34
- d as flip_radio_group
35
- };
@@ -1,29 +0,0 @@
1
- import { r as s, c as l, h as i, H as c } from "./index.6f8c9509.js";
2
- import { c as t } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const n = `.sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio{box-sizing:border-box}.radio.sc-flip-radio{display:inline-flex;cursor:pointer;line-height:var(--s-line-height-base)}.radio.sc-flip-radio:focus-within .radio__box.sc-flip-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
7
- 0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__description.sc-flip-radio,.radio--disabled.sc-flip-radio .radio__label.sc-flip-radio{color:var(--s-text-disabled)}.radio__control.sc-flip-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:var(--s-action-neutral-hovered)}.radio__box.sc-flip-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-flip-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-flip-radio{font-weight:var(--s-font-weight-medium)}.radio__description.sc-flip-radio{color:var(--s-text-subdued)}`, h = class {
8
- constructor(a) {
9
- s(this, a), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
10
- this.checked = !0, this.valueChange.emit(this.value);
11
- };
12
- }
13
- getAriaCheckedLabel(a, r) {
14
- return a ? "true" : r ? "false" : "mixed";
15
- }
16
- render() {
17
- const a = this.checked === !1 || this.checked === "false", r = this.checked === !0 || this.checked === "true", o = this.getAriaCheckedLabel(r, a), d = this.invalid, e = t("radio", {
18
- "radio--checked": r,
19
- "radio--disabled": this.disabled,
20
- "radio--invalid": this.invalid,
21
- "radio--unchecked": a
22
- });
23
- return i(c, null, i("label", { class: e, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("flip-visually-hidden", null, i("input", { "aria-checked": o, "aria-invalid": d, checked: r, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { class: "radio__description" }, this.description))));
24
- }
25
- };
26
- h.style = n;
27
- export {
28
- h as flip_radio
29
- };
@@ -1,20 +0,0 @@
1
- import { r as l, c as a, h as e, H as n } from "./index.6f8c9509.js";
2
- import { c } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const p = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item:focus{outline:none}.resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-file-item--has-control .resource-list-file-item__label-container{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon{color:var(--s-icon-highlight)}.resource-list-file-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', m = class {
7
- constructor(i) {
8
- l(this, i), this.remove = a(this, "remove", 7), this.icon = "<flip-icon-file></flip-icon-file>", this.removeButtonLabel = "Remove file";
9
- }
10
- render() {
11
- const i = Boolean(this.errorMessage), r = !i && Boolean(this.description), s = !i && this.loading, t = this.removable && !s, o = c("resource-list-file-item", {
12
- "resource-list-file-item--has-control": s || t
13
- });
14
- return e(n, { role: "row" }, e("div", { class: o, role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), r && e("span", { class: "resource-list-file-item__description" }, this.description), i && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("flip-inline-error", { message: this.errorMessage, size: "s" }))), s && e("span", { class: "resource-list-file-item__spinner" }, e("flip-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("flip-button", { hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
15
- }
16
- };
17
- m.style = p;
18
- export {
19
- m as flip_resource_list_file_item
20
- };
@@ -1,31 +0,0 @@
1
- import { r as c, c as r, h as a, H as i } from "./index.6f8c9509.js";
2
- import { c as t } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const l = ".sc-flip-search-h{display:flex;width:100%}.sc-flip-search-h *.sc-flip-search{box-sizing:border-box}.search.sc-flip-search{position:relative;display:flex;width:100%}.search--disabled.sc-flip-search .search__icon.sc-flip-search{color:var(--s-icon-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-flip-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-flip-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-flip-search:focus:not(:focus-visible){outline:none}.search__input.sc-flip-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::-webkit-search-decoration,.search__input.sc-flip-search::-webkit-search-cancel-button,.search__input.sc-flip-search::-webkit-search-results-button,.search__input.sc-flip-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-flip-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__input.sc-flip-search:not(:placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__clear-button.sc-flip-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = class {
7
- constructor(s) {
8
- c(this, s), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.clear = () => {
9
- this.input.value = "", this.input.focus();
10
- }, this.onBlur = (e) => {
11
- this.inputBlur.emit(e);
12
- }, this.onChange = (e) => {
13
- this.valueChange.emit(e.target.value);
14
- }, this.onFocus = (e) => {
15
- this.inputFocus.emit(e);
16
- };
17
- }
18
- onKeyDown(s) {
19
- (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
20
- }
21
- render() {
22
- const s = t("search", {
23
- "search--disabled": this.disabled
24
- });
25
- return a(i, null, a("span", { class: s }, a("flip-icon-search", { class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("flip-icon-cancel", null))));
26
- }
27
- };
28
- o.style = l;
29
- export {
30
- o as flip_search
31
- };
@@ -1,48 +0,0 @@
1
- import { r as n, c, h as e, H as r, g as p } from "./index.6f8c9509.js";
2
- import { c as d } from "./index-6d2e18c6.289636d4.js";
3
- import { q as h } from "./utils-39b2afe8.37b54ba4.js";
4
- import "react";
5
- import "react-dom";
6
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
7
- const u = ".sc-flip-select-h{display:block;width:100%}.sc-flip-select-h *.sc-flip-select{box-sizing:border-box}.select.sc-flip-select{position:relative;display:flex;width:100%}.select--disabled.sc-flip-select .select__label.sc-flip-select{color:var(--s-text-disabled)}.select--disabled.sc-flip-select .select__indicator.sc-flip-select{color:var(--s-icon-disabled)}.select__label.sc-flip-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-flip-select:focus{outline:none}.select__indicator.sc-flip-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", f = class {
8
- constructor(t) {
9
- n(this, t), this.valueChange = c(this, "valueChange", 7), this.options = [], this.select = (i) => {
10
- this.value = i.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
11
- }, this.onSlotChange = () => {
12
- this.updateOptions();
13
- }, this.onOpen = () => {
14
- this.open = !0;
15
- }, this.onClose = () => {
16
- this.open = !1;
17
- }, this.onKeyDown = (i) => {
18
- (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.popover.open());
19
- };
20
- }
21
- componentWillLoad() {
22
- queueMicrotask(() => {
23
- this.updateOptions();
24
- });
25
- }
26
- onWindowFocusIn(t) {
27
- t.target === this.el.querySelector("input") && t.stopImmediatePropagation();
28
- }
29
- updateOptions() {
30
- this.options = h(this.el, "flip-option-list-item");
31
- }
32
- render() {
33
- const t = Boolean(this.value) ? this.value.map((s) => {
34
- var l;
35
- return (l = this.options.find((a) => a.value === s)) === null || l === void 0 ? void 0 : l.label;
36
- }).join(", ") : "", i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, o = d("select", {
37
- "select--disabled": this.disabled
38
- });
39
- return e(r, { onKeyDown: this.onKeyDown }, e("div", { class: o }, e("input", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, class: "select__label", disabled: this.disabled, id: "trigger", readOnly: !0, type: "text", value: t }), e("span", { class: "select__indicator" }, this.open ? e("flip-icon-expand-less", null) : e("flip-icon-expand-more", null)), e("flip-popover", { animation: "scale-in-y", class: "select__popover", enableFlip: !1, label: this.label, offset: [16, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: "select-options", ref: (s) => this.popover = s, trigger: "trigger", useContainerWidth: "flip-form-control" }, e("flip-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, e("slot", { onSlotchange: this.onSlotChange })))));
40
- }
41
- get el() {
42
- return p(this);
43
- }
44
- };
45
- f.style = u;
46
- export {
47
- f as flip_select
48
- };
@@ -1,56 +0,0 @@
1
- import { r as n, c as r, h as e, H as a, g as o } from "./index.6f8c9509.js";
2
- import { c as l } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const d = `.sc-flip-switch-h{display:inline-flex}.sc-flip-switch-h *.sc-flip-switch{box-sizing:border-box}.switch.sc-flip-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-flip-switch:focus-within .switch__control.sc-flip-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
7
- 0 0 0 0.1875rem var(--s-focus-default)}.switch--size-m.sc-flip-switch .switch__control.sc-flip-switch{width:2.75rem;height:1.5rem;border-radius:calc(1.5rem / 2)}.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{width:1.25rem;height:1.25rem}.switch--on.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 1.25rem - var(--s-space-2))}.switch--on.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-default)}.switch--on.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 0.875rem - var(--s-space-2))}.switch--disabled.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-flip-switch .switch__thumb.sc-flip-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-flip-switch .switch__label.sc-flip-switch{color:var(--s-text-disabled)}.switch__control.sc-flip-switch{position:relative;width:1.875rem;height:1.125rem;flex-shrink:0;border-radius:calc(1.125rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-flip-switch{transition:none}}.switch__thumb.sc-flip-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:0.875rem;height:0.875rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-flip-switch{transition:none}}.switch__label.sc-flip-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, f = class {
8
- constructor(h) {
9
- n(this, h), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.size = "m", this.dragging = !1, this.recentlyDragged = !1, this.onChange = () => {
10
- if (!this.dragging) {
11
- if (this.recentlyDragged) {
12
- this.recentlyDragged = !1;
13
- return;
14
- }
15
- this.checked = !this.checked, this.valueChange.emit(this.checked);
16
- }
17
- }, this.onStartDrag = () => {
18
- this.disabled || (this.dragging = !0, this.thumb.style.transition = "none");
19
- }, this.onEndDrag = () => {
20
- if (!this.disabled) {
21
- if (this.recentlyDragged) {
22
- const s = this.control.getBoundingClientRect(), c = this.thumb.getBoundingClientRect(), t = this.thumb.offsetLeft + c.width / 2 > s.width / 2;
23
- this.checked !== t && (this.checked = t, this.valueChange.emit(t));
24
- }
25
- this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
26
- this.recentlyDragged = !1;
27
- });
28
- }
29
- }, this.onDrag = (s) => {
30
- if (!this.dragging)
31
- return;
32
- this.recentlyDragged = !0;
33
- const c = this.control.getBoundingClientRect(), t = this.thumb.getBoundingClientRect();
34
- let i = Math.round(s.offsetX - t.width / 2);
35
- i < 0 && (i = 0), i > Math.round(c.width - t.width) && (i = Math.round(c.width - t.width)), this.thumb.style.left = `${i}px`;
36
- };
37
- }
38
- onWindowPointerUp() {
39
- this.onEndDrag();
40
- }
41
- render() {
42
- const h = !this.checked, s = this.checked, c = s ? "true" : "false", t = l("switch", `switch--size-${this.size}`, {
43
- "switch--off": h,
44
- "switch--on": s,
45
- "switch--disabled": this.disabled
46
- });
47
- return e(a, null, e("label", { class: t, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (i) => this.control = i }, e("flip-visually-hidden", null, e("input", { "aria-checked": c, checked: s, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (i) => this.thumb = i })), this.label && e("span", { class: "switch__label" }, this.label)));
48
- }
49
- get el() {
50
- return o(this);
51
- }
52
- };
53
- f.style = d;
54
- export {
55
- f as flip_switch
56
- };
@@ -1,18 +0,0 @@
1
- import { r as s, h as a, H as i } from "./index.6f8c9509.js";
2
- import { c as o } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}", r = class {
7
- constructor(t) {
8
- s(this, t);
9
- }
10
- render() {
11
- const t = o("tab", { "tab--active": this.active });
12
- return a(i, { "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, a("div", { class: t }, a("slot", null)));
13
- }
14
- };
15
- r.style = e;
16
- export {
17
- r as flip_tab
18
- };
@@ -1,21 +0,0 @@
1
- import { r as e, c as s, h as t, H as n } from "./index.6f8c9509.js";
2
- import { c as i } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tag{display:inline-flex;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", l = class {
7
- constructor(o) {
8
- e(this, o), this.remove = s(this, "remove", 7), this.intent = "default", this.removalButtonLabel = "Remove", this.onRemove = (r) => {
9
- var a;
10
- (a = this.remove) === null || a === void 0 || a.emit(r);
11
- };
12
- }
13
- render() {
14
- const o = i("tag", `tag--intent-${this.intent}`);
15
- return t(n, null, t("span", { class: o }, this.label, this.removable && t("button", { "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, type: "button" }, t("flip-icon-close", { size: 16 }))));
16
- }
17
- };
18
- l.style = c;
19
- export {
20
- l as flip_tag
21
- };
@@ -1,60 +0,0 @@
1
- import { r as h, c as n, h as i, H as c } from "./index.6f8c9509.js";
2
- import { c as d } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input,.text-input--type-number.sc-flip-text-input,.text-input--type-password.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-flip-text-input input.text-input__input.sc-flip-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-flip-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-flip-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-flip-text-input:focus-visible,.text-input__password-toggle.sc-flip-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-flip-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = class {
7
- constructor(s) {
8
- h(this, s), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.autoComplete = "on", this.clearButtonLabel = "Clear input", this.rows = 1, this.passwordToggleLabel = "Toggle password display", this.type = "text", this.showPassword = !1, this.clear = () => {
9
- this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
10
- }, this.onChange = (t) => {
11
- const e = t.target;
12
- this.value = e.value, this.valueChange.emit(e.value);
13
- }, this.onBlur = (t) => {
14
- this.inputBlur.emit(t);
15
- }, this.onFocus = (t) => {
16
- this.inputFocus.emit(t), this.handleAutoSelect(t);
17
- }, this.onInput = (t) => {
18
- this.onChange(t);
19
- }, this.onKeyPress = (t) => {
20
- this.type === "number" && ["+", "-", "e"].includes(t.key) && t.preventDefault();
21
- }, this.decreaseValue = () => {
22
- if (this.type !== "number")
23
- return;
24
- const t = this.step || 1;
25
- let e = this.inputEl.valueAsNumber;
26
- isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, e - t)), this.valueChange.emit(this.value);
27
- }, this.increaseValue = () => {
28
- if (this.type !== "number")
29
- return;
30
- const t = this.step || 1;
31
- let e = this.inputEl.valueAsNumber;
32
- isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, e + t)), this.valueChange.emit(this.value);
33
- }, this.togglePassword = () => {
34
- this.type === "password" && (this.showPassword = !this.showPassword);
35
- };
36
- }
37
- componentDidRender() {
38
- this.adjustInputSize();
39
- }
40
- adjustInputSize() {
41
- this.rows > 1 && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = this.inputEl.scrollHeight / 16 + "rem"), this.rows === 1 && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.type !== "password" && !this.disableDynamicWidth && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
42
- }
43
- handleAutoSelect(s) {
44
- !this.autoSelect || s.target.select();
45
- }
46
- render() {
47
- var s;
48
- const t = this.rows === 1 ? "input" : "textarea", e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.type === "number" && !this.disabled, l = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !l && !a && !this.showCharacterCounter, p = this.type === "password" && this.showPassword ? "text" : this.type, o = d("text-input", `text-input--type-${this.type}`, {
49
- "text-input--clearable": this.clearable,
50
- "text-input--disabled": this.disabled,
51
- "text-input--disable-dynamic-width": this.disableDynamicWidth,
52
- "text-input--show-password": this.type === "password" && this.showPassword
53
- });
54
- return i(c, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.flipAriaAutocomplete, "aria-controls": this.flipAriaControls, "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-invalid": e, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (r) => this.inputEl = r, required: this.required, role: this.flipRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: p, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), u && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, type: "button" }, i("flip-icon-cancel", null)), l && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("flip-icon-visibility-off", null) : i("flip-icon-visibility", null)), a && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-less", null)), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-more", null))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((s = this.value) === null || s === void 0 ? void 0 : s.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
55
- }
56
- };
57
- f.style = x;
58
- export {
59
- f as flip_text_input
60
- };
@@ -1,18 +0,0 @@
1
- import { r as t, h as a, H as s } from "./index.6f8c9509.js";
2
- import { c as l } from "./index-6d2e18c6.289636d4.js";
3
- import "react";
4
- import "react-dom";
5
- import "./_commonjsHelpers-44457d8d.ba94af77.js";
6
- const m = ":host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail--size-s{--flip-thumbnail-size:2.5rem}.thumbnail--size-m{--flip-thumbnail-size:3rem}.thumbnail--size-l{--flip-thumbnail-size:4rem}.thumbnail--format-landscape{width:var(--flip-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-landscape .thumbnail__image{width:100%}.thumbnail--format-portrait{height:var(--flip-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-portrait .thumbnail__image{height:100%}.thumbnail--format-square{width:var(--flip-thumbnail-size);height:var(--flip-thumbnail-size)}.thumbnail--format-square .thumbnail__image{width:100%}.thumbnail__image{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", r = class {
7
- constructor(i) {
8
- t(this, i), this.format = "landscape", this.size = "m";
9
- }
10
- render() {
11
- const i = l("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
12
- return a(s, null, a("span", { class: i }, a("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
13
- }
14
- };
15
- r.style = m;
16
- export {
17
- r as flip_thumbnail
18
- };