@getflip/swirl-components-react 0.122.2 → 0.123.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 (273) hide show
  1. package/dist/{file-manager.entry.a34e0c86.js → file-manager.entry.69e5cc15.js} +1 -1
  2. package/dist/{index.782451ad.js → index.4b5b550f.js} +271 -271
  3. package/dist/{swirl-accordion-item.entry.af2146e5.js → swirl-accordion-item.entry.eee75b4c.js} +1 -1
  4. package/dist/{swirl-accordion.entry.13540f91.js → swirl-accordion.entry.854e90eb.js} +1 -1
  5. package/dist/{swirl-action-list-section.entry.b17f7142.js → swirl-action-list-section.entry.7445f577.js} +1 -1
  6. package/dist/{swirl-action-list_3.entry.dc44c7ff.js → swirl-action-list_3.entry.06354e9a.js} +1 -1
  7. package/dist/{swirl-app-bar.entry.50f314cb.js → swirl-app-bar.entry.4c3912dd.js} +1 -1
  8. package/dist/{swirl-app-icon.entry.ffc59ffc.js → swirl-app-icon.entry.ac4881c9.js} +1 -1
  9. package/dist/{swirl-app-layout_6.entry.caf8198c.js → swirl-app-layout_6.entry.8cd333e6.js} +82 -71
  10. package/dist/{swirl-autocomplete.entry.788b84b5.js → swirl-autocomplete.entry.093a4c36.js} +1 -1
  11. package/dist/{swirl-avatar-group.entry.8bea3e75.js → swirl-avatar-group.entry.0ca187b5.js} +1 -1
  12. package/dist/{swirl-avatar.entry.25c93a1f.js → swirl-avatar.entry.8b7ea907.js} +1 -1
  13. package/dist/{swirl-badge.entry.e549cba6.js → swirl-badge.entry.c8ea86a1.js} +1 -1
  14. package/dist/{swirl-banner.entry.e0849f89.js → swirl-banner.entry.381f455f.js} +1 -1
  15. package/dist/{swirl-box.entry.ff5a5cf9.js → swirl-box.entry.452bf15e.js} +1 -1
  16. package/dist/{swirl-button-group.entry.8c1009b9.js → swirl-button-group.entry.4bc2cce4.js} +1 -1
  17. package/dist/{swirl-button.entry.dca0df4a.js → swirl-button.entry.8c299a90.js} +1 -1
  18. package/dist/{swirl-card.entry.ae23b61f.js → swirl-card.entry.1ee7852c.js} +1 -1
  19. package/dist/{swirl-carousel-slide.entry.efcbca44.js → swirl-carousel-slide.entry.a58572e9.js} +1 -1
  20. package/dist/{swirl-carousel.entry.556dd1ea.js → swirl-carousel.entry.81db3a5e.js} +1 -1
  21. package/dist/{swirl-checkbox.entry.d3c4a86e.js → swirl-checkbox.entry.5644aa4d.js} +1 -1
  22. package/dist/{swirl-chip.entry.e98c0b66.js → swirl-chip.entry.711ee5ee.js} +1 -1
  23. package/dist/{swirl-color-input.entry.86e29ee3.js → swirl-color-input.entry.5cf3a558.js} +1 -1
  24. package/dist/{swirl-columns.entry.6e000223.js → swirl-columns.entry.8de4a9ad.js} +1 -1
  25. package/dist/swirl-components-react.js +1 -1
  26. package/dist/swirl-components-react.umd.cjs +20 -20
  27. package/dist/{swirl-console-layout.entry.8a7482e7.js → swirl-console-layout.entry.7dbd2410.js} +1 -1
  28. package/dist/{swirl-date-input.entry.40787bec.js → swirl-date-input.entry.ba590eb5.js} +1 -1
  29. package/dist/{swirl-date-picker_2.entry.2a341451.js → swirl-date-picker_2.entry.95dcf9e4.js} +1 -1
  30. package/dist/{swirl-description-list-item.entry.1c706227.js → swirl-description-list-item.entry.340538f3.js} +1 -1
  31. package/dist/{swirl-description-list.entry.7cf0e92d.js → swirl-description-list.entry.adaab055.js} +1 -1
  32. package/dist/{swirl-dialog.entry.b689f314.js → swirl-dialog.entry.5c6d15ac.js} +1 -1
  33. package/dist/{swirl-emoji-clap.entry.7cbe0409.js → swirl-emoji-clap.entry.c015ee51.js} +1 -1
  34. package/dist/{swirl-emoji-happy.entry.5e565231.js → swirl-emoji-happy.entry.7695df10.js} +1 -1
  35. package/dist/{swirl-emoji-idea.entry.ca369180.js → swirl-emoji-idea.entry.50854947.js} +1 -1
  36. package/dist/{swirl-emoji-love.entry.51bad60d.js → swirl-emoji-love.entry.8d562974.js} +1 -1
  37. package/dist/{swirl-emoji-sad.entry.bd91932f.js → swirl-emoji-sad.entry.f46c9217.js} +1 -1
  38. package/dist/{swirl-emoji-thumbs-up.entry.a5b39e34.js → swirl-emoji-thumbs-up.entry.01b117d0.js} +1 -1
  39. package/dist/{swirl-emoji.entry.acb43c43.js → swirl-emoji.entry.d144f2c8.js} +1 -1
  40. package/dist/{swirl-file-uploader.entry.d3a11a64.js → swirl-file-uploader.entry.e3636a82.js} +1 -1
  41. package/dist/{swirl-file-viewer_7.entry.c49acb4a.js → swirl-file-viewer_7.entry.986ee6c8.js} +1 -1
  42. package/dist/{swirl-form-control.entry.17fec6ec.js → swirl-form-control.entry.963c3ffd.js} +1 -1
  43. package/dist/{swirl-form-group.entry.93a44074.js → swirl-form-group.entry.ccd44450.js} +1 -1
  44. package/dist/{swirl-heading.entry.211ae596.js → swirl-heading.entry.bfadcd65.js} +1 -1
  45. package/dist/{swirl-icon-add-photo.entry.18bd7741.js → swirl-icon-add-photo.entry.541bfe95.js} +1 -1
  46. package/dist/{swirl-icon-add-reaction.entry.f6b654fb.js → swirl-icon-add-reaction.entry.a04bd21f.js} +1 -1
  47. package/dist/{swirl-icon-add_6.entry.e947106d.js → swirl-icon-add_6.entry.60e9d840.js} +1 -1
  48. package/dist/{swirl-icon-admin-panel-settings.entry.9e5f570f.js → swirl-icon-admin-panel-settings.entry.117a1296.js} +1 -1
  49. package/dist/{swirl-icon-ai.entry.98a795a6.js → swirl-icon-ai.entry.a56b1f3f.js} +1 -1
  50. package/dist/{swirl-icon-apps.entry.d76e1c66.js → swirl-icon-apps.entry.6b873d5f.js} +1 -1
  51. package/dist/{swirl-icon-arrow-back_5.entry.abdc78ba.js → swirl-icon-arrow-back_5.entry.2fe0ec3a.js} +1 -1
  52. package/dist/{swirl-icon-arrow-downward_2.entry.489eb62c.js → swirl-icon-arrow-downward_2.entry.125e0a03.js} +1 -1
  53. package/dist/{swirl-icon-arrow-left_4.entry.63f125a4.js → swirl-icon-arrow-left_4.entry.44dcfae0.js} +1 -1
  54. package/dist/{swirl-icon-arrow-right-small.entry.3f74c7fd.js → swirl-icon-arrow-right-small.entry.fdcbdb47.js} +1 -1
  55. package/dist/{swirl-icon-attachment.entry.066fcbe2.js → swirl-icon-attachment.entry.290cf119.js} +1 -1
  56. package/dist/{swirl-icon-bar-chart.entry.356d1b6f.js → swirl-icon-bar-chart.entry.5f692c56.js} +1 -1
  57. package/dist/{swirl-icon-block.entry.c417cbfd.js → swirl-icon-block.entry.6d58cafc.js} +1 -1
  58. package/dist/{swirl-icon-bookmark.entry.31c2067b.js → swirl-icon-bookmark.entry.02a516ed.js} +1 -1
  59. package/dist/{swirl-icon-cancel_4.entry.bb673eea.js → swirl-icon-cancel_4.entry.d84db326.js} +1 -1
  60. package/dist/{swirl-icon-chat-bubble.entry.78b151dd.js → swirl-icon-chat-bubble.entry.5385c7d5.js} +1 -1
  61. package/dist/{swirl-icon-chats-filled.entry.072e48b9.js → swirl-icon-chats-filled.entry.e95c5d5b.js} +1 -1
  62. package/dist/{swirl-icon-chats-outlined.entry.b4ed6ce6.js → swirl-icon-chats-outlined.entry.c3c13a15.js} +1 -1
  63. package/dist/{swirl-icon-check-circle_2.entry.c0808bfb.js → swirl-icon-check-circle_2.entry.95d1c66d.js} +1 -1
  64. package/dist/{swirl-icon-check-small_3.entry.02a643b0.js → swirl-icon-check-small_3.entry.f040c145.js} +1 -1
  65. package/dist/{swirl-icon-check-strong.entry.5641ef1c.js → swirl-icon-check-strong.entry.bc4010c8.js} +1 -1
  66. package/dist/{swirl-icon-check.entry.371e5017.js → swirl-icon-check.entry.be74114e.js} +1 -1
  67. package/dist/{swirl-icon-chevron-left.entry.9d6b0199.js → swirl-icon-chevron-left.entry.53ad14cc.js} +1 -1
  68. package/dist/{swirl-icon-chevron-right.entry.7c8a45ff.js → swirl-icon-chevron-right.entry.c52ac751.js} +1 -1
  69. package/dist/{swirl-icon-close-small.entry.840a3a37.js → swirl-icon-close-small.entry.2b3c1c38.js} +1 -1
  70. package/dist/{swirl-icon-close.entry.24b85460.js → swirl-icon-close.entry.5f30be2c.js} +1 -1
  71. package/dist/{swirl-icon-cloud-upload.entry.f0c05509.js → swirl-icon-cloud-upload.entry.f8395a27.js} +1 -1
  72. package/dist/{swirl-icon-column.entry.a686fcef.js → swirl-icon-column.entry.5b03ff22.js} +1 -1
  73. package/dist/{swirl-icon-comment.entry.008cc543.js → swirl-icon-comment.entry.529b3a00.js} +1 -1
  74. package/dist/{swirl-icon-copy.entry.e49655c2.js → swirl-icon-copy.entry.b26df07c.js} +1 -1
  75. package/dist/{swirl-icon-date-range.entry.b79cb8cb.js → swirl-icon-date-range.entry.3590d1b6.js} +1 -1
  76. package/dist/{swirl-icon-delete.entry.61706dc0.js → swirl-icon-delete.entry.d18bf628.js} +1 -1
  77. package/dist/{swirl-icon-description.entry.1e814ffb.js → swirl-icon-description.entry.e540ca82.js} +1 -1
  78. package/dist/{swirl-icon-discover.entry.bbd59fb7.js → swirl-icon-discover.entry.86f0be16.js} +1 -1
  79. package/dist/{swirl-icon-dock-left.entry.2cfc4101.js → swirl-icon-dock-left.entry.675f943d.js} +1 -1
  80. package/dist/{swirl-icon-download.entry.9fd021f3.js → swirl-icon-download.entry.40aec150.js} +1 -1
  81. package/dist/{swirl-icon-edit.entry.178502c7.js → swirl-icon-edit.entry.0ab0794b.js} +1 -1
  82. package/dist/{swirl-icon-emoji-mood.entry.92a82f8d.js → swirl-icon-emoji-mood.entry.686080ac.js} +1 -1
  83. package/dist/{swirl-icon-emoji-satisfied.entry.d2f58d91.js → swirl-icon-emoji-satisfied.entry.e73a0193.js} +1 -1
  84. package/dist/{swirl-icon-error_3.entry.cde32031.js → swirl-icon-error_3.entry.faf6e5fa.js} +1 -1
  85. package/dist/{swirl-icon-expand-more.entry.8bae60a2.js → swirl-icon-expand-more.entry.f953e96e.js} +1 -1
  86. package/dist/{swirl-icon-filter.entry.a1c787f3.js → swirl-icon-filter.entry.4256acd2.js} +1 -1
  87. package/dist/{swirl-icon-folder.entry.cd0d76ea.js → swirl-icon-folder.entry.420d27de.js} +1 -1
  88. package/dist/{swirl-icon-format-h-one.entry.f197c6a9.js → swirl-icon-format-h-one.entry.97dea8e8.js} +1 -1
  89. package/dist/{swirl-icon-gif.entry.6356d8db.js → swirl-icon-gif.entry.42b3f409.js} +1 -1
  90. package/dist/{swirl-icon-group-add.entry.a8739ad3.js → swirl-icon-group-add.entry.a44e2996.js} +1 -1
  91. package/dist/{swirl-icon-group-assign.entry.e6225e3a.js → swirl-icon-group-assign.entry.b8e6c58b.js} +1 -1
  92. package/dist/{swirl-icon-groups-custom.entry.03cefca9.js → swirl-icon-groups-custom.entry.7538cbe1.js} +1 -1
  93. package/dist/{swirl-icon-groups-filled.entry.3be12bfb.js → swirl-icon-groups-filled.entry.c0d12ea6.js} +1 -1
  94. package/dist/{swirl-icon-groups-outlined.entry.e76ab90e.js → swirl-icon-groups-outlined.entry.5300e2ba.js} +1 -1
  95. package/dist/{swirl-icon-groups.entry.17804f12.js → swirl-icon-groups.entry.595ee5df.js} +1 -1
  96. package/dist/{swirl-icon-help.entry.a2429008.js → swirl-icon-help.entry.261ba856.js} +1 -1
  97. package/dist/{swirl-icon-highlight.entry.14150b15.js → swirl-icon-highlight.entry.1b69f18c.js} +1 -1
  98. package/dist/{swirl-icon-home.entry.65b4b044.js → swirl-icon-home.entry.3bdd95ea.js} +1 -1
  99. package/dist/{swirl-icon-image.entry.49017630.js → swirl-icon-image.entry.9c935229.js} +1 -1
  100. package/dist/{swirl-icon-improve-text.entry.8a31b01e.js → swirl-icon-improve-text.entry.ebdfd611.js} +1 -1
  101. package/dist/{swirl-icon-info.entry.078bce6e.js → swirl-icon-info.entry.9fffa0ed.js} +1 -1
  102. package/dist/{swirl-icon-insert-below.entry.3e8442ad.js → swirl-icon-insert-below.entry.abd98f7a.js} +1 -1
  103. package/dist/{swirl-icon-insert-on-top.entry.c33e4079.js → swirl-icon-insert-on-top.entry.a735fed7.js} +1 -1
  104. package/dist/{swirl-icon-inventory.entry.c46c4178.js → swirl-icon-inventory.entry.effa1a1f.js} +1 -1
  105. package/dist/{swirl-icon-like.entry.2bce2720.js → swirl-icon-like.entry.77baad2e.js} +1 -1
  106. package/dist/{swirl-icon-link.entry.58294ecd.js → swirl-icon-link.entry.c6311d4d.js} +1 -1
  107. package/dist/{swirl-icon-lock-person.entry.81b83236.js → swirl-icon-lock-person.entry.6e5be21d.js} +1 -1
  108. package/dist/{swirl-icon-lock.entry.2caa4571.js → swirl-icon-lock.entry.f13130ab.js} +1 -1
  109. package/dist/{swirl-icon-logout.entry.d44d55c2.js → swirl-icon-logout.entry.e98cf044.js} +1 -1
  110. package/dist/{swirl-icon-long-text.entry.000c7e4c.js → swirl-icon-long-text.entry.baf37b5e.js} +1 -1
  111. package/dist/{swirl-icon-mail.entry.6d7332e0.js → swirl-icon-mail.entry.33fa76d6.js} +1 -1
  112. package/dist/{swirl-icon-manage-accounts.entry.14fb1e38.js → swirl-icon-manage-accounts.entry.4430fe25.js} +1 -1
  113. package/dist/{swirl-icon-mark-chat-read.entry.0e57202c.js → swirl-icon-mark-chat-read.entry.1332018b.js} +1 -1
  114. package/dist/{swirl-icon-mark-chat-unread.entry.dfafecbd.js → swirl-icon-mark-chat-unread.entry.c5dda9b4.js} +1 -1
  115. package/dist/{swirl-icon-mention.entry.6905adac.js → swirl-icon-mention.entry.43827d34.js} +1 -1
  116. package/dist/{swirl-icon-menu-filled.entry.a4ce4d53.js → swirl-icon-menu-filled.entry.266b76fb.js} +1 -1
  117. package/dist/{swirl-icon-menu-outlined.entry.718c696f.js → swirl-icon-menu-outlined.entry.8075cd86.js} +1 -1
  118. package/dist/{swirl-icon-message.entry.9be9cd7e.js → swirl-icon-message.entry.64ce8fd5.js} +1 -1
  119. package/dist/{swirl-icon-mic.entry.06dbfcf3.js → swirl-icon-mic.entry.d1cbced5.js} +1 -1
  120. package/dist/{swirl-icon-more-horizontal.entry.76015512.js → swirl-icon-more-horizontal.entry.11ea21c5.js} +1 -1
  121. package/dist/{swirl-icon-news-filled.entry.0a95b47d.js → swirl-icon-news-filled.entry.d14b36f8.js} +1 -1
  122. package/dist/{swirl-icon-news-outlined.entry.1726b5a6.js → swirl-icon-news-outlined.entry.6170f67a.js} +1 -1
  123. package/dist/{swirl-icon-notifications-active.entry.1a8eece5.js → swirl-icon-notifications-active.entry.ee133b2e.js} +1 -1
  124. package/dist/{swirl-icon-notifications-off.entry.7c88e44d.js → swirl-icon-notifications-off.entry.b847344a.js} +1 -1
  125. package/dist/{swirl-icon-notifications.entry.37713040.js → swirl-icon-notifications.entry.ad41bac1.js} +1 -1
  126. package/dist/{swirl-icon-open-in-full.entry.e0ba96d9.js → swirl-icon-open-in-full.entry.f34ff9fc.js} +1 -1
  127. package/dist/{swirl-icon-open-in-new.entry.ebe5ec33.js → swirl-icon-open-in-new.entry.0b8e40cc.js} +1 -1
  128. package/dist/{swirl-icon-pause-circle.entry.ede230cd.js → swirl-icon-pause-circle.entry.ad5b737c.js} +1 -1
  129. package/dist/{swirl-icon-pause.entry.a73abb2d.js → swirl-icon-pause.entry.5ee3adcd.js} +1 -1
  130. package/dist/{swirl-icon-people-alt.entry.1d526fb8.js → swirl-icon-people-alt.entry.0984496b.js} +1 -1
  131. package/dist/{swirl-icon-person-off.entry.2d9d1ae4.js → swirl-icon-person-off.entry.06158a9f.js} +1 -1
  132. package/dist/{swirl-icon-person.entry.daff647d.js → swirl-icon-person.entry.0dadfa0f.js} +1 -1
  133. package/dist/{swirl-icon-phone.entry.c6d3c861.js → swirl-icon-phone.entry.f4e0bf4e.js} +1 -1
  134. package/dist/{swirl-icon-play-arrow.entry.d1ce2f6f.js → swirl-icon-play-arrow.entry.ea5645ac.js} +1 -1
  135. package/dist/{swirl-icon-poll.entry.f9940e61.js → swirl-icon-poll.entry.5ca97847.js} +1 -1
  136. package/dist/{swirl-icon-print.entry.51446410.js → swirl-icon-print.entry.fcf893c7.js} +1 -1
  137. package/dist/{swirl-icon-recieved.entry.9cb12310.js → swirl-icon-recieved.entry.ef67a561.js} +1 -1
  138. package/dist/{swirl-icon-reply.entry.357f520e.js → swirl-icon-reply.entry.211b7529.js} +1 -1
  139. package/dist/{swirl-icon-report.entry.beff9827.js → swirl-icon-report.entry.aa6c64a8.js} +1 -1
  140. package/dist/{swirl-icon-roadmap.entry.92acdd4c.js → swirl-icon-roadmap.entry.817aee1f.js} +1 -1
  141. package/dist/{swirl-icon-search-strong.entry.849c0029.js → swirl-icon-search-strong.entry.3e081996.js} +1 -1
  142. package/dist/{swirl-icon-search.entry.f557def7.js → swirl-icon-search.entry.9d585497.js} +1 -1
  143. package/dist/{swirl-icon-secure.entry.c5340fbe.js → swirl-icon-secure.entry.c5e1f879.js} +1 -1
  144. package/dist/{swirl-icon-send.entry.0f0eb3f7.js → swirl-icon-send.entry.0285245b.js} +1 -1
  145. package/dist/{swirl-icon-settings.entry.4205bb27.js → swirl-icon-settings.entry.5e236a4a.js} +1 -1
  146. package/dist/{swirl-icon-short-text.entry.67bc9164.js → swirl-icon-short-text.entry.7cd8de88.js} +1 -1
  147. package/dist/{swirl-icon-simplify.entry.ec07d9f5.js → swirl-icon-simplify.entry.3466d650.js} +1 -1
  148. package/dist/{swirl-icon-spellcheck.entry.ed4bc00f.js → swirl-icon-spellcheck.entry.3515490e.js} +1 -1
  149. package/dist/{swirl-icon-stop.entry.2ac84ff6.js → swirl-icon-stop.entry.d299c520.js} +1 -1
  150. package/dist/{swirl-icon-sync.entry.58e88747.js → swirl-icon-sync.entry.d59546d8.js} +1 -1
  151. package/dist/{swirl-icon-tasks-filled.entry.73d52802.js → swirl-icon-tasks-filled.entry.695d4bbb.js} +1 -1
  152. package/dist/{swirl-icon-tasks-outlined.entry.c16d8a2a.js → swirl-icon-tasks-outlined.entry.ac6f71c4.js} +1 -1
  153. package/dist/{swirl-icon-time-filled.entry.a3f0dd37.js → swirl-icon-time-filled.entry.0b6d5fa8.js} +1 -1
  154. package/dist/{swirl-icon-time-outlined.entry.f35b6e9b.js → swirl-icon-time-outlined.entry.d8e9bf5f.js} +1 -1
  155. package/dist/{swirl-icon-translate.entry.75ef3acf.js → swirl-icon-translate.entry.a7655988.js} +1 -1
  156. package/dist/{swirl-icon-tree-structure.entry.15fd7536.js → swirl-icon-tree-structure.entry.b1431c34.js} +1 -1
  157. package/dist/{swirl-icon-undo.entry.fdbc4c6f.js → swirl-icon-undo.entry.b1b44c21.js} +1 -1
  158. package/dist/{swirl-icon-unlock-person.entry.9a3a549c.js → swirl-icon-unlock-person.entry.82b7d5bf.js} +1 -1
  159. package/dist/{swirl-icon-user-add.entry.2b18e5c9.js → swirl-icon-user-add.entry.ca47e33b.js} +1 -1
  160. package/dist/{swirl-icon-user-assign.entry.12d641a0.js → swirl-icon-user-assign.entry.24af9e02.js} +1 -1
  161. package/dist/{swirl-icon-video-camera.entry.1f11b58d.js → swirl-icon-video-camera.entry.d17473ea.js} +1 -1
  162. package/dist/{swirl-icon-video-library.entry.655d5cfc.js → swirl-icon-video-library.entry.4332245c.js} +1 -1
  163. package/dist/{swirl-icon-voice.entry.09ab704c.js → swirl-icon-voice.entry.bd8f6060.js} +1 -1
  164. package/dist/{swirl-icon.entry.1ba56f9e.js → swirl-icon.entry.5a097271.js} +1 -1
  165. package/dist/{swirl-image-grid-item.entry.a67b3df4.js → swirl-image-grid-item.entry.9181c4ff.js} +1 -1
  166. package/dist/{swirl-image-grid.entry.d50e47c1.js → swirl-image-grid.entry.594b4eec.js} +1 -1
  167. package/dist/{swirl-inline-notification.entry.ef09aa7f.js → swirl-inline-notification.entry.74bd05c4.js} +1 -1
  168. package/dist/{swirl-inline-status.entry.9e5414e0.js → swirl-inline-status.entry.0f7980bb.js} +1 -1
  169. package/dist/{swirl-lightbox.entry.0d875f08.js → swirl-lightbox.entry.74a4bc13.js} +1 -1
  170. package/dist/{swirl-link.entry.c095fb8e.js → swirl-link.entry.7fd422d9.js} +1 -1
  171. package/dist/{swirl-list.entry.6305c210.js → swirl-list.entry.6362c457.js} +1 -1
  172. package/dist/{swirl-menu-item.entry.3bc499ef.js → swirl-menu-item.entry.2d595584.js} +1 -1
  173. package/dist/{swirl-menu.entry.1da3cfe4.js → swirl-menu.entry.4c84bb2e.js} +1 -1
  174. package/dist/{swirl-modal.entry.2fbb7ec9.js → swirl-modal.entry.b353a492.js} +1 -1
  175. package/dist/{swirl-option-list-section.entry.2b0d142b.js → swirl-option-list-section.entry.7ce453fe.js} +1 -1
  176. package/dist/{swirl-option-list_2.entry.fee35548.js → swirl-option-list_2.entry.87b51453.js} +1 -1
  177. package/dist/{swirl-pagination.entry.16547da2.js → swirl-pagination.entry.9941eac5.js} +1 -1
  178. package/dist/{swirl-pdf-reader.entry.ae7caa23.js → swirl-pdf-reader.entry.7700ed2c.js} +1 -1
  179. package/dist/{swirl-popover_2.entry.6ccfbd11.js → swirl-popover_2.entry.8f2fbcd4.js} +1 -1
  180. package/dist/{swirl-progress-indicator.entry.d1e79dea.js → swirl-progress-indicator.entry.a524ae0c.js} +1 -1
  181. package/dist/{swirl-radio-group.entry.69729bd6.js → swirl-radio-group.entry.d520d3c3.js} +1 -1
  182. package/dist/{swirl-radio.entry.b545376d.js → swirl-radio.entry.cd7c77af.js} +1 -1
  183. package/dist/{swirl-resource-list-file-item.entry.bde30578.js → swirl-resource-list-file-item.entry.6e696403.js} +1 -1
  184. package/dist/{swirl-search.entry.c583fdf0.js → swirl-search.entry.a682d39d.js} +1 -1
  185. package/dist/{swirl-select.entry.0ac2839a.js → swirl-select.entry.0d9ef5d7.js} +1 -1
  186. package/dist/{swirl-shell-layout.entry.bf8b2192.js → swirl-shell-layout.entry.7d539b81.js} +1 -1
  187. package/dist/{swirl-shell-navigation-item.entry.3bc3954d.js → swirl-shell-navigation-item.entry.97d67298.js} +1 -1
  188. package/dist/{swirl-skeleton-box.entry.511306ed.js → swirl-skeleton-box.entry.ffb4b6fa.js} +1 -1
  189. package/dist/{swirl-skeleton-text.entry.ddd0a5d2.js → swirl-skeleton-text.entry.a70e4881.js} +1 -1
  190. package/dist/{swirl-stack.entry.89de9645.js → swirl-stack.entry.60ddc763.js} +1 -1
  191. package/dist/{swirl-status-indicator.entry.f808ddf0.js → swirl-status-indicator.entry.56f7a208.js} +1 -1
  192. package/dist/{swirl-switch.entry.36a0d56e.js → swirl-switch.entry.73fb0eba.js} +1 -1
  193. package/dist/{swirl-symbol-account-circle.entry.edbf6364.js → swirl-symbol-account-circle.entry.db693b6c.js} +1 -1
  194. package/dist/{swirl-symbol-alternate-email.entry.ab60961c.js → swirl-symbol-alternate-email.entry.a9733e28.js} +1 -1
  195. package/dist/{swirl-symbol-android.entry.d70d92c7.js → swirl-symbol-android.entry.1ab0f60f.js} +1 -1
  196. package/dist/{swirl-symbol-announcement.entry.5b55cb0a.js → swirl-symbol-announcement.entry.9b5717e9.js} +1 -1
  197. package/dist/{swirl-symbol-backup.entry.427e39d4.js → swirl-symbol-backup.entry.eb45e832.js} +1 -1
  198. package/dist/{swirl-symbol-beach-access.entry.e65b3774.js → swirl-symbol-beach-access.entry.5b0d011d.js} +1 -1
  199. package/dist/{swirl-symbol-bookmark.entry.6b0bac39.js → swirl-symbol-bookmark.entry.52aa1c16.js} +1 -1
  200. package/dist/{swirl-symbol-cloud.entry.5b790f05.js → swirl-symbol-cloud.entry.bd8c9c71.js} +1 -1
  201. package/dist/{swirl-symbol-coronavirus.entry.aac37369.js → swirl-symbol-coronavirus.entry.38216032.js} +1 -1
  202. package/dist/{swirl-symbol-desktop-windows.entry.3d002ad7.js → swirl-symbol-desktop-windows.entry.f059b1f6.js} +1 -1
  203. package/dist/{swirl-symbol-directions-car-filled.entry.4b232991.js → swirl-symbol-directions-car-filled.entry.76cb4a6a.js} +1 -1
  204. package/dist/{swirl-symbol-edit-calendar.entry.dc6b9174.js → swirl-symbol-edit-calendar.entry.b44777c7.js} +1 -1
  205. package/dist/{swirl-symbol-email.entry.f7ca61ca.js → swirl-symbol-email.entry.00fc5cdb.js} +1 -1
  206. package/dist/{swirl-symbol-emoji-food-beverage.entry.a3ed8241.js → swirl-symbol-emoji-food-beverage.entry.62e40ff0.js} +1 -1
  207. package/dist/{swirl-symbol-event-menu.entry.dc9e959a.js → swirl-symbol-event-menu.entry.6ce95ecb.js} +1 -1
  208. package/dist/{swirl-symbol-facebook.entry.ded3555f.js → swirl-symbol-facebook.entry.f58967f6.js} +1 -1
  209. package/dist/{swirl-symbol-favorite.entry.a4c21ed1.js → swirl-symbol-favorite.entry.03558674.js} +1 -1
  210. package/dist/{swirl-symbol-fitness-center.entry.ef703779.js → swirl-symbol-fitness-center.entry.3263eadd.js} +1 -1
  211. package/dist/{swirl-symbol-flag.entry.47e94e60.js → swirl-symbol-flag.entry.6926a0a6.js} +1 -1
  212. package/dist/{swirl-symbol-folder.entry.f659a2bb.js → swirl-symbol-folder.entry.a89ffd06.js} +1 -1
  213. package/dist/{swirl-symbol-globe.entry.cdd4041c.js → swirl-symbol-globe.entry.eaeda017.js} +1 -1
  214. package/dist/{swirl-symbol-groups.entry.9e6614cb.js → swirl-symbol-groups.entry.28ef5394.js} +1 -1
  215. package/dist/{swirl-symbol-help.entry.b372176f.js → swirl-symbol-help.entry.14885792.js} +1 -1
  216. package/dist/{swirl-symbol-image.entry.5d39454d.js → swirl-symbol-image.entry.d578c4c6.js} +1 -1
  217. package/dist/{swirl-symbol-info-menu.entry.4884e863.js → swirl-symbol-info-menu.entry.c0d6f066.js} +1 -1
  218. package/dist/{swirl-symbol-instagram.entry.9dd04490.js → swirl-symbol-instagram.entry.55be55da.js} +1 -1
  219. package/dist/{swirl-symbol-ios.entry.3a6125ec.js → swirl-symbol-ios.entry.a34922fe.js} +1 -1
  220. package/dist/{swirl-symbol-language.entry.62a316ec.js → swirl-symbol-language.entry.f59676e6.js} +1 -1
  221. package/dist/{swirl-symbol-leaderboard.entry.4fe90737.js → swirl-symbol-leaderboard.entry.6104e745.js} +1 -1
  222. package/dist/{swirl-symbol-lightbulb.entry.ecd57349.js → swirl-symbol-lightbulb.entry.1890ad4e.js} +1 -1
  223. package/dist/{swirl-symbol-linkedin.entry.e11b7ec0.js → swirl-symbol-linkedin.entry.af32ded9.js} +1 -1
  224. package/dist/{swirl-symbol-location-on.entry.16d46697.js → swirl-symbol-location-on.entry.23522f58.js} +1 -1
  225. package/dist/{swirl-symbol-loyalty.entry.0e44ce98.js → swirl-symbol-loyalty.entry.49f63f4d.js} +1 -1
  226. package/dist/{swirl-symbol-maps-home-work.entry.44880359.js → swirl-symbol-maps-home-work.entry.d9a17543.js} +1 -1
  227. package/dist/{swirl-symbol-notifications.entry.66efa21b.js → swirl-symbol-notifications.entry.5b243919.js} +1 -1
  228. package/dist/{swirl-symbol-open-in-new.entry.e6524e64.js → swirl-symbol-open-in-new.entry.00f35182.js} +1 -1
  229. package/dist/{swirl-symbol-pedal-bike.entry.dccebc4b.js → swirl-symbol-pedal-bike.entry.c7e3d9f0.js} +1 -1
  230. package/dist/{swirl-symbol-pinterest.entry.031a11fe.js → swirl-symbol-pinterest.entry.64afc4c5.js} +1 -1
  231. package/dist/{swirl-symbol-policy.entry.ff2df989.js → swirl-symbol-policy.entry.e6dccc98.js} +1 -1
  232. package/dist/{swirl-symbol-push-pin.entry.d8a1e833.js → swirl-symbol-push-pin.entry.366d809c.js} +1 -1
  233. package/dist/{swirl-symbol-redeem.entry.3352279b.js → swirl-symbol-redeem.entry.62084d54.js} +1 -1
  234. package/dist/{swirl-symbol-report-problem.entry.284287e6.js → swirl-symbol-report-problem.entry.3f9b8fea.js} +1 -1
  235. package/dist/{swirl-symbol-restaurant.entry.6e91f4a8.js → swirl-symbol-restaurant.entry.9fc320ce.js} +1 -1
  236. package/dist/{swirl-symbol-roadmap.entry.152682ff.js → swirl-symbol-roadmap.entry.640d4d71.js} +1 -1
  237. package/dist/{swirl-symbol-room.entry.54718aef.js → swirl-symbol-room.entry.c58124a0.js} +1 -1
  238. package/dist/{swirl-symbol-savings.entry.89750ba8.js → swirl-symbol-savings.entry.f012bf15.js} +1 -1
  239. package/dist/{swirl-symbol-settings-voice.entry.4beaa0b8.js → swirl-symbol-settings-voice.entry.64b29c9c.js} +1 -1
  240. package/dist/{swirl-symbol-shopping-cart.entry.d042462a.js → swirl-symbol-shopping-cart.entry.63eb6a1a.js} +1 -1
  241. package/dist/{swirl-symbol-smartphone.entry.e217e64c.js → swirl-symbol-smartphone.entry.e0262396.js} +1 -1
  242. package/dist/{swirl-symbol-star.entry.c72585d1.js → swirl-symbol-star.entry.42a4c747.js} +1 -1
  243. package/dist/{swirl-symbol-supervisor-account.entry.da2b80d9.js → swirl-symbol-supervisor-account.entry.81e7de23.js} +1 -1
  244. package/dist/{swirl-symbol-thumbs-up-down.entry.1fe93980.js → swirl-symbol-thumbs-up-down.entry.5c397ac2.js} +1 -1
  245. package/dist/{swirl-symbol-twitter.entry.89b39ae1.js → swirl-symbol-twitter.entry.56832059.js} +1 -1
  246. package/dist/{swirl-symbol-wb-sunny.entry.554bee55.js → swirl-symbol-wb-sunny.entry.79f64175.js} +1 -1
  247. package/dist/{swirl-symbol-wechat.entry.0fe99356.js → swirl-symbol-wechat.entry.730fbfa3.js} +1 -1
  248. package/dist/{swirl-symbol-weibo.entry.ccfc4cfd.js → swirl-symbol-weibo.entry.2c2207d4.js} +1 -1
  249. package/dist/{swirl-symbol-work.entry.9d92622e.js → swirl-symbol-work.entry.82ceb7be.js} +1 -1
  250. package/dist/{swirl-symbol-xing.entry.6ff11e9a.js → swirl-symbol-xing.entry.31a94c91.js} +1 -1
  251. package/dist/{swirl-symbol-youtube.entry.05c88621.js → swirl-symbol-youtube.entry.126d64cb.js} +1 -1
  252. package/dist/{swirl-symbol.entry.829ddcf1.js → swirl-symbol.entry.cd3fc96e.js} +1 -1
  253. package/dist/{swirl-tab-bar.entry.92fd427e.js → swirl-tab-bar.entry.da2f9e14.js} +1 -1
  254. package/dist/{swirl-tab.entry.e76ea215.js → swirl-tab.entry.498ff59e.js} +1 -1
  255. package/dist/{swirl-table-cell.entry.624fc5b7.js → swirl-table-cell.entry.15d3859f.js} +1 -1
  256. package/dist/{swirl-table-column.entry.ff877c4a.js → swirl-table-column.entry.e8fbfc6b.js} +1 -1
  257. package/dist/{swirl-table-row-group.entry.be38e88d.js → swirl-table-row-group.entry.083cc401.js} +1 -1
  258. package/dist/{swirl-table-row.entry.bd29708e.js → swirl-table-row.entry.a3c969e3.js} +1 -1
  259. package/dist/{swirl-table.entry.57beab01.js → swirl-table.entry.499688de.js} +1 -1
  260. package/dist/{swirl-tabs.entry.354acfab.js → swirl-tabs.entry.a5780a42.js} +1 -1
  261. package/dist/{swirl-text-input.entry.39e6bdf5.js → swirl-text-input.entry.81cd4403.js} +1 -1
  262. package/dist/{swirl-text.entry.823d225e.js → swirl-text.entry.30502e57.js} +1 -1
  263. package/dist/{swirl-theme-provider.entry.860e79a9.js → swirl-theme-provider.entry.d9307ecf.js} +1 -1
  264. package/dist/{swirl-time-input.entry.99719064.js → swirl-time-input.entry.ba489b19.js} +1 -1
  265. package/dist/{swirl-toast-provider.entry.d58ebba7.js → swirl-toast-provider.entry.22b9a871.js} +1 -1
  266. package/dist/{swirl-toast.entry.82a21d80.js → swirl-toast.entry.e1d1764e.js} +1 -1
  267. package/dist/{swirl-toolbar.entry.a57202cc.js → swirl-toolbar.entry.fae87323.js} +1 -1
  268. package/dist/{swirl-tooltip.entry.77817ac7.js → swirl-tooltip.entry.a6448879.js} +1 -1
  269. package/dist/{swirl-tree-navigation-item.entry.2ba041d7.js → swirl-tree-navigation-item.entry.37c983e0.js} +1 -1
  270. package/dist/{swirl-video-thumbnail.entry.b4e7856d.js → swirl-video-thumbnail.entry.43e4f47c.js} +1 -1
  271. package/dist/{swirl-visually-hidden.entry.bd4b59e7.js → swirl-visually-hidden.entry.999e0a4c.js} +1 -1
  272. package/dist/{wc-datepicker.entry.99a4857c.js → wc-datepicker.entry.87c96b55.js} +1 -1
  273. package/package.json +2 -2
