@nextcloud/vue 9.12.0 → 9.13.1

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 (100) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/assets/NcAppContent.css +20 -20
  3. package/dist/assets/NcAppNavigation.css +13 -13
  4. package/dist/assets/NcAppNavigationSettings.css +6 -6
  5. package/dist/assets/NcAppSettingsDialog.css +3 -3
  6. package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
  7. package/dist/assets/NcAppSidebar.css +28 -28
  8. package/dist/assets/NcAssistantButton.css +9 -9
  9. package/dist/assets/NcAssistantContent.css +3 -3
  10. package/dist/assets/NcAssistantIcon.css +4 -4
  11. package/dist/assets/NcAvatar.css +26 -26
  12. package/dist/assets/NcBlurHash.css +2 -2
  13. package/dist/assets/NcDateTimePicker.css +234 -234
  14. package/dist/assets/NcDialog.css +16 -16
  15. package/dist/assets/NcFilePicker.css +1 -1
  16. package/dist/assets/NcFormBox.css +11 -11
  17. package/dist/assets/NcFormBoxButton.css +2 -2
  18. package/dist/assets/NcFormBoxItem.css +15 -15
  19. package/dist/assets/NcFormBoxSwitch.css +2 -2
  20. package/dist/assets/NcFormGroup.css +7 -7
  21. package/dist/assets/NcHotkey.css +8 -8
  22. package/dist/assets/NcHotkeyList.css +2 -2
  23. package/dist/assets/NcIconToggleSwitch.css +4 -4
  24. package/dist/assets/NcKbd.css +3 -3
  25. package/dist/assets/NcModal.css +71 -64
  26. package/dist/assets/NcPopover.css +16 -16
  27. package/dist/assets/NcRadioGroup.css +2 -2
  28. package/dist/assets/NcRadioGroupButton.css +14 -14
  29. package/dist/assets/NcReferenceWidget.css +24 -23
  30. package/dist/assets/NcRichContenteditable.css +17 -17
  31. package/dist/assets/NcSelect.css +8 -13
  32. package/dist/assets/NcUploadPicker.css +7 -7
  33. package/dist/assets/autolink.css +3 -3
  34. package/dist/chunks/NcAppContent.mjs +170 -297
  35. package/dist/chunks/NcAppContent.mjs.map +1 -1
  36. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs +21 -0
  37. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
  38. package/dist/chunks/NcAppNavigation.mjs +7 -4
  39. package/dist/chunks/NcAppNavigation.mjs.map +1 -1
  40. package/dist/chunks/NcAppNavigationSettings.mjs +6 -6
  41. package/dist/chunks/NcAppSettingsDialog.mjs +4 -4
  42. package/dist/chunks/NcAppSettingsShortcutsSection.mjs +1 -1
  43. package/dist/chunks/NcAppSidebar.mjs +12 -12
  44. package/dist/chunks/NcAssistantButton.mjs +7 -7
  45. package/dist/chunks/NcAssistantContent.mjs +3 -3
  46. package/dist/chunks/NcAssistantIcon.mjs +4 -4
  47. package/dist/chunks/NcAvatar.mjs +14 -7
  48. package/dist/chunks/NcAvatar.mjs.map +1 -1
  49. package/dist/chunks/NcBlurHash.mjs +2 -2
  50. package/dist/chunks/NcContent.mjs +1 -1
  51. package/dist/chunks/NcDateTimePicker.mjs +39 -1
  52. package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
  53. package/dist/chunks/NcDialog.mjs +1 -1
  54. package/dist/chunks/NcDialog.mjs.map +1 -1
  55. package/dist/chunks/NcFilePicker.mjs +1 -1
  56. package/dist/chunks/NcFormBox.mjs +5 -5
  57. package/dist/chunks/NcFormBoxButton.mjs +2 -2
  58. package/dist/chunks/NcFormBoxItem.mjs +8 -8
  59. package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
  60. package/dist/chunks/NcFormGroup.mjs +7 -7
  61. package/dist/chunks/NcHotkey.mjs +4 -4
  62. package/dist/chunks/NcHotkeyList.mjs +2 -2
  63. package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
  64. package/dist/chunks/NcKbd.mjs +2 -2
  65. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs +7 -7
  66. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs.map +1 -1
  67. package/dist/chunks/NcModal.mjs +11 -12
  68. package/dist/chunks/NcModal.mjs.map +1 -1
  69. package/dist/chunks/NcPopover.mjs +2 -2
  70. package/dist/chunks/NcPopover.mjs.map +1 -1
  71. package/dist/chunks/NcRadioGroup.mjs +2 -2
  72. package/dist/chunks/NcRadioGroupButton.mjs +6 -6
  73. package/dist/chunks/NcReferenceWidget.mjs +2 -2
  74. package/dist/chunks/NcReferenceWidget.mjs.map +1 -1
  75. package/dist/chunks/NcRichContenteditable.mjs +10 -10
  76. package/dist/chunks/NcSelect.mjs.map +1 -1
  77. package/dist/chunks/NcUploadPicker.mjs +6 -6
  78. package/dist/chunks/NcUploadPicker.mjs.map +1 -1
  79. package/dist/chunks/_l10n.mjs +24 -24
  80. package/dist/chunks/autolink.mjs +3 -3
  81. package/dist/components/NcAppContent/NcAppContent.vue.d.ts +77 -149
  82. package/dist/components/NcAppContent/index.d.ts +5 -0
  83. package/dist/components/NcAppContentList/NcAppContentList.vue.d.ts +28 -27
  84. package/dist/components/NcAppContentList/index.d.ts +4 -0
  85. package/dist/components/NcAppContentList/index.mjs +2 -2
  86. package/dist/components/NcAvatar/NcAvatar.vue.d.ts +17 -0
  87. package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +18 -0
  88. package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +9 -0
  89. package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +18 -0
  90. package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +9 -0
  91. package/dist/components/NcDateTimePicker/formatValidation.d.ts +10 -0
  92. package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +9 -0
  93. package/dist/components/NcModal/NcModal.vue.d.ts +3 -0
  94. package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +8 -0
  95. package/dist/components/index.d.ts +2 -2
  96. package/dist/index.mjs +169 -169
  97. package/dist/utils/getAvatarUrl.d.ts +4 -0
  98. package/package.json +11 -11
  99. package/dist/chunks/NcAppContentList.mjs +0 -33
  100. package/dist/chunks/NcAppContentList.mjs.map +0 -1
