@nextcloud/vue 9.0.0-rc.1 → 9.0.0-rc.2

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 (280) hide show
  1. package/CHANGELOG.md +46 -11
  2. package/dist/assets/{NcActionButton-DfdRrSEu.css → NcActionButton-B2G7zsju.css} +25 -17
  3. package/dist/assets/{NcActionInput-BNWL2Q-3.css → NcActionInput-SoC93uat.css} +62 -62
  4. package/dist/assets/{NcActionLink-C9_ycPLF.css → NcActionLink-VngQl-C2.css} +21 -13
  5. package/dist/assets/{NcActionRouter-CVsc7Ezc.css → NcActionRouter-CBVOuCQ3.css} +9 -1
  6. package/dist/assets/{NcActionText-C7y7Pe6P.css → NcActionText-CWAPsJmz.css} +9 -1
  7. package/dist/assets/{NcActionTextEditable-OBnWSj_T.css → NcActionTextEditable-BbOijUsB.css} +60 -60
  8. package/dist/assets/{NcActions-D7gPHaUE.css → NcActions-DxcpMfrs.css} +11 -11
  9. package/dist/assets/{NcAppContent-CvTesBem.css → NcAppContent-Di-SbMxO.css} +23 -23
  10. package/dist/assets/{NcAppSidebar-DejDBLy4.css → NcAppSidebar-exl90fRm.css} +56 -59
  11. package/dist/assets/{NcAvatar-UxFZ39EC.css → NcAvatar-B3wk2Xxl.css} +24 -24
  12. package/dist/assets/{NcChip-C-0jMpNk.css → NcChip-VsVAGaG6.css} +9 -9
  13. package/dist/assets/{NcContent-aXaYSfjS.css → NcContent-cRwic6r5.css} +9 -9
  14. package/dist/assets/{NcCounterBubble-DWgyYB0d.css → NcCounterBubble-DpKQwKTI.css} +7 -7
  15. package/dist/assets/{NcDateTimePickerNative-CdHLvH4A.css → NcDateTimePickerNative-CeuS8Oeg.css} +13 -13
  16. package/dist/assets/{NcEmptyContent-BqnUPzZQ.css → NcEmptyContent-q-geAf0w.css} +12 -9
  17. package/dist/assets/{NcGuestContent-C9lbC3vg.css → NcGuestContent-BZ26iXQi.css} +2 -2
  18. package/dist/assets/{NcIconSvgWrapper-BO9Dme5J.css → NcIconSvgWrapper-cYxhjYue.css} +10 -10
  19. package/dist/assets/{NcListItem-D6F_oFLK.css → NcListItem-9eCenovm.css} +44 -44
  20. package/dist/assets/{NcListItemIcon-Bnr-Z-SO.css → NcListItemIcon-DjEDwxRp.css} +13 -13
  21. package/dist/assets/{NcMentionBubble-CB5c5ue2.css → NcMentionBubble-DLOTFwpl.css} +9 -9
  22. package/dist/assets/{index-CjPwAJ46.css → NcModal-DaHROv08.css} +61 -61
  23. package/dist/assets/{NcRichContenteditable-CkyUKlIz.css → NcRichContenteditable-KsmFPJmm.css} +21 -21
  24. package/dist/assets/{NcRichText-BbVi69cc.css → NcRichText-GnQKcHYO.css} +84 -84
  25. package/dist/assets/NcSelectUsers-2-PyuY9Z.css +4 -0
  26. package/dist/assets/{NcUserStatusIcon-Du-BEPk_.css → NcUserStatusIcon-CtJLt6AU.css} +3 -3
  27. package/dist/chunks/{ArrowRight-DQT24Cb-.mjs → ArrowRight-DRKHUZMH.mjs} +3 -3
  28. package/dist/chunks/{ArrowRight-DQT24Cb-.mjs.map → ArrowRight-DRKHUZMH.mjs.map} +1 -1
  29. package/dist/chunks/{NcActionButton-BZEDhdCm.mjs → NcActionButton-CnX0dQzz.mjs} +44 -95
  30. package/dist/chunks/NcActionButton-CnX0dQzz.mjs.map +1 -0
  31. package/dist/chunks/{NcActionButtonGroup-VJlvSBVZ.mjs → NcActionButtonGroup-3Da8b3EI.mjs} +2 -2
  32. package/dist/chunks/{NcActionButtonGroup-VJlvSBVZ.mjs.map → NcActionButtonGroup-3Da8b3EI.mjs.map} +1 -1
  33. package/dist/chunks/{NcActionInput-D1R71Reh.mjs → NcActionInput-DeFy255L.mjs} +11 -18
  34. package/dist/chunks/NcActionInput-DeFy255L.mjs.map +1 -0
  35. package/dist/chunks/{NcActionLink-BTIApspK.mjs → NcActionLink-BEo7zmXX.mjs} +4 -13
  36. package/dist/chunks/{NcActionLink-BTIApspK.mjs.map → NcActionLink-BEo7zmXX.mjs.map} +1 -1
  37. package/dist/chunks/{NcActionRouter-DATNpU_e.mjs → NcActionRouter-ERoQjJKv.mjs} +3 -3
  38. package/dist/chunks/{NcActionRouter-DATNpU_e.mjs.map → NcActionRouter-ERoQjJKv.mjs.map} +1 -1
  39. package/dist/chunks/{NcActionText-3mJjsJz_.mjs → NcActionText-DJWBefhJ.mjs} +3 -3
  40. package/dist/chunks/{NcActionText-3mJjsJz_.mjs.map → NcActionText-DJWBefhJ.mjs.map} +1 -1
  41. package/dist/chunks/{NcActionTextEditable-Dv1_bMFY.mjs → NcActionTextEditable-B7nemAOJ.mjs} +14 -20
  42. package/dist/chunks/NcActionTextEditable-B7nemAOJ.mjs.map +1 -0
  43. package/dist/chunks/{NcActions-2UedVnLW.mjs → NcActions-DS88I6qk.mjs} +22 -20
  44. package/dist/chunks/NcActions-DS88I6qk.mjs.map +1 -0
  45. package/dist/chunks/{NcAppContent-Bdlo1JwI.mjs → NcAppContent-DRhM7Gyz.mjs} +38 -66
  46. package/dist/chunks/NcAppContent-DRhM7Gyz.mjs.map +1 -0
  47. package/dist/chunks/NcAppContentDetails.vue_vue_type_script_setup_true_lang-Dnf4r_Ng.mjs +16 -0
  48. package/dist/chunks/NcAppContentDetails.vue_vue_type_script_setup_true_lang-Dnf4r_Ng.mjs.map +1 -0
  49. package/dist/chunks/{NcAppNavigation-BHLzIgKf.mjs → NcAppNavigation-BVXVi9JQ.mjs} +2 -2
  50. package/dist/chunks/{NcAppNavigation-BHLzIgKf.mjs.map → NcAppNavigation-BVXVi9JQ.mjs.map} +1 -1
  51. package/dist/chunks/{NcAppNavigationCaption-D1_4GAVS.mjs → NcAppNavigationCaption-DkiIEk6r.mjs} +2 -2
  52. package/dist/chunks/{NcAppNavigationCaption-D1_4GAVS.mjs.map → NcAppNavigationCaption-DkiIEk6r.mjs.map} +1 -1
  53. package/dist/chunks/{NcAppNavigationItem-Cxzp2qW7.mjs → NcAppNavigationItem-s3GC1n4o.mjs} +5 -5
  54. package/dist/chunks/{NcAppNavigationItem-Cxzp2qW7.mjs.map → NcAppNavigationItem-s3GC1n4o.mjs.map} +1 -1
  55. package/dist/chunks/{NcAppNavigationNewItem-BNFUFCCJ.mjs → NcAppNavigationNewItem-D1GWsi8R.mjs} +2 -2
  56. package/dist/chunks/{NcAppNavigationNewItem-BNFUFCCJ.mjs.map → NcAppNavigationNewItem-D1GWsi8R.mjs.map} +1 -1
  57. package/dist/chunks/{NcAppNavigationSearch-B7w1J5K3.mjs → NcAppNavigationSearch-Cy0s4XWp.mjs} +2 -2
  58. package/dist/chunks/{NcAppNavigationSearch-B7w1J5K3.mjs.map → NcAppNavigationSearch-Cy0s4XWp.mjs.map} +1 -1
  59. package/dist/chunks/{NcAppNavigationSettings-aTOqq_-d.mjs → NcAppNavigationSettings-GeCb9tlR.mjs} +2 -2
  60. package/dist/chunks/{NcAppNavigationSettings-aTOqq_-d.mjs.map → NcAppNavigationSettings-GeCb9tlR.mjs.map} +1 -1
  61. package/dist/chunks/{NcAppNavigationToggle-CSD4yx6Z.mjs → NcAppNavigationToggle-CFw3W3_o.mjs} +2 -2
  62. package/dist/chunks/{NcAppNavigationToggle-CSD4yx6Z.mjs.map → NcAppNavigationToggle-CFw3W3_o.mjs.map} +1 -1
  63. package/dist/chunks/{NcAppSettingsDialog-DJhRLDT2.mjs → NcAppSettingsDialog-CBLZvdnK.mjs} +3 -3
  64. package/dist/chunks/{NcAppSettingsDialog-DJhRLDT2.mjs.map → NcAppSettingsDialog-CBLZvdnK.mjs.map} +1 -1
  65. package/dist/chunks/{NcAppSidebar-Dnb5U9gv.mjs → NcAppSidebar-BomlW59S.mjs} +9 -9
  66. package/dist/chunks/{NcAppSidebar-Dnb5U9gv.mjs.map → NcAppSidebar-BomlW59S.mjs.map} +1 -1
  67. package/dist/chunks/{NcAvatar-Cg9PDzho.mjs → NcAvatar-CSk-1oFe.mjs} +13 -13
  68. package/dist/chunks/{NcAvatar-Cg9PDzho.mjs.map → NcAvatar-CSk-1oFe.mjs.map} +1 -1
  69. package/dist/chunks/{NcBreadcrumb-DpW0HXlg.mjs → NcBreadcrumb-Bvsnecwa.mjs} +46 -4
  70. package/dist/chunks/NcBreadcrumb-Bvsnecwa.mjs.map +1 -0
  71. package/dist/chunks/{NcBreadcrumbs-CbQjZLpZ.mjs → NcBreadcrumbs-DWU2ZRkM.mjs} +6 -6
  72. package/dist/chunks/{NcBreadcrumbs-CbQjZLpZ.mjs.map → NcBreadcrumbs-DWU2ZRkM.mjs.map} +1 -1
  73. package/dist/chunks/{NcCheckboxRadioSwitch-BmzUQ-WN.mjs → NcCheckboxRadioSwitch-Ca1ouh22.mjs} +2 -2
  74. package/dist/chunks/{NcCheckboxRadioSwitch-BmzUQ-WN.mjs.map → NcCheckboxRadioSwitch-Ca1ouh22.mjs.map} +1 -1
  75. package/dist/chunks/{NcChip-BQRPT42V.mjs → NcChip-Cl6RfDoK.mjs} +11 -9
  76. package/dist/chunks/NcChip-Cl6RfDoK.mjs.map +1 -0
  77. package/dist/chunks/{NcCollectionList-CUlNTcYX.mjs → NcCollectionList-CxzQkCFq.mjs} +6 -6
  78. package/dist/chunks/{NcCollectionList-CUlNTcYX.mjs.map → NcCollectionList-CxzQkCFq.mjs.map} +1 -1
  79. package/dist/chunks/{NcColorPicker-DGwM1Zki.mjs → NcColorPicker-BjsBCkEt.mjs} +4 -4
  80. package/dist/chunks/{NcColorPicker-DGwM1Zki.mjs.map → NcColorPicker-BjsBCkEt.mjs.map} +1 -1
  81. package/dist/chunks/{NcContent-BhN8SiS1.mjs → NcContent-DtM8j8ub.mjs} +5 -5
  82. package/dist/chunks/{NcContent-BhN8SiS1.mjs.map → NcContent-DtM8j8ub.mjs.map} +1 -1
  83. package/dist/chunks/NcCounterBubble-PBdqn9Nf.mjs +52 -0
  84. package/dist/chunks/NcCounterBubble-PBdqn9Nf.mjs.map +1 -0
  85. package/dist/chunks/{NcDashboardWidget-CC2pZ6GI.mjs → NcDashboardWidget-uBobynyZ.mjs} +5 -5
  86. package/dist/chunks/{NcDashboardWidget-CC2pZ6GI.mjs.map → NcDashboardWidget-uBobynyZ.mjs.map} +1 -1
  87. package/dist/chunks/{NcDashboardWidgetItem-BsHwLKh3.mjs → NcDashboardWidgetItem-DnI9uLf1.mjs} +4 -4
  88. package/dist/chunks/{NcDashboardWidgetItem-BsHwLKh3.mjs.map → NcDashboardWidgetItem-DnI9uLf1.mjs.map} +1 -1
  89. package/dist/chunks/{NcDateTime.vue_vue_type_script_setup_true_lang-CKX0mNnP.mjs → NcDateTime.vue_vue_type_script_setup_true_lang-BD-rj6Dr.mjs} +2 -2
  90. package/dist/chunks/{NcDateTime.vue_vue_type_script_setup_true_lang-CKX0mNnP.mjs.map → NcDateTime.vue_vue_type_script_setup_true_lang-BD-rj6Dr.mjs.map} +1 -1
  91. package/dist/chunks/{NcDateTimePicker-BM9F_PSI.mjs → NcDateTimePicker-DYNOGc6A.mjs} +5 -5
  92. package/dist/chunks/{NcDateTimePicker-BM9F_PSI.mjs.map → NcDateTimePicker-DYNOGc6A.mjs.map} +1 -1
  93. package/dist/chunks/{NcDateTimePickerNative-DoGQFKev.mjs → NcDateTimePickerNative-D0pjWawX.mjs} +5 -6
  94. package/dist/chunks/NcDateTimePickerNative-D0pjWawX.mjs.map +1 -0
  95. package/dist/chunks/{NcDialog-CbXsHgYI.mjs → NcDialog-BQNR_-Ju.mjs} +3 -3
  96. package/dist/chunks/{NcDialog-CbXsHgYI.mjs.map → NcDialog-BQNR_-Ju.mjs.map} +1 -1
  97. package/dist/chunks/{NcDialogButton.vue_vue_type_script_setup_true_lang-DR0Yn-dH.mjs → NcDialogButton.vue_vue_type_script_setup_true_lang-DAZ2Budh.mjs} +3 -3
  98. package/dist/chunks/{NcDialogButton.vue_vue_type_script_setup_true_lang-DR0Yn-dH.mjs.map → NcDialogButton.vue_vue_type_script_setup_true_lang-DAZ2Budh.mjs.map} +1 -1
  99. package/dist/chunks/{NcEmojiPicker-B0y1ZY5N.mjs → NcEmojiPicker-lhuMMbDy.mjs} +6 -6
  100. package/dist/chunks/{NcEmojiPicker-B0y1ZY5N.mjs.map → NcEmojiPicker-lhuMMbDy.mjs.map} +1 -1
  101. package/dist/chunks/{NcEmptyContent-CBWBkBL8.mjs → NcEmptyContent-BdOezubv.mjs} +3 -3
  102. package/dist/chunks/NcEmptyContent-BdOezubv.mjs.map +1 -0
  103. package/dist/chunks/NcGuestContent-B_S2nyJ4.mjs +25 -0
  104. package/dist/chunks/NcGuestContent-B_S2nyJ4.mjs.map +1 -0
  105. package/dist/chunks/{NcHeaderMenu-D-WDQIHd.mjs → NcHeaderMenu-o9FmNBI5.mjs} +2 -2
  106. package/dist/chunks/{NcHeaderMenu-D-WDQIHd.mjs.map → NcHeaderMenu-o9FmNBI5.mjs.map} +1 -1
  107. package/dist/chunks/NcIconSvgWrapper-BOiCKv0b.mjs +68 -0
  108. package/dist/chunks/NcIconSvgWrapper-BOiCKv0b.mjs.map +1 -0
  109. package/dist/chunks/{NcInputConfirmCancel-CUJM5y0h.mjs → NcInputConfirmCancel-C1K1gyQA.mjs} +4 -4
  110. package/dist/chunks/{NcInputConfirmCancel-CUJM5y0h.mjs.map → NcInputConfirmCancel-C1K1gyQA.mjs.map} +1 -1
  111. package/dist/chunks/{NcListItem-Bx_uxyFR.mjs → NcListItem-C2LlJgjL.mjs} +5 -5
  112. package/dist/chunks/{NcListItem-Bx_uxyFR.mjs.map → NcListItem-C2LlJgjL.mjs.map} +1 -1
  113. package/dist/chunks/{NcListItemIcon-CytWJM69.mjs → NcListItemIcon-5ms0eK3w.mjs} +6 -6
  114. package/dist/chunks/{NcListItemIcon-CytWJM69.mjs.map → NcListItemIcon-5ms0eK3w.mjs.map} +1 -1
  115. package/dist/chunks/{NcMentionBubble.vue_vue_type_style_index_0_scoped_5b8f093f_lang-DZbkIMTW.mjs → NcMentionBubble.vue_vue_type_style_index_0_scoped_c29760cd_lang-CZdrlInz.mjs} +2 -2
  116. package/dist/chunks/{NcMentionBubble.vue_vue_type_style_index_0_scoped_5b8f093f_lang-DZbkIMTW.mjs.map → NcMentionBubble.vue_vue_type_style_index_0_scoped_c29760cd_lang-CZdrlInz.mjs.map} +1 -1
  117. package/dist/chunks/NcModal-BisVxXe_.mjs +780 -0
  118. package/dist/chunks/NcModal-BisVxXe_.mjs.map +1 -0
  119. package/dist/chunks/{NcPasswordField-Cac3cpVY.mjs → NcPasswordField-hZiEd3tC.mjs} +2 -2
  120. package/dist/chunks/{NcPasswordField-Cac3cpVY.mjs.map → NcPasswordField-hZiEd3tC.mjs.map} +1 -1
  121. package/dist/chunks/{NcPopover-CzrFCS-2.mjs → NcPopover-MsWUAvsI.mjs} +10 -5
  122. package/dist/chunks/NcPopover-MsWUAvsI.mjs.map +1 -0
  123. package/dist/chunks/{NcRelatedResourcesPanel-BBKk-jjB.mjs → NcRelatedResourcesPanel-CShyi9lg.mjs} +3 -3
  124. package/dist/chunks/{NcRelatedResourcesPanel-BBKk-jjB.mjs.map → NcRelatedResourcesPanel-CShyi9lg.mjs.map} +1 -1
  125. package/dist/chunks/{NcRichContenteditable-gt56b0Uw.mjs → NcRichContenteditable-DgH9H1qf.mjs} +22 -42
  126. package/dist/chunks/NcRichContenteditable-DgH9H1qf.mjs.map +1 -0
  127. package/dist/chunks/{NcRichText-CMRNgGQw.mjs → NcRichText-BkKK1moX.mjs} +8 -6
  128. package/dist/chunks/{NcRichText-CMRNgGQw.mjs.map → NcRichText-BkKK1moX.mjs.map} +1 -1
  129. package/dist/chunks/{NcSelect-DFMnY4fI.mjs → NcSelect-BSa2kSPW.mjs} +2 -4
  130. package/dist/chunks/NcSelect-BSa2kSPW.mjs.map +1 -0
  131. package/dist/chunks/{NcSelectTags-BpFmhbdp.mjs → NcSelectTags-BW0QroJV.mjs} +3 -3
  132. package/dist/chunks/{NcSelectTags-BpFmhbdp.mjs.map → NcSelectTags-BW0QroJV.mjs.map} +1 -1
  133. package/dist/chunks/NcSelectUsers-Bhx9k-0v.mjs +76 -0
  134. package/dist/chunks/NcSelectUsers-Bhx9k-0v.mjs.map +1 -0
  135. package/dist/chunks/{NcSettingsInputText-CMBC7DaG.mjs → NcSettingsInputText-CrOqaL-x.mjs} +2 -2
  136. package/dist/chunks/{NcSettingsInputText-CMBC7DaG.mjs.map → NcSettingsInputText-CrOqaL-x.mjs.map} +1 -1
  137. package/dist/chunks/{NcSettingsSection-Crla6NXM.mjs → NcSettingsSection-D6ShpfeY.mjs} +2 -2
  138. package/dist/chunks/{NcSettingsSection-Crla6NXM.mjs.map → NcSettingsSection-D6ShpfeY.mjs.map} +1 -1
  139. package/dist/chunks/{NcSettingsSelectGroup-BOv1UgHX.mjs → NcSettingsSelectGroup-DpNxkoZ2.mjs} +3 -3
  140. package/dist/chunks/{NcSettingsSelectGroup-BOv1UgHX.mjs.map → NcSettingsSelectGroup-DpNxkoZ2.mjs.map} +1 -1
  141. package/dist/chunks/{NcTextField-Dzv_qpmt.mjs → NcTextField-DJ1KtSKd.mjs} +4 -4
  142. package/dist/chunks/{NcTextField-Dzv_qpmt.mjs.map → NcTextField-DJ1KtSKd.mjs.map} +1 -1
  143. package/dist/chunks/{NcTimezonePicker.vue_vue_type_script_setup_true_lang-BK7HxZja.mjs → NcTimezonePicker.vue_vue_type_script_setup_true_lang-T3gPr-FV.mjs} +3 -3
  144. package/dist/chunks/{NcTimezonePicker.vue_vue_type_script_setup_true_lang-BK7HxZja.mjs.map → NcTimezonePicker.vue_vue_type_script_setup_true_lang-T3gPr-FV.mjs.map} +1 -1
  145. package/dist/chunks/{NcUserBubble-CnsRuBNe.mjs → NcUserBubble-Csot0WLv.mjs} +3 -3
  146. package/dist/chunks/{NcUserBubble-CnsRuBNe.mjs.map → NcUserBubble-Csot0WLv.mjs.map} +1 -1
  147. package/dist/chunks/{NcUserStatusIcon-M_93a-z6.mjs → NcUserStatusIcon-CtOZd90o.mjs} +54 -103
  148. package/dist/chunks/NcUserStatusIcon-CtOZd90o.mjs.map +1 -0
  149. package/dist/chunks/{_l10n-dinIMiE_.mjs → _l10n-Bg-fZ9R0.mjs} +22 -26
  150. package/dist/chunks/_l10n-Bg-fZ9R0.mjs.map +1 -0
  151. package/dist/chunks/{actionText-BiV1_BZX.mjs → actionText-DdSwf9le.mjs} +7 -10
  152. package/dist/chunks/actionText-DdSwf9le.mjs.map +1 -0
  153. package/dist/chunks/{colors-AMTxjrbV.mjs → colors-BPGhD2C5.mjs} +2 -2
  154. package/dist/chunks/{colors-AMTxjrbV.mjs.map → colors-BPGhD2C5.mjs.map} +1 -1
  155. package/dist/chunks/{mdi-zYpVOORa.mjs → mdi-CR-3gwdl.mjs} +12 -8
  156. package/dist/chunks/{mdi-zYpVOORa.mjs.map → mdi-CR-3gwdl.mjs.map} +1 -1
  157. package/dist/chunks/{referencePickerModal-CMgdGDsm.mjs → referencePickerModal-Dw1szWUR.mjs} +6 -6
  158. package/dist/chunks/{referencePickerModal-CMgdGDsm.mjs.map → referencePickerModal-Dw1szWUR.mjs.map} +1 -1
  159. package/dist/chunks/{useFormatDateTime-lk3QDXbQ.mjs → useFormatDateTime-L411ysPm.mjs} +2 -2
  160. package/dist/chunks/{useFormatDateTime-lk3QDXbQ.mjs.map → useFormatDateTime-L411ysPm.mjs.map} +1 -1
  161. package/dist/chunks/{usernameToColor-CmB20TBI.mjs → usernameToColor-CuTR6O_B.mjs} +2 -2
  162. package/dist/chunks/{usernameToColor-CmB20TBI.mjs.map → usernameToColor-CuTR6O_B.mjs.map} +1 -1
  163. package/dist/components/NcActionButton/NcActionButton.vue.d.ts +38 -27
  164. package/dist/components/NcActionButton/index.mjs +1 -1
  165. package/dist/components/NcActionButtonGroup/index.mjs +1 -1
  166. package/dist/components/NcActionInput/index.mjs +1 -1
  167. package/dist/components/NcActionLink/index.mjs +1 -1
  168. package/dist/components/NcActionRouter/NcActionRouter.vue.d.ts +1 -4
  169. package/dist/components/NcActionRouter/index.mjs +1 -1
  170. package/dist/components/NcActionText/NcActionText.vue.d.ts +1 -4
  171. package/dist/components/NcActionText/index.mjs +1 -1
  172. package/dist/components/NcActionTextEditable/NcActionTextEditable.vue.d.ts +22 -7
  173. package/dist/components/NcActionTextEditable/index.mjs +1 -1
  174. package/dist/components/NcActions/index.mjs +1 -1
  175. package/dist/components/NcAppContent/NcAppContent.vue.d.ts +225 -0
  176. package/dist/components/NcAppContent/NcAppDetailsToggle.vue.d.ts +2 -0
  177. package/dist/components/NcAppContent/index.mjs +1 -1
  178. package/dist/components/NcAppContentDetails/NcAppContentDetails.vue.d.ts +27 -1
  179. package/dist/components/NcAppContentDetails/index.d.ts +4 -0
  180. package/dist/components/NcAppContentDetails/index.mjs +2 -2
  181. package/dist/components/NcAppNavigation/index.mjs +1 -1
  182. package/dist/components/NcAppNavigationCaption/index.mjs +1 -1
  183. package/dist/components/NcAppNavigationItem/index.mjs +1 -1
  184. package/dist/components/NcAppNavigationNewItem/index.mjs +1 -1
  185. package/dist/components/NcAppNavigationSearch/index.mjs +1 -1
  186. package/dist/components/NcAppNavigationSettings/index.mjs +1 -1
  187. package/dist/components/NcAppNavigationToggle/index.mjs +1 -1
  188. package/dist/components/NcAppSettingsDialog/index.mjs +1 -1
  189. package/dist/components/NcAppSidebar/index.mjs +1 -1
  190. package/dist/components/NcAvatar/index.mjs +1 -1
  191. package/dist/components/NcBreadcrumb/index.mjs +1 -1
  192. package/dist/components/NcBreadcrumbs/index.mjs +1 -1
  193. package/dist/components/NcCheckboxRadioSwitch/index.mjs +1 -1
  194. package/dist/components/NcChip/NcChip.vue.d.ts +5 -0
  195. package/dist/components/NcChip/index.mjs +1 -1
  196. package/dist/components/NcCollectionList/index.mjs +1 -1
  197. package/dist/components/NcColorPicker/index.mjs +1 -1
  198. package/dist/components/NcContent/index.mjs +1 -1
  199. package/dist/components/NcCounterBubble/NcCounterBubble.vue.d.ts +10 -60
  200. package/dist/components/NcCounterBubble/index.d.ts +4 -0
  201. package/dist/components/NcCounterBubble/index.mjs +1 -1
  202. package/dist/components/NcDashboardWidget/index.mjs +1 -1
  203. package/dist/components/NcDashboardWidgetItem/index.mjs +1 -1
  204. package/dist/components/NcDateTime/index.mjs +1 -1
  205. package/dist/components/NcDateTimePicker/index.mjs +1 -1
  206. package/dist/components/NcDateTimePickerNative/NcDateTimePickerNative.vue.d.ts +178 -1
  207. package/dist/components/NcDateTimePickerNative/index.mjs +1 -1
  208. package/dist/components/NcDialog/index.mjs +1 -1
  209. package/dist/components/NcDialogButton/index.mjs +1 -1
  210. package/dist/components/NcEmojiPicker/index.mjs +1 -1
  211. package/dist/components/NcEmptyContent/index.mjs +1 -1
  212. package/dist/components/NcGuestContent/NcGuestContent.vue.d.ts +19 -1
  213. package/dist/components/NcGuestContent/index.d.ts +4 -0
  214. package/dist/components/NcGuestContent/index.mjs +1 -1
  215. package/dist/components/NcHeaderMenu/index.mjs +1 -1
  216. package/dist/components/NcIconSvgWrapper/NcIconSvgWrapper.vue.d.ts +11 -86
  217. package/dist/components/NcIconSvgWrapper/index.d.ts +4 -0
  218. package/dist/components/NcIconSvgWrapper/index.mjs +1 -1
  219. package/dist/components/NcListItem/index.mjs +1 -1
  220. package/dist/components/NcListItemIcon/index.mjs +1 -1
  221. package/dist/components/NcModal/index.d.ts +1 -2
  222. package/dist/components/NcModal/index.mjs +2 -779
  223. package/dist/components/NcModal/index.mjs.map +1 -1
  224. package/dist/components/NcPasswordField/index.mjs +1 -1
  225. package/dist/components/NcPopover/index.mjs +1 -1
  226. package/dist/components/NcRelatedResourcesPanel/index.mjs +1 -1
  227. package/dist/components/NcRichContenteditable/NcAutoCompleteResult.vue.d.ts +18 -19
  228. package/dist/components/NcRichContenteditable/NcMentionBubble.vue.d.ts +0 -18
  229. package/dist/components/NcRichContenteditable/index.mjs +1 -1
  230. package/dist/components/NcRichText/index.mjs +3 -3
  231. package/dist/components/NcSelect/index.mjs +1 -1
  232. package/dist/components/NcSelectTags/index.mjs +1 -1
  233. package/dist/components/NcSelectUsers/NcSelectUsers.vue.d.ts +3 -3
  234. package/dist/components/NcSelectUsers/index.mjs +2 -70
  235. package/dist/components/NcSelectUsers/index.mjs.map +1 -1
  236. package/dist/components/NcSettingsInputText/index.mjs +1 -1
  237. package/dist/components/NcSettingsSection/index.mjs +1 -1
  238. package/dist/components/NcSettingsSelectGroup/index.mjs +1 -1
  239. package/dist/components/NcTextField/index.mjs +1 -1
  240. package/dist/components/NcTimezonePicker/index.mjs +1 -1
  241. package/dist/components/NcUserBubble/index.mjs +1 -1
  242. package/dist/components/NcUserStatusIcon/NcUserStatusIcon.vue.d.ts +21 -1
  243. package/dist/components/NcUserStatusIcon/index.d.ts +4 -0
  244. package/dist/components/NcUserStatusIcon/index.mjs +1 -1
  245. package/dist/components/index.d.ts +8 -7
  246. package/dist/functions/reference/index.mjs +1 -1
  247. package/dist/functions/usernameToColor/index.mjs +1 -1
  248. package/dist/index.mjs +140 -138
  249. package/dist/index.mjs.map +1 -1
  250. package/dist/mixins/actionText.d.ts +1 -6
  251. package/package.json +4 -5
  252. package/dist/assets/index-D9L0rgJk.css +0 -4
  253. package/dist/chunks/ChevronRight-LvtA5_hq.mjs +0 -49
  254. package/dist/chunks/ChevronRight-LvtA5_hq.mjs.map +0 -1
  255. package/dist/chunks/NcActionButton-BZEDhdCm.mjs.map +0 -1
  256. package/dist/chunks/NcActionInput-D1R71Reh.mjs.map +0 -1
  257. package/dist/chunks/NcActionTextEditable-Dv1_bMFY.mjs.map +0 -1
  258. package/dist/chunks/NcActions-2UedVnLW.mjs.map +0 -1
  259. package/dist/chunks/NcAppContent-Bdlo1JwI.mjs.map +0 -1
  260. package/dist/chunks/NcAppContentDetails-DsEEBJ0U.mjs +0 -16
  261. package/dist/chunks/NcAppContentDetails-DsEEBJ0U.mjs.map +0 -1
  262. package/dist/chunks/NcBreadcrumb-DpW0HXlg.mjs.map +0 -1
  263. package/dist/chunks/NcChip-BQRPT42V.mjs.map +0 -1
  264. package/dist/chunks/NcCounterBubble-6B_JNUUS.mjs +0 -78
  265. package/dist/chunks/NcCounterBubble-6B_JNUUS.mjs.map +0 -1
  266. package/dist/chunks/NcDateTimePickerNative-DoGQFKev.mjs.map +0 -1
  267. package/dist/chunks/NcEmptyContent-CBWBkBL8.mjs.map +0 -1
  268. package/dist/chunks/NcGuestContent-iQpV7mLC.mjs +0 -23
  269. package/dist/chunks/NcGuestContent-iQpV7mLC.mjs.map +0 -1
  270. package/dist/chunks/NcIconSvgWrapper-DZBRQNfG.mjs +0 -120
  271. package/dist/chunks/NcIconSvgWrapper-DZBRQNfG.mjs.map +0 -1
  272. package/dist/chunks/NcPopover-CzrFCS-2.mjs.map +0 -1
  273. package/dist/chunks/NcRichContenteditable-gt56b0Uw.mjs.map +0 -1
  274. package/dist/chunks/NcSelect-DFMnY4fI.mjs.map +0 -1
  275. package/dist/chunks/NcUserStatusIcon-M_93a-z6.mjs.map +0 -1
  276. package/dist/chunks/ScopeComponent-Cr_cohWX.mjs +0 -15
  277. package/dist/chunks/ScopeComponent-Cr_cohWX.mjs.map +0 -1
  278. package/dist/chunks/_l10n-dinIMiE_.mjs.map +0 -1
  279. package/dist/chunks/actionText-BiV1_BZX.mjs.map +0 -1
  280. package/dist/utils/ScopeComponent.d.ts +0 -6