@@ -1,4 +1,4 @@
1
- import { r as a, c as n, h as i, H as d, g as s } from "./index.782451ad.js";
1
+ import { r as a, c as n, h as i, H as d, g as s } from "./index.4b5b550f.js";
2
2
  import { c as r } from "./index-d280dafb.186cdb0e.js";
3
3
  import { v as o } from "./v4-fa4bb814.196482d9.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as s, c as i, h as o, H as l, g as a } from "./index.782451ad.js";
1
+ import { r as s, c as i, h as o, H as l, g as a } from "./index.4b5b550f.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = class {
@@ -1,4 +1,4 @@
1
- import { r as s, h as t, H as e } from "./index.782451ad.js";
1
+ import { r as s, h as t, H as e } from "./index.4b5b550f.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {
@@ -1,4 +1,4 @@
1
- import { r as a, h as e, H as n, g as c } from "./index.782451ad.js";
1
+ import { r as a, h as e, H as n, g as c } from "./index.4b5b550f.js";
2
2
  import { q as d, a as h, g as p } from "./utils-9f141e25.a4ae3adc.js";
3
3
  import { c as l } from "./index-d280dafb.186cdb0e.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as n, c as i, h as t, H as a, g as r } from "./index.782451ad.js";
1
+ import { r as n, c as i, h as t, H as a, g as r } from "./index.4b5b550f.js";
2
2
  import { c as l } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, h as s, H as o } from "./index.782451ad.js";