@@ -189,14 +189,14 @@
189
189
  /*
190
190
  * Ensure proper alignment of the vue material icons
191
191
  */
192
- ._material-design-icon_Zj1Q3 {
192
+ ._material-design-icon_GKvku {
193
193
  display: flex;
194
194
  align-self: center;
195
195
  justify-self: center;
196
196
  align-items: center;
197
197
  justify-content: center;
198
198
  }
199
- ._tribute-container_DlTKg {
199
+ ._tribute-container_hX6n7 {
200
200
  z-index: 9000;
201
201
  overflow: auto;
202
202
  position: absolute;
@@ -209,62 +209,62 @@
209
209
  background: var(--color-main-background);
210
210
  box-shadow: 0 1px 5px var(--color-box-shadow);
211
211
  }
212
- ._tribute-container_DlTKg, ._tribute-container_DlTKg * {
212
+ ._tribute-container_hX6n7, ._tribute-container_hX6n7 * {
213
213
  box-sizing: border-box;
214
214
  }
215
- ._tribute-container_DlTKg ul {
215
+ ._tribute-container_hX6n7 ul {
216
216
  display: flex;
217
217
  flex-direction: column;
218
218
  gap: var(--default-grid-baseline);
219
219
  }
220
- ._tribute-container_DlTKg ._tribute-container__item_j0Jfz {
220
+ ._tribute-container_hX6n7 ._tribute-container__item_okiJn {
221
221
  color: var(--color-text-maxcontrast);
222
222
  border-radius: var(--border-radius-small);
223
223
  padding: var(--default-grid-baseline);
224
224
  cursor: pointer;
225
225
  min-height: var(--clickable-area-small, auto);
226
226
  }
227
- ._tribute-container_DlTKg ._tribute-container__item_j0Jfz.highlight {
227
+ ._tribute-container_hX6n7 ._tribute-container__item_okiJn.highlight {
228
228
  color: var(--color-main-text);
229
229
  background: var(--color-background-hover);
230
230
  }
231
- ._tribute-container_DlTKg ._tribute-container__item_j0Jfz.highlight, ._tribute-container_DlTKg ._tribute-container__item_j0Jfz.highlight * {
231
+ ._tribute-container_hX6n7 ._tribute-container__item_okiJn.highlight, ._tribute-container_hX6n7 ._tribute-container__item_okiJn.highlight * {
232
232
  cursor: pointer;
233
233
  }
234
- ._tribute-container_DlTKg._tribute-container--focus-visible_bexBy .highlight._tribute-container__item_j0Jfz {
234
+ ._tribute-container_hX6n7._tribute-container--focus-visible_x0aUZ .highlight._tribute-container__item_okiJn {
235
235
  outline: 2px solid var(--color-main-text) !important;
236
236
  }
237
- ._tribute-container-autocomplete_qEbF- {
237
+ ._tribute-container-autocomplete_ersEF {
238
238
  min-width: 250px;
239
239
  max-width: 300px;
240
240
  max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
241
241
  }
242
- ._tribute-container-emoji_Pe4yR,
243
- ._tribute-container-link_fVL9D {
242
+ ._tribute-container-emoji_d9cIo,
243
+ ._tribute-container-link_nJUJo {
244
244
  min-width: 200px;
245
245
  max-width: 200px;
246
246
  max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline));
247
247
  }
248
- ._tribute-container-emoji_Pe4yR ._tribute-item_-NwTy,
249
- ._tribute-container-link_fVL9D ._tribute-item_-NwTy {
248
+ ._tribute-container-emoji_d9cIo ._tribute-item_CEjO6,
249
+ ._tribute-container-link_nJUJo ._tribute-item_CEjO6 {
250
250
  white-space: nowrap;
251
251
  overflow: hidden;
252
252
  text-overflow: ellipsis;
253
253
  }
254
- ._tribute-container-link_fVL9D {
254
+ ._tribute-container-link_nJUJo {
255
255
  min-width: 200px;
256
256
  max-width: 300px;
257
257
  }
258
- ._tribute-container-link_fVL9D ._tribute-item_-NwTy {
258
+ ._tribute-container-link_nJUJo ._tribute-item_CEjO6 {
259
259
  display: flex;
260
260
  align-items: center;
261
261
  }
262
- ._tribute-container-link_fVL9D ._tribute-item__title_twscI {
262
+ ._tribute-container-link_nJUJo ._tribute-item__title_lwK2r {
263
263
  white-space: nowrap;
264
264
  overflow: hidden;
265
265
  text-overflow: ellipsis;
266
266
  }
267
- ._tribute-container-link_fVL9D ._tribute-item__icon_kMB-F {
267
+ ._tribute-container-link_nJUJo ._tribute-item__icon_FlDIT {
268
268
  margin: auto 0;
269
269
  width: 20px;
270
270
  height: 20px;
@@ -47,8 +47,12 @@
47
47
  .nc-select.v-select.select .select__helper-text .select__helper-text-icon {
48
48
  margin-inline-end: 8px;
49
49
  }
50
- .nc-select.v-select.select {
51
- /* Custom vue-select CSS variables scoped to NcSelect */
50
+
51
+ /* Custom vue-select CSS variables scoped to NcSelect */
52
+ /* The select's dropdown may be mounted outside the select. */
53
+ /* Therefore, it does not inherit the variables and requires them on its own */
54
+ .nc-select.v-select.select,
55
+ .nc-select__dropdown.vs__dropdown-menu {
52
56
  /* Search Input */
53
57
  --vs-search-input-color: var(--color-main-text);
54
58
  --vs-search-input-bg: var(--color-main-background);
@@ -96,6 +100,8 @@
96
100
  --vs-transition-duration: 0ms;
97
101
  /* Actions */
98
102
  --vs-actions-padding: 0 8px 0 8px;
103
+ }
104
+ .nc-select.v-select.select {
99
105
  /* Override default vue-select styles */
100
106
  min-height: calc(var(--default-clickable-area) - 2 * var(--border-width-input, 2px));
101
107
  min-width: 260px;
@@ -330,17 +336,6 @@
330
336
  display: none;
331
337
  }
332
338
  .nc-select__dropdown.vs__dropdown-menu {
333
- --vs-border-color: var(--color-border-maxcontrast);
334
- --vs-border-style: solid;
335
- --vs-border-radius: var(--border-radius-element);
336
- --vs-dropdown-bg: var(--color-main-background);
337
- --vs-dropdown-color: var(--color-main-text);
338
- --vs-dropdown-option-padding: 8px 20px;
339
- --vs-dropdown-option--active-bg: var(--color-background-hover);
340
- --vs-dropdown-option--active-color: var(--color-main-text);
341
- --vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--color-border-maxcontrast);
342
- --vs-dropdown-option--deselect-bg: var(--color-error);
343
- --vs-dropdown-option--deselect-color: #fff;
344
339
  border-width: var(--border-width-input-focused) !important;
345
340
  border-color: var(--color-main-text) !important;
346
341
  outline: none !important;
@@ -1,5 +1,5 @@
1
1
 
2
- ._uploadPicker_progress_rXi2c {
2
+ ._uploadPicker_progress_nucBV {
3
3
  --upload-picker-progress-width: 200px;
4
4
  width: var(--upload-picker-progress-width);
5
5
  /* Animate show/hide */
@@ -8,24 +8,24 @@
8
8
  /* Align progress/text separation with the middle */
9
9
  margin-top: 8px;
10
10
  }
11
- ._uploadPicker_progress__uploading_01g9L {
11
+ ._uploadPicker_progress__uploading_i-lP3 {
12
12
  max-width: var(--upload-picker-progress-width);
13
13
 
14
14
  /* Visually more pleasing spacing */
15
15
  margin-inline: 8px 20px;
16
16
  }
17
- ._uploadPicker_progress__paused_W3VUi {
18
- animation: _breathing_43o61 3s ease-out infinite normal;
17
+ ._uploadPicker_progress__paused_x9K9W {
18
+ animation: _breathing_cXpss 3s ease-out infinite normal;
19
19
  }
20
- ._uploadPicker_progressLabel_FHUXT {
20
+ ._uploadPicker_progressLabel_1DNU0 {
21
21
  overflow: hidden;
22
22
  white-space: nowrap;
23
23
  text-overflow: ellipsis;
24
24
  }
25
- ._uploadPicker_progressLabelSpeed_BDaoH{
25
+ ._uploadPicker_progressLabelSpeed_YtMHl{
26
26
  color: var(--color-text-maxcontrast);
27
27
  }
28
- @keyframes _breathing_43o61 {
28
+ @keyframes _breathing_cXpss {
29
29
  0% {
30
30
  opacity: .5;
31
31
  }
@@ -10,16 +10,16 @@
10
10
  /*
11
11
  * Ensure proper alignment of the vue material icons
12
12
  */
13
- ._material-design-icon_RRhZi {
13
+ ._material-design-icon_Fq-2a {
14
14
  display: flex;
15
15
  align-self: center;
16
16
  justify-self: center;
17
17
  align-items: center;
18
18
  justify-content: center;
19
19
  }
20
- ._externalLink_8nlpE {
20
+ ._externalLink_pbE0W {
21
21
  text-decoration: underline;
22
22
  }
23
- ._externalLink_decorated_lhNiF::after {
23
+ ._externalLink_decorated_AvzkD::after {
24
24
  content: " ↗";
25
25
  }