@@ -1,782 +1,5 @@
1
- import '../../assets/index-CjPwAJ46.css';
2
- import { S as ScopeComponent } from "../../chunks/ScopeComponent-Cr_cohWX.mjs";
3
- import { useSwipe } from "@vueuse/core";
4
- import { b as mdiChevronRight, c as mdiChevronLeft } from "../../chunks/mdi-zYpVOORa.mjs";
5
- import { createFocusTrap } from "focus-trap";
6
- import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, createBlock, Transition, withCtx, withDirectives, normalizeStyle, normalizeClass, createVNode, renderSlot, withModifiers, vShow, warn } from "vue";
7
- import { c as createElementId } from "../../chunks/createElementId-DhjFt1I9.mjs";
8
- import { g as getTrapStack } from "../../chunks/focusTrap-DmkaYJTC.mjs";
9
- import { r as register, z as t34, A as t18, a as t } from "../../chunks/_l10n-dinIMiE_.mjs";
10
- import { N as NcActions } from "../../chunks/NcActions-2UedVnLW.mjs";
11
- import { N as NcButton } from "../../chunks/NcButton-Byg8-ta1.mjs";
12
- import { N as NcIconSvgWrapper } from "../../chunks/NcIconSvgWrapper-DZBRQNfG.mjs";
13
- import { I as IconClose } from "../../chunks/Close-D6ngJ4t9.mjs";
14
- import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper-1tPrXgE0.mjs";
15
- register(t18, t34);
16
- function timer(callback, delay) {
17
- let id;
18
- let started;
19
- let remaining = delay;
20
- let running;
21
- this.start = function() {
22
- running = true;
23
- started = /* @__PURE__ */ new Date();
24
- id = setTimeout(callback, remaining);
25
- };
26
- this.pause = function() {
27
- running = false;
28
- clearTimeout(id);
29
- remaining -= /* @__PURE__ */ new Date() - started;
30
- };
31
- this.clear = function() {
32
- running = false;
33
- clearTimeout(id);
34
- remaining = 0;
35
- };
36
- this.getTimeLeft = function() {
37
- if (running) {
38
- this.pause();
39
- this.start();
40
- }
41
- return remaining;
42
- };
43
- this.getStateRunning = function() {
44
- return running;
45
- };
46
- this.start();
47
- }
48
- const _sfc_main$2 = {
49
- name: "PauseIcon",
50
- emits: ["click"],
51
- props: {
52
- title: {
53
- type: String
54
- },
55
- fillColor: {
56
- type: String,
57
- default: "currentColor"
58
- },
59
- size: {
60
- type: Number,
61
- default: 24
62
- }
63
- }
64
- };
65
- const _hoisted_1$2 = ["aria-hidden", "aria-label"];
66
- const _hoisted_2$2 = ["fill", "width", "height"];
67
- const _hoisted_3$2 = { d: "M14,19H18V5H14M6,19H10V5H6V19Z" };
68
- const _hoisted_4$2 = { key: 0 };
69
- function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
70
- return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
71
- "aria-hidden": $props.title ? null : "true",
72
- "aria-label": $props.title,
73
- class: "material-design-icon pause-icon",
74
- role: "img",
75
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
76
- }), [
77
- (openBlock(), createElementBlock("svg", {
78
- fill: $props.fillColor,
79
- class: "material-design-icon__svg",
80
- width: $props.size,
81
- height: $props.size,
82
- viewBox: "0 0 24 24"
83
- }, [
84
- createElementVNode("path", _hoisted_3$2, [
85
- $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$2, toDisplayString($props.title), 1)) : createCommentVNode("", true)
86
- ])
87
- ], 8, _hoisted_2$2))
88
- ], 16, _hoisted_1$2);
89
- }
90
- const Pause = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
91
- const _sfc_main$1 = {
92
- name: "PlayIcon",
93
- emits: ["click"],
94
- props: {
95
- title: {
96
- type: String
97
- },
98
- fillColor: {
99
- type: String,
100
- default: "currentColor"
101
- },
102
- size: {
103
- type: Number,
104
- default: 24
105
- }
106
- }
107
- };
108
- const _hoisted_1$1 = ["aria-hidden", "aria-label"];
109
- const _hoisted_2$1 = ["fill", "width", "height"];
110
- const _hoisted_3$1 = { d: "M8,5.14V19.14L19,12.14L8,5.14Z" };
111
- const _hoisted_4$1 = { key: 0 };
112
- function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
113
- return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
114
- "aria-hidden": $props.title ? null : "true",
115
- "aria-label": $props.title,
116
- class: "material-design-icon play-icon",
117
- role: "img",
118
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
119
- }), [
120
- (openBlock(), createElementBlock("svg", {
121
- fill: $props.fillColor,
122
- class: "material-design-icon__svg",
123
- width: $props.size,
124
- height: $props.size,
125
- viewBox: "0 0 24 24"
126
- }, [
127
- createElementVNode("path", _hoisted_3$1, [
128
- $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$1, toDisplayString($props.title), 1)) : createCommentVNode("", true)
129
- ])
130
- ], 8, _hoisted_2$1))
131
- ], 16, _hoisted_1$1);
132
- }
133
- const Play = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
134
- const _sfc_main = {
135
- name: "NcModal",
136
- components: {
137
- Close: IconClose,
138
- Pause,
139
- Play,
140
- NcActions,
141
- NcButton,
142
- NcIconSvgWrapper
143
- },
144
- props: {
145
- /**
146
- * Name to be shown with the modal
147
- */
148
- name: {
149
- type: String,
150
- default: ""
151
- },
152
- /**
153
- * Declare if a previous slide is available
154
- */
155
- hasPrevious: {
156
- type: Boolean,
157
- default: false
158
- },
159
- /**
160
- * Declare if a next slide is available
161
- */
162
- hasNext: {
163
- type: Boolean,
164
- default: false
165
- },
166
- /**
167
- * Declare if hiding the modal should be animated
168
- */
169
- outTransition: {
170
- type: Boolean,
171
- default: false
172
- },
173
- /**
174
- * Declare if the slideshow functionality should be enabled
175
- */
176
- enableSlideshow: {
177
- type: Boolean,
178
- default: false
179
- },
180
- /**
181
- * Declare the slide interval
182
- */
183
- slideshowDelay: {
184
- type: Number,
185
- default: 5e3
186
- },
187
- /**
188
- * Allow to pause an ongoing slideshow
189
- */
190
- slideshowPaused: {
191
- type: Boolean,
192
- default: false
193
- },
194
- /**
195
- * Disable swipe between slides
196
- */
197
- disableSwipe: {
198
- type: Boolean,
199
- default: false
200
- },
201
- spreadNavigation: {
202
- type: Boolean,
203
- default: false
204
- },
205
- /**
206
- * Defines the modal size.
207
- * Default is 'normal'.
208
- * Available are 'small', 'normal', 'large' and 'full'.
209
- * All sizes except 'small' change automatically to full-screen on mobile.
210
- */
211
- size: {
212
- type: String,
213
- default: "normal",
214
- validator: (size) => {
215
- return ["small", "normal", "large", "full"].includes(size);
216
- }
217
- },
218
- /**
219
- * Do not show the close button for the dialog.
220
- * @default false
221
- */
222
- noClose: {
223
- type: Boolean,
224
- default: false
225
- },
226
- /**
227
- * Close the modal if the user clicked outside the modal
228
- * Only relevant if `noClose` is not set.
229
- */
230
- closeOnClickOutside: {
231
- type: Boolean,
232
- default: false
233
- },
234
- /**
235
- * Makes the modal backdrop opaque if true
236
- * Will be overwritten if some buttons are shown outside
237
- */
238
- dark: {
239
- type: Boolean,
240
- default: false
241
- },
242
- /**
243
- * Set light backdrop. Makes the modal header appear light.
244
- */
245
- lightBackdrop: {
246
- type: Boolean,
247
- default: false
248
- },
249
- /**
250
- * Selector for the modal container, pass `null` to prevent automatic container mounting
251
- */
252
- container: {
253
- type: [String, null],
254
- default: "body"
255
- },
256
- /**
257
- * Pass in `true` if you want the modal 'close' button to be displayed
258
- * outside the modal boundaries, in the top right corner of the window.
259
- *
260
- * @default false
261
- * @since 8.25.0
262
- */
263
- closeButtonOutside: {
264
- type: Boolean,
265
- default: false
266
- },
267
- /**
268
- * Additional elements to add to the focus trap
269
- */
270
- additionalTrapElements: {
271
- type: Array,
272
- default: () => []
273
- },
274
- /**
275
- * Display x items inline
276
- *
277
- * @see Actions component usage
278
- */
279
- inlineActions: {
280
- type: Number,
281
- default: 0
282
- },
283
- show: {
284
- type: Boolean,
285
- default: void 0
286
- },
287
- /**
288
- * Id of the element that labels the dialog (the name)
289
- * Not needed if the `name` prop is set, but if no name is set you need to provide the ID of an element to label the dialog for accessibility.
290
- */
291
- labelId: {
292
- type: String,
293
- default: ""
294
- },
295
- /**
296
- * Set element to return focus to after focus trap deactivation
297
- *
298
- * @type {import('focus-trap').FocusTargetValueOrFalse}
299
- */
300
- setReturnFocus: {
301
- default: void 0,
302
- type: [HTMLElement, SVGElement, String, Boolean]
303
- }
304
- },
305
- emits: [
306
- "previous",
307
- "next",
308
- "close",
309
- "update:show"
310
- ],
311
- setup() {
312
- return {
313
- mdiChevronLeft,
314
- mdiChevronRight
315
- };
316
- },
317
- data() {
318
- return {
319
- mc: null,
320
- playing: false,
321
- slideshowTimeout: null,
322
- iconSize: 24,
323
- focusTrap: null,
324
- externalFocusTrapStack: [],
325
- randId: createElementId(),
326
- internalShow: true
327
- };
328
- },
329
- computed: {
330
- /**
331
- * ID of the element to label the modal
332
- */
333
- modalLabelId() {
334
- return this.labelId || `modal-name-${this.randId}`;
335
- },
336
- showModal() {
337
- return this.show === void 0 ? this.internalShow : this.show;
338
- },
339
- modalTransitionName() {
340
- return `modal-${this.outTransition ? "out" : "in"}`;
341
- },
342
- playPauseName() {
343
- return this.playing ? t("Pause slideshow") : t("Start slideshow");
344
- },
345
- cssVariables() {
346
- return {
347
- "--slideshow-duration": this.slideshowDelay + "ms",
348
- "--icon-size": this.iconSize + "px"
349
- };
350
- },
351
- closeButtonAriaLabel() {
352
- return t("Close");
353
- },
354
- prevButtonAriaLabel() {
355
- return t("Previous");
356
- },
357
- nextButtonAriaLabel() {
358
- return t("Next");
359
- }
360
- },
361
- watch: {
362
- /**
363
- * Handle play/pause of an ongoing slideshow
364
- *
365
- * @param {boolean} paused is the player paused
366
- */
367
- slideshowPaused(paused) {
368
- if (this.slideshowTimeout) {
369
- if (paused) {
370
- this.slideshowTimeout.pause();
371
- } else {
372
- this.slideshowTimeout.start();
373
- }
374
- }
375
- },
376
- additionalTrapElements(elements) {
377
- if (this.focusTrap) {
378
- const contentContainer = this.$refs.mask;
379
- this.focusTrap.updateContainerElements([contentContainer, ...elements]);
380
- }
381
- }
382
- },
383
- beforeMount() {
384
- window.addEventListener("keydown", this.handleKeydown);
385
- },
386
- beforeUnmount() {
387
- window.removeEventListener("keydown", this.handleKeydown);
388
- this.mc.stop();
389
- },
390
- mounted() {
391
- if (!this.name && !this.labelId) {
392
- warn("[NcModal] You need either set the name or set a `labelId` for accessibility.");
393
- }
394
- this.useFocusTrap();
395
- this.mc = useSwipe(this.$refs.mask, {
396
- onSwipeEnd: this.handleSwipe
397
- });
398
- if (this.container) {
399
- if (this.container === "body") {
400
- document.body.insertBefore(this.$el, document.body.lastChild);
401
- } else {
402
- const container = document.querySelector(this.container);
403
- container.appendChild(this.$el);
404
- }
405
- }
406
- },
407
- unmounted() {
408
- this.clearFocusTrap();
409
- this.$el.remove();
410
- },
411
- methods: {
412
- t,
413
- // Events emitters
414
- previous(event) {
415
- if (this.hasPrevious) {
416
- if (event) {
417
- this.resetSlideshow();
418
- }
419
- this.$emit("previous", event);
420
- }
421
- },
422
- next(event) {
423
- if (this.hasNext) {
424
- if (event) {
425
- this.resetSlideshow();
426
- }
427
- this.$emit("next", event);
428
- }
429
- },
430
- close(data) {
431
- if (this.noClose) {
432
- return;
433
- }
434
- this.internalShow = false;
435
- this.$emit("update:show", false);
436
- setTimeout(() => {
437
- this.$emit("close", data);
438
- }, 300);
439
- },
440
- /**
441
- * Handle click on modal wrapper
442
- * If `closeOnClickOutside` is set the modal will be closed
443
- *
444
- * @param {MouseEvent} event The click event
445
- */
446
- handleClickModalWrapper(event) {
447
- if (this.closeOnClickOutside) {
448
- this.close(event);
449
- }
450
- },
451
- /**
452
- * @param {KeyboardEvent} event - keyboard event
453
- */
454
- handleKeydown(event) {
455
- if (event.key === "Escape") {
456
- const trapStack = getTrapStack();
457
- if (trapStack.length > 0 && trapStack[trapStack.length - 1] !== this.focusTrap) {
458
- return;
459
- }
460
- return this.close(event);
461
- }
462
- const arrowHandlers = {
463
- ArrowLeft: this.previous,
464
- ArrowRight: this.next
465
- };
466
- if (arrowHandlers[event.key]) {
467
- if (document.activeElement && !this.$el.contains(document.activeElement)) {
468
- return;
469
- }
470
- return arrowHandlers[event.key](event);
471
- }
472
- },
473
- /**
474
- * handle the swipe event
475
- *
476
- * @param {TouchEvent} e The touch event
477
- * @param {import('@vueuse/core').SwipeDirection} direction Swipe direction
478
- */
479
- handleSwipe(e, direction) {
480
- if (!this.disableSwipe) {
481
- if (direction === "left") {
482
- this.next(e);
483
- } else if (direction === "right") {
484
- this.previous(e);
485
- }
486
- }
487
- },
488
- /**
489
- * Toggle the slideshow state
490
- */
491
- togglePlayPause() {
492
- this.playing = !this.playing;
493
- if (this.playing) {
494
- this.handleSlideshow();
495
- } else {
496
- this.clearSlideshowTimeout();
497
- }
498
- },
499
- /**
500
- * Reset the slideshow timer and keep going if it was on
501
- */
502
- resetSlideshow() {
503
- this.playing = !this.playing;
504
- this.clearSlideshowTimeout();
505
- this.$nextTick(function() {
506
- this.togglePlayPause();
507
- });
508
- },
509
- /**
510
- * Handle the slideshow timer and next event
511
- */
512
- handleSlideshow() {
513
- this.playing = true;
514
- if (this.hasNext) {
515
- this.slideshowTimeout = new timer(() => {
516
- this.next();
517
- this.handleSlideshow();
518
- }, this.slideshowDelay);
519
- } else {
520
- this.playing = false;
521
- this.clearSlideshowTimeout();
522
- }
523
- },
524
- /**
525
- * Clear slideshowTimeout if ongoing
526
- */
527
- clearSlideshowTimeout() {
528
- if (this.slideshowTimeout) {
529
- this.slideshowTimeout.clear();
530
- }
531
- },
532
- /**
533
- * Add focus trap for accessibility.
534
- */
535
- async useFocusTrap() {
536
- if (!this.showModal || this.focusTrap) {
537
- return;
538
- }
539
- const contentContainer = this.$refs.mask;
540
- await this.$nextTick();
541
- const options = {
542
- allowOutsideClick: true,
543
- fallbackFocus: contentContainer,
544
- trapStack: getTrapStack(),
545
- // Esc can be used without stop in content or additionalTrapElements where it should not deactivate modal's focus trap.
546
- // Focus trap is deactivated on modal close anyway.
547
- escapeDeactivates: false,
548
- setReturnFocus: this.setReturnFocus
549
- };
550
- this.externalFocusTrapStack = [...options.trapStack];
551
- for (const trap of this.externalFocusTrapStack) {
552
- trap.deactivate();
553
- }
554
- this.focusTrap = createFocusTrap([contentContainer, ...this.additionalTrapElements], options);
555
- this.focusTrap.activate();
556
- },
557
- clearFocusTrap() {
558
- if (!this.focusTrap) {
559
- return;
560
- }
561
- this.focusTrap?.deactivate();
562
- this.focusTrap = null;
563
- for (const trap of this.externalFocusTrapStack) {
564
- trap.activate();
565
- }
566
- this.externalFocusTrapStack = [];
567
- }
568
- }
569
- };
570
- const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
571
- const _hoisted_2 = ["data-theme-light", "data-theme-dark"];
572
- const _hoisted_3 = ["id"];
573
- const _hoisted_4 = { class: "icons-menu" };
574
- const _hoisted_5 = ["title"];
575
- const _hoisted_6 = { class: "hidden-visually" };
576
- const _hoisted_7 = {
577
- key: 2,
578
- class: "progress-ring",
579
- height: "50",
580
- width: "50"
581
- };
582
- const _hoisted_8 = ["id"];
583
- const _hoisted_9 = { class: "modal-container__content" };
584
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
585
- const _component_Play = resolveComponent("Play");
586
- const _component_Pause = resolveComponent("Pause");
587
- const _component_NcActions = resolveComponent("NcActions");
588
- const _component_Close = resolveComponent("Close");
589
- const _component_NcButton = resolveComponent("NcButton");
590
- const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
591
- return openBlock(), createBlock(Transition, {
592
- name: "fade",
593
- appear: "",
594
- onAfterEnter: $options.useFocusTrap,
595
- onBeforeLeave: $options.clearFocusTrap
596
- }, {
597
- default: withCtx(() => [
598
- withDirectives(createElementVNode("div", {
599
- ref: "mask",
600
- class: normalizeClass(["modal-mask", {
601
- "modal-mask--opaque": $props.dark || $props.closeButtonOutside || $props.hasPrevious || $props.hasNext,
602
- "modal-mask--light": $props.lightBackdrop
603
- }]),
604
- style: normalizeStyle($options.cssVariables),
605
- role: "dialog",
606
- "aria-modal": "true",
607
- "aria-labelledby": $options.modalLabelId,
608
- "aria-describedby": "modal-description-" + $data.randId,
609
- tabindex: "-1"
610
- }, [
611
- createVNode(Transition, {
612
- name: "fade-visibility",
613
- appear: ""
614
- }, {
615
- default: withCtx(() => [
616
- createElementVNode("div", {
617
- class: "modal-header",
618
- "data-theme-light": $props.lightBackdrop,
619
- "data-theme-dark": !$props.lightBackdrop
620
- }, [
621
- $props.name.trim() !== "" ? (openBlock(), createElementBlock("h2", {
622
- key: 0,
623
- id: "modal-name-" + $data.randId,
624
- class: "modal-header__name"
625
- }, toDisplayString($props.name), 9, _hoisted_3)) : createCommentVNode("", true),
626
- createElementVNode("div", _hoisted_4, [
627
- $props.hasNext && $props.enableSlideshow ? (openBlock(), createElementBlock("button", {
628
- key: 0,
629
- class: normalizeClass([{ "play-pause-icons--paused": $props.slideshowPaused }, "play-pause-icons"]),
630
- title: $options.playPauseName,
631
- type: "button",
632
- onClick: _cache[0] || (_cache[0] = (...args) => $options.togglePlayPause && $options.togglePlayPause(...args))
633
- }, [
634
- !$data.playing ? (openBlock(), createBlock(_component_Play, {
635
- key: 0,
636
- size: $data.iconSize,
637
- class: "play-pause-icons__play"
638
- }, null, 8, ["size"])) : (openBlock(), createBlock(_component_Pause, {
639
- key: 1,
640
- size: $data.iconSize,
641
- class: "play-pause-icons__pause"
642
- }, null, 8, ["size"])),
643
- createElementVNode("span", _hoisted_6, toDisplayString($options.playPauseName), 1),
644
- $data.playing ? (openBlock(), createElementBlock("svg", _hoisted_7, _cache[2] || (_cache[2] = [
645
- createElementVNode("circle", {
646
- class: "progress-ring__circle",
647
- stroke: "white",
648
- "stroke-width": "2",
649
- fill: "transparent",
650
- r: "15",
651
- cx: "25",
652
- cy: "25"
653
- }, null, -1)
654
- ]))) : createCommentVNode("", true)
655
- ], 10, _hoisted_5)) : createCommentVNode("", true),
656
- createVNode(_component_NcActions, {
657
- class: "header-actions",
658
- inline: $props.inlineActions
659
- }, {
660
- default: withCtx(() => [
661
- renderSlot(_ctx.$slots, "actions", {}, void 0, true)
662
- ]),
663
- _: 3
664
- }, 8, ["inline"]),
665
- !$props.noClose && $props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
666
- key: 1,
667
- "aria-label": $options.closeButtonAriaLabel,
668
- class: "header-close",
669
- variant: "tertiary",
670
- onClick: $options.close
671
- }, {
672
- icon: withCtx(() => [
673
- createVNode(_component_Close, { size: $data.iconSize }, null, 8, ["size"])
674
- ]),
675
- _: 1
676
- }, 8, ["aria-label", "onClick"])) : createCommentVNode("", true)
677
- ])
678
- ], 8, _hoisted_2)
679
- ]),
680
- _: 3
681
- }),
682
- createVNode(Transition, {
683
- name: $options.modalTransitionName,
684
- appear: ""
685
- }, {
686
- default: withCtx(() => [
687
- withDirectives(createElementVNode("div", {
688
- class: normalizeClass([[
689
- `modal-wrapper--${$props.size}`,
690
- { "modal-wrapper--spread-navigation": $props.spreadNavigation }
691
- ], "modal-wrapper"]),
692
- onMousedown: _cache[1] || (_cache[1] = withModifiers((...args) => $options.handleClickModalWrapper && $options.handleClickModalWrapper(...args), ["self"]))
693
- }, [
694
- createVNode(Transition, {
695
- name: "fade-visibility",
696
- appear: ""
697
- }, {
698
- default: withCtx(() => [
699
- withDirectives(createVNode(_component_NcButton, {
700
- "aria-label": $options.prevButtonAriaLabel,
701
- class: "prev",
702
- variant: "tertiary-no-background",
703
- onClick: $options.previous
704
- }, {
705
- icon: withCtx(() => [
706
- createVNode(_component_NcIconSvgWrapper, {
707
- directional: "",
708
- path: $setup.mdiChevronLeft,
709
- size: 40
710
- }, null, 8, ["path"])
711
- ]),
712
- _: 1
713
- }, 8, ["aria-label", "onClick"]), [
714
- [vShow, $props.hasPrevious]
715
- ])
716
- ]),
717
- _: 1
718
- }),
719
- createElementVNode("div", {
720
- id: "modal-description-" + $data.randId,
721
- class: "modal-container"
722
- }, [
723
- createElementVNode("div", _hoisted_9, [
724
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
725
- ]),
726
- !$props.noClose && !$props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
727
- key: 0,
728
- "aria-label": $options.closeButtonAriaLabel,
729
- class: "modal-container__close",
730
- variant: "tertiary",
731
- onClick: $options.close
732
- }, {
733
- icon: withCtx(() => [
734
- createVNode(_component_Close, { size: 20 })
735
- ]),
736
- _: 1
737
- }, 8, ["aria-label", "onClick"])) : createCommentVNode("", true)
738
- ], 8, _hoisted_8),
739
- createVNode(Transition, {
740
- name: "fade-visibility",
741
- appear: ""
742
- }, {
743
- default: withCtx(() => [
744
- withDirectives(createVNode(_component_NcButton, {
745
- "aria-label": $options.nextButtonAriaLabel,
746
- class: "next",
747
- variant: "tertiary-no-background",
748
- onClick: $options.next
749
- }, {
750
- icon: withCtx(() => [
751
- createVNode(_component_NcIconSvgWrapper, {
752
- directional: "",
753
- path: $setup.mdiChevronRight,
754
- size: 40
755
- }, null, 8, ["path"])
756
- ]),
757
- _: 1
758
- }, 8, ["aria-label", "onClick"]), [
759
- [vShow, $props.hasNext]
760
- ])
761
- ]),
762
- _: 1
763
- })
764
- ], 34), [
765
- [vShow, $options.showModal]
766
- ])
767
- ]),
768
- _: 3
769
- }, 8, ["name"])
770
- ], 14, _hoisted_1), [
771
- [vShow, $options.showModal]
772
- ])
773
- ]),
774
- _: 3
775
- }, 8, ["onAfterEnter", "onBeforeLeave"]);
776
- }
777
- const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-61f0615c"]]);
778
- ScopeComponent(NcModal);
1
+ import { N } from "../../chunks/NcModal-BisVxXe_.mjs";
779
2
  export {
780
- NcModal as default
3
+ N as default
781
4
  };
782
5
  //# sourceMappingURL=index.mjs.map