1
+ import { r as n, h as s, H as o } from "./index.4b5b550f.js";
2
2
  import { c as t } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,8 +1,8 @@
1
- import { r as n, c as s, h as i, H as l, g as c, F as r } from "./index.782451ad.js";
1
+ import { r as n, c as s, h as e, H as l, g as c, F as r } from "./index.4b5b550f.js";
2
2
  import { c as d } from "./index-d280dafb.186cdb0e.js";
3
- import { i as m, g as _ } from "./utils-9f141e25.a4ae3adc.js";
4
- import { S as f } from "./sortable.esm-8c3d5856.57c4f048.js";
5
- import { v as x } from "./v4-fa4bb814.196482d9.js";
3
+ import { i as m, g as f } from "./utils-9f141e25.a4ae3adc.js";
4
+ import { S as x } from "./sortable.esm-8c3d5856.57c4f048.js";
5
+ import { v as h } from "./v4-fa4bb814.196482d9.js";
6
6
  import "react";
7
7
  import "react-dom";
8
8
  const k = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
@@ -26,10 +26,10 @@ const k = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
26
26
  constructor(t) {
27
27
  n(this, t), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
28
28
  this.changeMobileView("navigation");
29
- }, this.onCtaClick = (e) => {
30
- this.ctaClick.emit(e);
31
- }, this.onNavigationBackButtonClick = (e) => {
32
- this.navigationBackButtonClick.emit(e);
29
+ }, this.onCtaClick = (i) => {
30
+ this.ctaClick.emit(i);
31
+ }, this.onNavigationBackButtonClick = (i) => {
32
+ this.navigationBackButtonClick.emit(i);
33
33
  }, this.onSidebarCloseButtonClick = () => {
34
34
  this.hideSidebar();
35
35
  }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.ctaIcon = void 0, this.ctaLabel = void 0, this.hideAppBar = void 0, this.navigationBackButtonLabel = "Go back", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.hasCustomAppBarBackButton = void 0, this.hasNavigation = void 0, this.hasSidebar = void 0, this.mobileView = "navigation", this.sidebarActive = void 0, this.sidebarClosing = void 0, this.transitioningFrom = void 0, this.transitioningTo = void 0;
@@ -63,10 +63,10 @@ const k = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
63
63
  async toggleSidebar() {
64
64
  !this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
65
65
  }
66
- async changeMobileView(t, e = !0) {
66
+ async changeMobileView(t, i = !0) {
67
67
  if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
68
68
  return;
69
- if (!m() || !e) {
69
+ if (!m() || !i) {
70
70
  this.mobileView = t, this.mobileViewChange.emit(this.mobileView);
71
71
  return;
72
72
  }
@@ -94,9 +94,9 @@ const k = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
94
94
  this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
95
95
  }
96
96
  render() {
97
- const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), o = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), p = d("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
97
+ const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, i = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), o = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), p = d("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
98
98
  "app-layout--has-app-bar-mobile-menu-button": a,
99
- "app-layout--has-app-bar-controls": e,
99
+ "app-layout--has-app-bar-controls": i,
100
100
  "app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
101
101
  "app-layout--has-custom-sidebar-header": o,
102
102
  "app-layout--has-navigation": this.hasNavigation,
@@ -105,7 +105,7 @@ const k = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
105
105
  "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
106
106
  "app-layout--sidebar-closing": this.sidebarClosing
107
107
  });
108
- return i(l, null, i("section", { "aria-labelledby": "app-name", class: p, role: "document", tabIndex: 0 }, i("div", { class: "app-layout__grid" }, i("header", { class: "app-layout__header" }, i("span", { class: "app-layout__navigation-mobile-menu-button" }, i("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && i("span", { class: "app-layout__navigation-back-button" }, i("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), i("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && i("span", { class: "app-layout__navigation-controls" }, i("slot", { name: "navigation-controls" }))), i("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, i("slot", { name: "navigation" })), i("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && i("header", { class: "app-layout__app-bar" }, i("span", { class: "app-layout__app-bar-mobile-menu-button" }, i("slot", { name: "app-bar-mobile-menu-button" })), t && i("span", { class: "app-layout__back-to-navigation-button" }, i("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), i("span", { class: "app-layout__custom-app-bar-back-button" }, i("slot", { name: "custom-app-bar-back-button" })), i("div", { class: "app-layout__app-bar-content" }, i("slot", { name: "app-bar" })), i("div", { class: "app-layout__app-bar-controls" }, i("slot", { name: "app-bar-controls" }))), i("div", { class: "app-layout__banner" }, i("slot", { name: "banner" })), i("div", { class: "app-layout__content" }, i("slot", { name: "content" }))), i("aside", { class: "app-layout__sidebar" }, i("header", { class: "app-layout__custom-sidebar-header" }, i("slot", { name: "custom-sidebar-header" })), i("header", { class: "app-layout__sidebar-header" }, i("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), i("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), i("div", { class: "app-layout__sidebar-content" }, i("slot", { name: "sidebar" }))), this.ctaLabel && i("span", { class: "app-layout__floating-cta" }, i("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
108
+ return e(l, null, e("section", { "aria-labelledby": "app-name", class: p, role: "document", tabIndex: 0 }, e("div", { class: "app-layout__grid" }, e("header", { class: "app-layout__header" }, e("span", { class: "app-layout__navigation-mobile-menu-button" }, e("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && e("span", { class: "app-layout__navigation-back-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && e("span", { class: "app-layout__navigation-controls" }, e("slot", { name: "navigation-controls" }))), e("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, e("slot", { name: "navigation" })), e("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && e("header", { class: "app-layout__app-bar" }, e("span", { class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { name: "app-bar-mobile-menu-button" })), t && e("span", { class: "app-layout__back-to-navigation-button" }, e("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), e("span", { class: "app-layout__custom-app-bar-back-button" }, e("slot", { name: "custom-app-bar-back-button" })), e("div", { class: "app-layout__app-bar-content" }, e("slot", { name: "app-bar" })), e("div", { class: "app-layout__app-bar-controls" }, e("slot", { name: "app-bar-controls" }))), e("div", { class: "app-layout__banner" }, e("slot", { name: "banner" })), e("div", { class: "app-layout__content" }, e("slot", { name: "content" }))), e("aside", { class: "app-layout__sidebar" }, e("header", { class: "app-layout__custom-sidebar-header" }, e("slot", { name: "custom-sidebar-header" })), e("header", { class: "app-layout__sidebar-header" }, e("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { class: "app-layout__sidebar-content" }, e("slot", { name: "sidebar" }))), this.ctaLabel && e("span", { class: "app-layout__floating-cta" }, e("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
109
109
  }
110
110
  get el() {
111
111
  return c(this);
@@ -122,7 +122,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
122
122
  n(this, t), this.heading = void 0, this.illustration = void 0;
123
123
  }
124
124
  render() {
125
- return i(l, null, i("div", { class: "empty-state" }, this.illustration && i("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), i("div", { class: "empty-state__body" }, this.heading && i("swirl-heading", { align: "center", as: "p", level: 4, text: this.heading }), i("div", { class: "empty-state__content" }, i("swirl-text", { align: "center", color: "subdued" }, i("slot", null))))));
125
+ return e(l, null, e("div", { class: "empty-state" }, this.illustration && e("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { class: "empty-state__body" }, this.heading && e("swirl-heading", { align: "center", as: "p", level: 4, text: this.heading }), e("div", { class: "empty-state__content" }, e("swirl-text", { align: "center", color: "subdued" }, e("slot", null))))));
126
126
  }
127
127
  };
128
128
  B.style = I;
@@ -131,59 +131,66 @@ const S = ":host{display:inline-flex}", D = class {
131
131
  n(this, t), this.size = 24;
132
132
  }
133
133
  render() {
134
- const t = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
135
- return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(r, null, i("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(r, null, i("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && i(r, null, i("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
134
+ const t = this.size === 20 ? 24 : this.size, i = d("swirl-icon", `swirl-icon--size-${this.size}`);
135
+ return e("svg", { class: i, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, null, e("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, null, e("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && e(r, null, e("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
136
136
  }
137
137
  };
138
138
  D.style = S;
139
- const M = ":host{display:inline-flex}", L = class {
139
+ const M = ":host{display:inline-flex}", A = class {
140
140
  constructor(t) {
141
141
  n(this, t), this.size = 24;
142
142
  }
143
143
  render() {
144
- const t = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
145
- return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(r, null, i("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(r, null, i("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && i(r, null, i("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
144
+ const t = this.size === 20 ? 24 : this.size, i = d("swirl-icon", `swirl-icon--size-${this.size}`);
145
+ return e("svg", { class: i, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(r, null, e("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(r, null, e("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && e(r, null, e("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
146
146
  }
147
147
  };
148
- L.style = M;
149
- const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", z = class {
148
+ A.style = M;
149
+ const L = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", T = class {
150
150
  constructor(t) {
151
- n(this, t), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
152
- const a = e.detail;
151
+ n(this, t), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (i) => {
152
+ const a = i.detail;
153
153
  Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
154
- }, this.startDrag = (e) => {
155
- this.dragging = e, this.draggingStartIndex = this.getItemIndex(this.dragging), e.setAttribute("dragging", "true");
154
+ }, this.startDrag = (i) => {
155
+ this.dragging = i, this.draggingStartIndex = this.getItemIndex(this.dragging), i.setAttribute("dragging", "true");
156
156
  const a = this.getItemIndex(this.dragging);
157
157
  this.focusItemAtIndex(a), this.assistiveText = this.assistiveTextItemGrabbed;
158
- }, this.stopDrag = (e) => {
158
+ }, this.stopDrag = (i) => {
159
159
  const a = this.getItemIndex(this.dragging);
160
- this.dragging = void 0, e.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${a + 1}`, this.itemDrop.emit({ item: e, oldIndex: this.draggingStartIndex, newIndex: a }), this.draggingStartIndex = void 0;
161
- }, this.onKeyDown = (e) => {
162
- if (e.code === "ArrowDown")
163
- e.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
164
- else if (e.code === "ArrowUp")
165
- if (e.preventDefault(), Boolean(this.dragging))
160
+ this.dragging = void 0, i.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${a + 1}`, this.itemDrop.emit({ item: i, oldIndex: this.draggingStartIndex, newIndex: a }), this.draggingStartIndex = void 0;
161
+ }, this.onKeyDown = (i) => {
162
+ if (i.code === "ArrowDown")
163
+ i.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
164
+ else if (i.code === "ArrowUp")
165
+ if (i.preventDefault(), Boolean(this.dragging))
166
166
  this.moveDraggedItemUp();
167
167
  else {
168
168
  const a = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
169
169
  this.focusItemAtIndex(a);
170
170
  }
171
- else if (e.code === "Space" || e.code === "Enter") {
172
- const a = e.composedPath()[0];
173
- Boolean(this.dragging) && !(a != null && a.classList.contains("resource-list-item__drag-handle")) && (e.preventDefault(), this.stopDrag(this.dragging));
171
+ else if (i.code === "Space" || i.code === "Enter") {
172
+ const a = i.composedPath()[0];
173
+ if (Boolean(this.dragging) && !(a != null && a.classList.contains("resource-list-item__drag-handle")))
174
+ i.preventDefault(), this.stopDrag(this.dragging);
175
+ else if (Boolean(this.controllingElement)) {
176
+ const o = this.items[this.focusedIndex];
177
+ if (!Boolean(o) || !o.isConnected)
178
+ return;
179
+ i.stopPropagation(), i.preventDefault(), o.click();
180
+ }
174
181
  } else
175
- e.code === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.code === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
176
- }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.label = void 0, this.assistiveText = void 0;
182
+ i.code === "Home" ? (i.preventDefault(), this.focusItemAtIndex(0)) : i.code === "End" && (i.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
183
+ }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.assistiveText = void 0, this.listId = h();
177
184
  }
178
185
  componentDidLoad() {
179
- this.observeSlotChanges(), this.collectItems(), this.setItemAllowDragState(), this.setupDragDrop();
186
+ this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop();
180
187
  }
181
188
  componentDidRender() {
182
189
  this.setupDragDrop();
183
190
  }
184
191
  disconnectedCallback() {
185
- var t, e;
186
- (t = this.sortable) == null || t.destroy(), (e = this.observer) == null || e.disconnect();
192
+ var t, i, a;
193
+ (t = this.sortable) == null || t.destroy(), (i = this.observer) == null || i.disconnect(), (a = this.controllingElement) == null || a.removeEventListener("keydown", this.onKeyDown);
187
194
  }
188
195
  observeSlotChanges() {
189
196
  this.observer = new MutationObserver(() => {
@@ -198,15 +205,19 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
198
205
  this.setItemAllowDragState(), this.setupDragDrop();
199
206
  }
200
207
  collectItems() {
201
- this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((t) => t.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]);
208
+ var t;
209
+ this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
210
+ }
211
+ setupControllingElement() {
212
+ !Boolean(this.controllingElement) || (this.controllingElement.setAttribute("aria-controls", this.listId), this.controllingElement.setAttribute("role", "combobox"), this.controllingElement.setAttribute("aria-autocomplete", "list"), this.controllingElement.addEventListener("keydown", this.onKeyDown));
202
213
  }
203
214
  getItemIndex(t) {
204
- return this.items.map((e) => e).findIndex((e) => e === t);
215
+ return this.items.map((i) => i).findIndex((i) => i === t);
205
216
  }
206
217
  removeItemsFromTabOrder() {
207
218
  this.items.forEach((t) => {
208
- const e = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item"), a = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
209
- e == null || e.setAttribute("tabIndex", "-1"), a == null || a.setAttribute("tabIndex", "-1");
219
+ const i = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item"), a = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
220
+ Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), i == null || i.setAttribute("tabIndex", "-1"), a == null || a.setAttribute("tabIndex", "-1");
210
221
  });
211
222
  }
212
223
  setItemAllowDragState() {
@@ -217,7 +228,7 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
217
228
  });
218
229
  }
219
230
  setupDragDrop() {
220
- Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = f.create(this.gridEl, {
231
+ Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = x.create(this.gridEl, {
221
232
  animation: 150,
222
233
  draggable: "swirl-resource-list-item",
223
234
  handle: ".resource-list-item__drag-handle",
@@ -230,16 +241,16 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
230
241
  }
231
242
  }));
232
243
  }
233
- enableItemFocus(t, e) {
234
- if (!Boolean(t))
244
+ enableItemFocus(t, i) {
245
+ if (!Boolean(t) || Boolean(this.controllingElement))
235
246
  return;
236
247
  const a = t.querySelector(".resource-list-item__content, .resource-list-file-item"), o = t.querySelector(".resource-list-item__drag-handle");
237
- Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(a) && (a.setAttribute("tabIndex", "0"), e && a.focus());
248
+ Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(a) && (a.setAttribute("tabIndex", "0"), i && !Boolean(this.controllingElement) && a.focus());
238
249
  }
239
250
  focusItemAtIndex(t) {
240
251
  this.removeItemsFromTabOrder();
241
- const e = this.items[t];
242
- !Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !0), this.focusedIndex = t);
252
+ const i = this.items[t];
253
+ !Boolean(i) || !i.isConnected || (this.enableItemFocus(i, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (i.setAttribute("aria-selected", "true"), i.scrollIntoView({ block: "nearest" })), this.focusedIndex = t);
243
254
  }
244
255
  moveDraggedItemDown() {
245
256
  const t = this.dragging.nextElementSibling;
@@ -250,7 +261,7 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
250
261
  !Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
251
262
  }
252
263
  render() {
253
- return i(l, { onKeyDown: this.onKeyDown }, i("swirl-visually-hidden", { role: "alert" }, this.assistiveText), i("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (t) => this.gridEl = t, role: "grid" }, i("slot", null)));
264
+ return e(l, { onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { role: "alert" }, this.assistiveText), e("swirl-stack", { "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid" }, e("slot", null)));
254
265
  }
255
266
  get el() {
256
267
  return c(this);
@@ -261,24 +272,24 @@ const T = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
261
272
  };
262
273
  }
263
274
  };
264
- z.style = T;
265
- const A = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta){display:flex;align-items:center}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta) .resource-list-item__control.sc-swirl-resource-list-item{position:relative;top:auto;right:auto;transform:none}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
275
+ T.style = L;
276
+ const z = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta){display:flex;align-items:center}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--show-meta) .resource-list-item__control.sc-swirl-resource-list-item{position:relative;top:auto;right:auto;transform:none}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
266
277
  --swirl-resource-list-item-background-hovered
267
278
  );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
268
279
  0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}.resource-list-item__content.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:0;left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description.sc-swirl-resource-list-item{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-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, V = class {
269
280
  constructor(t) {
270
- n(this, t), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = _(), this.id = x(), this.desktopMediaQueryHandler = (e) => {
271
- this.forceIconProps(e.matches), this.updateIconSize(e.matches);
281
+ n(this, t), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = f(), this.id = h(), this.desktopMediaQueryHandler = (i) => {
282
+ this.forceIconProps(i.matches), this.updateIconSize(i.matches);
272
283
  }, this.onClick = () => {
273
284
  !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
274
285
  }, this.onBlur = () => {
275
286
  this.makeControlUnfocusable();
276
287
  }, this.onFocus = () => {
277
288
  this.makeControlFocusable();
278
- }, this.onMenuTriggerClick = (e) => {
279
- this.disabled && !Boolean(this.href) && e.stopPropagation();
280
- }, this.onDragHandleKeyDown = (e) => {
281
- (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
289
+ }, this.onMenuTriggerClick = (i) => {
290
+ this.disabled && !Boolean(this.href) && i.stopPropagation();
291
+ }, this.onDragHandleKeyDown = (i) => {
292
+ (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.toggleDrag.emit(this.el));
282
293
  }, this.active = void 0, this.allowDrag = void 0, this.checked = !1, this.description = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
283
294
  }
284
295
  async componentWillLoad() {
@@ -288,20 +299,20 @@ const A = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
288
299
  this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
289
300
  }
290
301
  disconnectedCallback() {
291
- var t, e;
292
- (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
302
+ var t, i;
303
+ (i = (t = this.desktopMediaQuery).removeEventListener) == null || i.call(t, "change", this.desktopMediaQueryHandler);
293
304
  }
294
305
  forceIconProps(t) {
295
306
  var a;
296
- const e = (a = this.iconEl) == null ? void 0 : a.children[0];
297
- e == null || e.setAttribute("size", t ? "20" : "24");
307
+ const i = (a = this.iconEl) == null ? void 0 : a.children[0];
308
+ i == null || i.setAttribute("size", t ? "20" : "24");
298
309
  }
299
310
  updateIconSize(t) {
300
311
  this.iconSize = t ? 20 : 24;
301
312
  }
302
313
  updateMediaState() {
303
- const t = this.el.querySelector('[slot="media"]'), e = Boolean(t);
304
- e !== this.hasMedia && (this.hasMedia = e);
314
+ const t = this.el.querySelector('[slot="media"]'), i = Boolean(t);
315
+ i !== this.hasMedia && (this.hasMedia = i);
305
316
  }
306
317
  getControl() {
307
318
  return this.el.querySelector('[slot="control"] button');
@@ -315,7 +326,7 @@ const A = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
315
326
  !Boolean(t) || (t.tabIndex = -1);
316
327
  }
317
328
  render() {
318
- const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), p = Boolean(this.menuTriggerId) || o, h = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || a), g = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, u = (Boolean(this.meta) || a) && !this.selectable, y = this.selectable ? String(this.checked) : void 0, v = this.interactive && this.selectable ? "checkbox" : void 0, w = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
329
+ const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), p = Boolean(this.menuTriggerId) || o, b = this.interactive && Boolean(this.href) ? this.href : void 0, g = o && (Boolean(this.meta) || a), y = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, u = (Boolean(this.meta) || a) && !this.selectable, v = this.selectable ? String(this.checked) : void 0, w = this.interactive && this.selectable ? "checkbox" : void 0, _ = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
319
330
  "resource-list-item--active": this.active,
320
331
  "resource-list-item--checked": this.checked,
321
332
  "resource-list-item--disabled": this.disabled,
@@ -325,21 +336,21 @@ const A = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
325
336
  "resource-list-item--hide-divider": this.hideDivider,
326
337
  "resource-list-item--interactive": this.interactive || this.selectable,
327
338
  "resource-list-item--selectable": this.selectable,
328
- "resource-list-item--show-control-on-focus": b,
339
+ "resource-list-item--show-control-on-focus": g,
329
340
  "resource-list-item--show-meta": u
330
341
  });
331
- return i(l, { role: "row" }, i("div", { class: w, role: "gridcell" }, i(t, { "aria-checked": y, "aria-disabled": e ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: h, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: v, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && i("span", { class: "resource-list-item__media" }, i("slot", { name: "media" })), i("span", { class: "resource-list-item__label-container" }, i("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && i("span", { class: "resource-list-item__description", innerHTML: this.description })), u && i("span", { class: "resource-list-item__meta" }, i("span", { class: "resource-list-item__meta-text" }, this.meta), i("span", { class: "resource-list-item__badges" }, i("slot", { name: "badges" })))), this.selectable && i("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, i("span", { class: "resource-list-item__checkbox-icon" }, this.checked && i("swirl-icon-check-strong", null))), i("span", { class: "resource-list-item__control" }, i("slot", { name: "control" })), g && i("swirl-popover-trigger", { popover: this.menuTriggerId }, i("swirl-button", { "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && i("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, i("swirl-icon-drag-handle", { size: this.iconSize })));
342
+ return e(l, { role: "row" }, e("div", { class: _, role: "gridcell" }, e(t, { "aria-checked": v, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: b, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: w, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { class: "resource-list-item__media" }, e("slot", { name: "media" })), e("span", { class: "resource-list-item__label-container" }, e("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && e("span", { class: "resource-list-item__description", innerHTML: this.description })), u && e("span", { class: "resource-list-item__meta" }, e("span", { class: "resource-list-item__meta-text" }, this.meta), e("span", { class: "resource-list-item__badges" }, e("slot", { name: "badges" })))), this.selectable && e("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", null))), e("span", { class: "resource-list-item__control" }, e("slot", { name: "control" })), y && e("swirl-popover-trigger", { popover: this.menuTriggerId }, e("swirl-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { size: this.iconSize })));
332
343
  }
333
344
  get el() {
334
345
  return c(this);
335
346
  }
336
347
  };
337
- V.style = A;
348
+ V.style = z;
338
349
  export {
339
350
  C as swirl_app_layout,
340
351
  B as swirl_empty_state,
341
352
  D as swirl_icon_file,
342
- L as swirl_icon_folder_shared,
343
- z as swirl_resource_list,
353
+ A as swirl_icon_folder_shared,
354
+ T as swirl_resource_list,
344
355
  V as swirl_resource_list_item
345
356
  };
@@ -1,4 +1,4 @@
1
- import { r as p, c as m, h as o, H as g, g as f } from "./index.782451ad.js";
1
+ import { r as p, c as m, h as o, H as g, g as f } from "./index.4b5b550f.js";
2
2
  import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
3
3
  import { c as w } from "./index-d280dafb.186cdb0e.js";
4
4
  import { d as S } from "./utils-9f141e25.a4ae3adc.js";
@@ -1,4 +1,4 @@
1
- import { r as s, h as a, H as i } from "./index.782451ad.js";
1
+ import { r as s, h as a, H as i } from "./index.4b5b550f.js";
2
2
  import { c as e } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as h, h as a, H as u, g as m } from "./index.782451ad.js";
1
+ import { r as h, h as a, H as u, g as m } from "./index.4b5b550f.js";
2
2
  import { c as e } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as i, h as e, H as t } from "./index.782451ad.js";
1
+ import { r as i, h as e, H as t } from "./index.4b5b550f.js";
2
2
  import { c as r } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as o, c as r, h as t, H as c, g as l } from "./index.782451ad.js";
1
+ import { r as o, c as r, h as t, H as c, g as l } from "./index.4b5b550f.js";
2
2
  import { c as b } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as d } from "./utils-9f141e25.a4ae3adc.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as n, h as d, H as t } from "./index.782451ad.js";
1
+ import { r as n, h as d, H as t } from "./index.4b5b550f.js";
2
2
  import { c as o } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as s, h as r, H as i } from "./index.782451ad.js";
1
+ import { r as s, h as r, H as i } from "./index.4b5b550f.js";
2
2
  import { c as e } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as l, h as o, H as u, g as b } from "./index.782451ad.js";
1
+ import { r as l, h as o, H as u, g as b } from "./index.4b5b550f.js";
2
2
  import { c } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as d } from "./utils-9f141e25.a4ae3adc.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as t, h as e, H as n, g as o } from "./index.782451ad.js";
1
+ import { r as t, h as e, H as n, g as o } from "./index.4b5b550f.js";
2
2
  import { c } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as e, h as i, H as t } from "./index.782451ad.js";
1
+ import { r as e, h as i, H as t } from "./index.4b5b550f.js";
2
2
  import { c as l } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as n, c as a, h as l, H as r, g as c } from "./index.782451ad.js";
1
+ import { r as n, c as a, h as l, H as r, g as c } from "./index.4b5b550f.js";
2
2
  import { d } from "./utils-9f141e25.a4ae3adc.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as b, c as l, h as c, H as t } from "./index.782451ad.js";
1
+ import { r as b, c as l, h as c, H as t } from "./index.4b5b550f.js";
2
2
  import { c as n } from "./index-d280dafb.186cdb0e.js";
3
3
  import "react";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { r as t, c as o, h as r, H as h, g as n } from "./index.782451ad.js";
1
+ import { r as t, c as o, h as r, H as h, g as n } from "./index.4b5b550f.js";
2
2
  import { c as p } from "./index-d280dafb.186cdb0e.js";
3
3
  import { g as l } from "./utils-9f141e25.a4ae3adc.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as L, c as g, h as l, H as B } from "./index.782451ad.js";
1
+ import { r as L, c as g, h as l, H as B } from "./index.4b5b550f.js";
2
2
  import { c as T } from "./index-d280dafb.186cdb0e.js";
3
3
  import { v as z } from "./v4-fa4bb814.196482d9.js";
4
4
  import "react";
@@ -1,4 +1,4 @@
1
- import { r as t, h as s, H as i } from "./index.782451ad.js";
1
+ import { r as t, h as s, H as i } from "./index.4b5b550f.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
@@ -1,4 +1,4 @@
1
- import { a as o, S, b as s, d as w, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as m, o as u, p as y, q as p, s as g, t as C, u as h, v as A, w as T, x as k, y as L, z as F, A as P, B as R, C as v, D as f, E as M, G as E, I as B, J as D, K as O, L as V, M as G, N as x, O as N, P as j, Q as H, R as U, T as W, U as z, V as X, W as Y, X as q, Y as J, Z as K, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ma, ai as ua, aj as ya, ak as pa, al as ga, am as Ca, an as ha, ao as Aa, ap as Ta, aq as ka, ar as La, as as Fa, at as Pa, au as Ra, av as va, aw as fa, ax as Ma, ay as Ea, az as Ba, aA as Da, aB as Oa, aC as Va, aD as Ga, aE as xa, aF as Na, aG as ja, aH as Ha, aI as Ua, aJ as Wa, aK as za, aL as Xa, aM as Ya, aN as qa, aO as Ja, aP as Ka, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as mi, b8 as ui, b9 as yi, ba as pi, bb as gi, bc as Ci, bd as hi, be as Ai, bf as Ti, bg as ki, bh as Li, bi as Fi, bj as Pi, bk as Ri, bl as vi, bm as fi, bn as Mi, bo as Ei, bp as Bi, bq as Di, br as Oi, bs as Vi, bt as Gi, bu as xi, bv as Ni, bw as ji, bx as Hi, by as Ui, bz as Wi, bA as zi, bB as Xi, bC as Yi, bD as qi, bE as Ji, bF as Ki, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as nl, bT as el, bU as cl, bV as tl, bW as Il, bX as bl, bY as dl, bZ as ml, b_ as ul, b$ as yl, c0 as pl, c1 as gl, c2 as Cl, c3 as hl, c4 as Al, c5 as Tl, c6 as kl, c7 as Ll, c8 as Fl, c9 as Pl, ca as Rl, cb as vl, cc as fl, cd as Ml, ce as El, cf as Bl, cg as Dl, ch as Ol, ci as Vl, cj as Gl, ck as xl, cl as Nl, cm as jl, cn as Hl, co as Ul, cp as Wl, cq as zl, cr as Xl, cs as Yl, ct as ql, cu as Jl, cv as Kl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as nr, cJ as er, cK as cr, cL as tr, cM as Ir, cN as br, cO as dr, cP as mr, cQ as ur, cR as yr, cS as pr, cT as gr, cU as Cr, cV as hr, cW as Ar, cX as Tr, cY as kr, cZ as Lr, c_ as Fr, c$ as Pr, d0 as Rr, d1 as vr, d2 as fr, d3 as Mr, d4 as Er, d5 as Br, d6 as Dr, d7 as Or, d8 as Vr, d9 as Gr, da as xr, db as Nr, dc as jr, dd as Hr, de as Ur, df as Wr, dg as zr, dh as Xr, di as Yr, dj as qr, dk as Jr, dl as Kr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co, dC as to, dD as Io, dE as bo, dF as mo, dG as uo, dH as yo, dI as po, dJ as go, dK as Co, dL as ho, dM as Ao, dN as To, dO as ko, dP as Lo, dQ as Fo, dR as Po, dS as Ro, dT as vo, dU as fo, dV as Mo, dW as Eo, dX as Bo, dY as Do, dZ as Oo, d_ as Vo, d$ as Go, e0 as xo, e1 as No } from "./index.782451ad.js";
1
+ import { a as o, S, b as s, d as w, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as m, o as u, p as y, q as p, s as g, t as C, u as h, v as A, w as T, x as k, y as L, z as F, A as P, B as R, C as v, D as f, E as M, G as E, I as B, J as D, K as O, L as V, M as G, N as x, O as N, P as j, Q as H, R as U, T as W, U as z, V as X, W as Y, X as q, Y as J, Z as K, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ma, ai as ua, aj as ya, ak as pa, al as ga, am as Ca, an as ha, ao as Aa, ap as Ta, aq as ka, ar as La, as as Fa, at as Pa, au as Ra, av as va, aw as fa, ax as Ma, ay as Ea, az as Ba, aA as Da, aB as Oa, aC as Va, aD as Ga, aE as xa, aF as Na, aG as ja, aH as Ha, aI as Ua, aJ as Wa, aK as za, aL as Xa, aM as Ya, aN as qa, aO as Ja, aP as Ka, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as mi, b8 as ui, b9 as yi, ba as pi, bb as gi, bc as Ci, bd as hi, be as Ai, bf as Ti, bg as ki, bh as Li, bi as Fi, bj as Pi, bk as Ri, bl as vi, bm as fi, bn as Mi, bo as Ei, bp as Bi, bq as Di, br as Oi, bs as Vi, bt as Gi, bu as xi, bv as Ni, bw as ji, bx as Hi, by as Ui, bz as Wi, bA as zi, bB as Xi, bC as Yi, bD as qi, bE as Ji, bF as Ki, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as nl, bT as el, bU as cl, bV as tl, bW as Il, bX as bl, bY as dl, bZ as ml, b_ as ul, b$ as yl, c0 as pl, c1 as gl, c2 as Cl, c3 as hl, c4 as Al, c5 as Tl, c6 as kl, c7 as Ll, c8 as Fl, c9 as Pl, ca as Rl, cb as vl, cc as fl, cd as Ml, ce as El, cf as Bl, cg as Dl, ch as Ol, ci as Vl, cj as Gl, ck as xl, cl as Nl, cm as jl, cn as Hl, co as Ul, cp as Wl, cq as zl, cr as Xl, cs as Yl, ct as ql, cu as Jl, cv as Kl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as nr, cJ as er, cK as cr, cL as tr, cM as Ir, cN as br, cO as dr, cP as mr, cQ as ur, cR as yr, cS as pr, cT as gr, cU as Cr, cV as hr, cW as Ar, cX as Tr, cY as kr, cZ as Lr, c_ as Fr, c$ as Pr, d0 as Rr, d1 as vr, d2 as fr, d3 as Mr, d4 as Er, d5 as Br, d6 as Dr, d7 as Or, d8 as Vr, d9 as Gr, da as xr, db as Nr, dc as jr, dd as Hr, de as Ur, df as Wr, dg as zr, dh as Xr, di as Yr, dj as qr, dk as Jr, dl as Kr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co, dC as to, dD as Io, dE as bo, dF as mo, dG as uo, dH as yo, dI as po, dJ as go, dK as Co, dL as ho, dM as Ao, dN as To, dO as ko, dP as Lo, dQ as Fo, dR as Po, dS as Ro, dT as vo, dU as fo, dV as Mo, dW as Eo, dX as Bo, dY as Do, dZ as Oo, d_ as Vo, d$ as Go, e0 as xo, e1 as No } from "./index.4b5b550f.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  export {