@nextcloud/vue 9.10.0 → 9.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/assets/NcActionInput.css +66 -66
  3. package/dist/assets/NcActions.css +12 -12
  4. package/dist/assets/NcAppNavigationItem.css +54 -52
  5. package/dist/assets/NcAppNavigationList.css +2 -26
  6. package/dist/assets/NcAppNavigationNewItem.css +9 -7
  7. package/dist/assets/NcAppNavigationSettings.css +6 -6
  8. package/dist/assets/NcAppSettingsDialog.css +3 -3
  9. package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
  10. package/dist/assets/NcAppSidebar.css +130 -76
  11. package/dist/assets/NcAppSidebarTab.css +4 -4
  12. package/dist/assets/NcAssistantButton.css +9 -9
  13. package/dist/assets/NcAssistantContent.css +3 -3
  14. package/dist/assets/NcAssistantIcon.css +4 -4
  15. package/dist/assets/NcAvatar.css +26 -26
  16. package/dist/assets/NcBlurHash.css +2 -2
  17. package/dist/assets/NcDateTimePicker.css +234 -234
  18. package/dist/assets/NcFilePicker.css +1 -1
  19. package/dist/assets/NcFormBox.css +11 -11
  20. package/dist/assets/NcFormBoxButton.css +2 -2
  21. package/dist/assets/NcFormBoxItem.css +15 -15
  22. package/dist/assets/NcFormBoxSwitch.css +2 -2
  23. package/dist/assets/NcFormGroup.css +7 -7
  24. package/dist/assets/NcHotkey.css +8 -8
  25. package/dist/assets/NcHotkeyList.css +2 -2
  26. package/dist/assets/NcIconToggleSwitch.css +4 -4
  27. package/dist/assets/NcKbd.css +3 -3
  28. package/dist/assets/NcModal.css +69 -63
  29. package/dist/assets/NcPopover.css +16 -16
  30. package/dist/assets/NcProfileHoverCard.css +82 -59
  31. package/dist/assets/NcRadioGroup.css +2 -2
  32. package/dist/assets/NcRadioGroupButton.css +14 -14
  33. package/dist/assets/NcRichContenteditable.css +17 -17
  34. package/dist/assets/NcRichText.css +2 -2
  35. package/dist/assets/NcSelect.css +25 -0
  36. package/dist/assets/NcUploadPicker.css +41 -0
  37. package/dist/assets/autolink.css +3 -3
  38. package/dist/chunks/NcActionInput.mjs +4 -4
  39. package/dist/chunks/NcActionInput.mjs.map +1 -1
  40. package/dist/chunks/NcActions.mjs +4 -4
  41. package/dist/chunks/NcActions.mjs.map +1 -1
  42. package/dist/chunks/NcAppContent.mjs +4 -4
  43. package/dist/chunks/NcAppContent.mjs.map +1 -1
  44. package/dist/chunks/NcAppNavigation.mjs +2 -2
  45. package/dist/chunks/NcAppNavigationItem.mjs +6 -29
  46. package/dist/chunks/NcAppNavigationItem.mjs.map +1 -1
  47. package/dist/chunks/NcAppNavigationList.mjs +8 -138
  48. package/dist/chunks/NcAppNavigationList.mjs.map +1 -1
  49. package/dist/chunks/NcAppNavigationNewItem.mjs +1 -1
  50. package/dist/chunks/NcAppNavigationNewItem.mjs.map +1 -1
  51. package/dist/chunks/NcAppNavigationSearch.mjs +2 -2
  52. package/dist/chunks/NcAppNavigationSettings.mjs +8 -8
  53. package/dist/chunks/NcAppSettingsDialog.mjs +5 -5
  54. package/dist/chunks/NcAppSettingsShortcutsSection.mjs +3 -3
  55. package/dist/chunks/NcAppSidebar.mjs +165 -31
  56. package/dist/chunks/NcAppSidebar.mjs.map +1 -1
  57. package/dist/chunks/NcAppSidebarTab.mjs +12 -5
  58. package/dist/chunks/NcAppSidebarTab.mjs.map +1 -1
  59. package/dist/chunks/NcAssistantButton.mjs +7 -7
  60. package/dist/chunks/NcAssistantContent.mjs +3 -3
  61. package/dist/chunks/NcAssistantIcon.mjs +4 -4
  62. package/dist/chunks/NcAvatar.mjs +17 -4
  63. package/dist/chunks/NcAvatar.mjs.map +1 -1
  64. package/dist/chunks/NcBlurHash.mjs +2 -2
  65. package/dist/chunks/NcCheckboxRadioSwitch.mjs +1 -1
  66. package/dist/chunks/NcCollectionList.mjs +3 -3
  67. package/dist/chunks/NcColorPicker.mjs +2 -2
  68. package/dist/chunks/NcContent.mjs +2 -2
  69. package/dist/chunks/NcDashboardWidget.mjs +4 -4
  70. package/dist/chunks/NcDashboardWidget.mjs.map +1 -1
  71. package/dist/chunks/NcDateTimePicker.mjs +7 -4
  72. package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
  73. package/dist/chunks/NcDateTimePickerNative.mjs +2 -2
  74. package/dist/chunks/NcDialogButton.vue_vue_type_script_setup_true_lang.mjs +2 -2
  75. package/dist/chunks/NcEmojiPicker.mjs +2 -2
  76. package/dist/chunks/NcFilePicker.mjs +6 -5
  77. package/dist/chunks/NcFilePicker.mjs.map +1 -1
  78. package/dist/chunks/NcFormBox.mjs +5 -5
  79. package/dist/chunks/NcFormBoxButton.mjs +2 -2
  80. package/dist/chunks/NcFormBoxItem.mjs +8 -8
  81. package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
  82. package/dist/chunks/NcFormGroup.mjs +7 -7
  83. package/dist/chunks/NcHotkey.mjs +4 -4
  84. package/dist/chunks/NcHotkeyList.mjs +4 -4
  85. package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
  86. package/dist/chunks/NcKbd.mjs +4 -4
  87. package/dist/chunks/NcModal.mjs +13 -8
  88. package/dist/chunks/NcModal.mjs.map +1 -1
  89. package/dist/chunks/NcPasswordField.mjs +2 -2
  90. package/dist/chunks/NcPopover.mjs +2 -2
  91. package/dist/chunks/NcProfileHoverCard.mjs +205 -157
  92. package/dist/chunks/NcProfileHoverCard.mjs.map +1 -1
  93. package/dist/chunks/NcRadioGroup.mjs +2 -2
  94. package/dist/chunks/NcRadioGroupButton.mjs +6 -6
  95. package/dist/chunks/NcReferenceWidget.mjs +2 -2
  96. package/dist/chunks/NcRelatedResourcesPanel.mjs +4 -4
  97. package/dist/chunks/NcRichContenteditable.mjs +12 -12
  98. package/dist/chunks/NcRichText.mjs +3 -3
  99. package/dist/chunks/NcRichText.mjs.map +1 -1
  100. package/dist/chunks/NcSelect.mjs +74 -5
  101. package/dist/chunks/NcSelect.mjs.map +1 -1
  102. package/dist/chunks/NcSettingsSection.mjs +2 -2
  103. package/dist/chunks/NcSettingsSelectGroup.mjs +2 -2
  104. package/dist/chunks/NcTextField.vue_vue_type_script_setup_true_lang.mjs +2 -2
  105. package/dist/chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang.mjs +2 -2
  106. package/dist/chunks/NcUploadPicker.mjs +269 -0
  107. package/dist/chunks/NcUploadPicker.mjs.map +1 -0
  108. package/dist/chunks/NcUserStatusIcon.mjs +2 -2
  109. package/dist/chunks/_l10n.mjs +86 -84
  110. package/dist/chunks/_l10n.mjs.map +1 -1
  111. package/dist/chunks/autolink.mjs +3 -3
  112. package/dist/chunks/colors.mjs +2 -2
  113. package/dist/chunks/mdi.mjs +7 -5
  114. package/dist/chunks/mdi.mjs.map +1 -1
  115. package/dist/chunks/referencePickerModal.mjs +5 -5
  116. package/dist/components/NcActionInput/NcActionInput.vue.d.ts +38 -10
  117. package/dist/components/NcActions/NcActions.vue.d.ts +1 -1
  118. package/dist/components/NcAppNavigationCaption/NcAppNavigationCaption.vue.d.ts +1 -1
  119. package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +1 -5
  120. package/dist/components/NcAppNavigationList/NcAppNavigationList.vue.d.ts +1 -57
  121. package/dist/components/NcAppSidebar/NcAppSidebar.vue.d.ts +20 -1
  122. package/dist/components/NcAppSidebar/NcAppSidebarTabs.vue.d.ts +43 -0
  123. package/dist/components/NcAppSidebar/NcAppSidebarTabsButton.vue.d.ts +5 -0
  124. package/dist/components/NcAppSidebarTab/NcAppSidebarTab.vue.d.ts +14 -4
  125. package/dist/components/NcAvatar/NcAvatar.vue.d.ts +10 -1
  126. package/dist/components/NcBreadcrumb/NcBreadcrumb.vue.d.ts +1 -1
  127. package/dist/components/NcBreadcrumbs/NcBreadcrumbs.vue.d.ts +2 -2
  128. package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +41 -5
  129. package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +6 -2
  130. package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +11 -3
  131. package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +6 -2
  132. package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +7 -7
  133. package/dist/components/NcFilePicker/NcFilePicker.vue.d.ts +7 -0
  134. package/dist/components/NcListItem/NcListItem.vue.d.ts +1 -1
  135. package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +6 -2
  136. package/dist/components/NcProfileHoverCard/NcProfileHoverCard.vue.d.ts +6 -0
  137. package/dist/components/NcRichText/NcReferencePicker/NcProviderList.vue.d.ts +30 -2
  138. package/dist/components/NcRichText/NcReferencePicker/NcReferencePicker.vue.d.ts +60 -4
  139. package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +60 -4
  140. package/dist/components/NcRichText/NcReferencePicker/NcSearch.vue.d.ts +30 -2
  141. package/dist/components/NcSelect/NcSelect.vue.d.ts +39 -2
  142. package/dist/components/NcSelectTags/NcSelectTags.vue.d.ts +30 -2
  143. package/dist/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue.d.ts +30 -2
  144. package/dist/components/NcUploadPicker/NcUploadPicker.vue.d.ts +180 -0
  145. package/dist/components/NcUploadPicker/index.d.ts +6 -0
  146. package/dist/components/NcUploadPicker/index.mjs +5 -0
  147. package/dist/components/NcUploadPicker/index.mjs.map +1 -0
  148. package/dist/components/index.d.ts +1 -0
  149. package/dist/composables/useFormatDateTime/index.mjs +2 -2
  150. package/dist/index.mjs +2 -0
  151. package/dist/index.mjs.map +1 -1
  152. package/package.json +25 -11
  153. package/dist/chunks/highlight.mjs +0 -5
  154. package/dist/chunks/highlight.mjs.map +0 -1
  155. package/dist/components/NcAppNavigationList/highlight.d.ts +0 -12
@@ -7,7 +7,7 @@ import { a as renderCustomPickerElement, d as destroyCustomPickerElement, i as i
7
7
  import axios from "@nextcloud/axios";
8
8
  import { loadState } from "@nextcloud/initial-state";
9
9
  import { imagePath, generateOcsUrl } from "@nextcloud/router";
10
- import { r as register, X as t9, a as t, Y as t47, Z as t42, _ as t26, s as t44, $ as t33, A as t20, a0 as t13 } from "./_l10n.mjs";
10
+ import { r as register, Y as t8, a as t, Z as t48, _ as t43, $ as t27, s as t45, a0 as t34, A as t20, a1 as t13 } from "./_l10n.mjs";
11
11
  import { l as logger } from "./logger.mjs";
12
12
  import { N as NcEmptyContent } from "./NcEmptyContent.mjs";
13
13
  import { _ as _sfc_main$9 } from "./NcHighlight.vue_vue_type_script_lang.mjs";
@@ -175,7 +175,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
175
175
  ], 16, _hoisted_1$6);
176
176
  }
177
177
  const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
178
- register(t9);
178
+ register(t8);
179
179
  const anyLinkProviderId = "any-link";
180
180
  const anyLinkProvider = {
181
181
  id: anyLinkProviderId,
@@ -230,7 +230,7 @@ async function touchProvider(providerId) {
230
230
  await axios.put(url, { timestamp });
231
231
  window._vue_richtext_reference_provider_timestamps[providerId] = timestamp;
232
232
  }
233
- register(t42, t47);
233
+ register(t43, t48);
234
234
  /*!
235
235
  * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
236
236
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -364,7 +364,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
364
364
  ]);
365
365
  }
366
366
  const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-c9740c42"]]);
367
- register(t26);
367
+ register(t27);
368
368
  const _sfc_main$4 = {
369
369
  name: "NcRawLinkInput",
370
370
  components: {
@@ -554,7 +554,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
554
554
  ]);
555
555
  }
556
556
  const NcSearchResult = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-059edcfb"]]);
557
- register(t33, t42, t44);
557
+ register(t34, t43, t45);
558
558
  const LIMIT = 5;
559
559
  const _sfc_main$2 = {
560
560
  name: "NcSearch",
@@ -735,7 +735,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
735
735
  placeholder?: string;
736
736
  showTimezoneSelect?: boolean;
737
737
  showWeekNumber?: boolean;
738
- type?: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
738
+ type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
739
739
  inline?: boolean;
740
740
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
741
741
  blur: () => any;
@@ -758,16 +758,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
758
758
  placeholder?: string;
759
759
  showTimezoneSelect?: boolean;
760
760
  showWeekNumber?: boolean;
761
- type?: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
761
+ type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
762
762
  inline?: boolean;
763
763
  }> & Readonly<{
764
764
  onBlur?: (() => any) | undefined;
765
765
  "onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
766
766
  "onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
767
767
  }>, {
768
- type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
769
- ariaLabel: string;
768
+ type: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
770
769
  inline: boolean;
770
+ ariaLabel: string;
771
771
  placeholder: string;
772
772
  modelValue: Date | [Date, Date] | null;
773
773
  min: Date;
@@ -953,13 +953,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
953
953
  quarter: number;
954
954
  year: number;
955
955
  }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
956
- readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
957
- readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
958
956
  readonly inline?: import('vue').Prop<boolean | {
959
957
  input?: boolean;
960
958
  } | undefined, boolean | {
961
959
  input?: boolean;
962
960
  } | undefined> | null | undefined;
961
+ readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
962
+ readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
963
963
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
964
964
  readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
965
965
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
@@ -1484,13 +1484,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1484
1484
  quarter: number;
1485
1485
  year: number;
1486
1486
  }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
1487
- readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1488
- readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1489
1487
  readonly inline?: import('vue').Prop<boolean | {
1490
1488
  input?: boolean;
1491
1489
  } | undefined, boolean | {
1492
1490
  input?: boolean;
1493
1491
  } | undefined> | null | undefined;
1492
+ readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1493
+ readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
1494
1494
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
1495
1495
  readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
1496
1496
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
@@ -1844,16 +1844,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1844
1844
  NcSelect: import('vue').DefineComponent<{}, {
1845
1845
  avatarSize: number;
1846
1846
  isLegacy: boolean;
1847
+ mdiAlertCircleOutline: string;
1848
+ mdiCheck: string;
1847
1849
  }, {
1848
1850
  search: string;
1849
1851
  }, {
1850
- inputRequired(): any;
1852
+ inputRequired(): boolean | null;
1851
1853
  localCalculatePosition(): any;
1852
1854
  localFilterBy(): any;
1853
1855
  localLabel(): any;
1854
- propsToForward(): any;
1856
+ propsToForward(): {
1857
+ calculatePosition: any;
1858
+ closeOnSelect: boolean;
1859
+ filterBy: any;
1860
+ label: any;
1861
+ };
1855
1862
  }, {
1856
1863
  t: (original: string, placeholders?: Record<string, string | number>) => string;
1864
+ forwardedSlots(): string[];
1857
1865
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, (" " | "update:modelValue")[], " " | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
1858
1866
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1859
1867
  "on "?: ((...args: any[]) => any) | undefined;
@@ -1925,6 +1933,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1925
1933
  highlight: import('../../utils/findRanges.ts').StringRange[];
1926
1934
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1927
1935
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1936
+ NcIconSvgWrapper: import('vue').DefineComponent<{
1937
+ directional?: boolean;
1938
+ inline?: boolean;
1939
+ svg?: string;
1940
+ name?: string;
1941
+ path?: string;
1942
+ size?: number | "auto";
1943
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
1944
+ directional?: boolean;
1945
+ inline?: boolean;
1946
+ svg?: string;
1947
+ name?: string;
1948
+ path?: string;
1949
+ size?: number | "auto";
1950
+ }> & Readonly<{}>, {
1951
+ size: number | "auto";
1952
+ name: string;
1953
+ svg: string;
1954
+ path: string;
1955
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
1928
1956
  NcLoadingIcon: import('vue').DefineComponent<{
1929
1957
  appearance?: "auto" | "light" | "dark";
1930
1958
  name?: string;
@@ -383,12 +383,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
383
383
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
384
384
  }>, {
385
385
  size: string;
386
+ inline: number;
386
387
  primary: boolean;
387
388
  ariaLabel: string;
388
389
  disabled: boolean;
389
390
  variant: string;
390
391
  wide: boolean;
391
- inline: number;
392
392
  open: boolean;
393
393
  placement: string;
394
394
  container: string | boolean | Element | Record<string, any>;
@@ -225,12 +225,12 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {
225
225
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
226
226
  }>, {
227
227
  size: string;
228
+ inline: number;
228
229
  primary: boolean;
229
230
  ariaLabel: string;
230
231
  disabled: boolean;
231
232
  variant: string;
232
233
  wide: boolean;
233
- inline: number;
234
234
  open: boolean;
235
235
  placement: string;
236
236
  container: string | boolean | Element | Record<string, any>;
@@ -183,10 +183,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
183
183
  editButtonAriaLabel(): string;
184
184
  undoButtonAriaLabel(): string;
185
185
  }, {
186
- /** Ask the parent list to move its highlight onto this entry */
187
- requestHighlight(): void;
188
- /** Tell the parent list this entry no longer wants the highlight */
189
- releaseHighlight(): void;
190
186
  onMenuToggle(state: any): void;
191
187
  toggleCollapse(): void;
192
188
  /**
@@ -633,12 +629,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
633
629
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
634
630
  }>, {
635
631
  size: string;
632
+ inline: number;
636
633
  primary: boolean;
637
634
  ariaLabel: string;
638
635
  disabled: boolean;
639
636
  variant: string;
640
637
  wide: boolean;
641
- inline: number;
642
638
  open: boolean;
643
639
  placement: string;
644
640
  container: string | boolean | Element | Record<string, any>;
@@ -1,58 +1,2 @@
1
- import { APP_NAVIGATION_HIGHLIGHT } from './highlight.ts';
2
- declare const _default: import('vue').DefineComponent<{}, {}, {
3
- /** Entry the highlight is on, as reported by that entry itself */
4
- entry: HTMLElement | null;
5
- /** Whether the highlight is shown */
6
- visible: boolean;
7
- /** Whether position changes should transition (slide) or snap */
8
- animated: boolean;
9
- /** Whether the highlight sits on the active entry (turns transparent) */
10
- overActive: boolean;
11
- /** Vertical offset of the highlight inside the scrollable content */
12
- top: number;
13
- /** Height of the highlight */
14
- height: number;
15
- /** Pending animation frame for re-measuring while scrolling */
16
- scrollFrame: number;
17
- }, {
18
- highlightStyle(): Record<string, string>;
19
- }, {
20
- /**
21
- * Move the highlight onto an entry. It slides there if already visible,
22
- * otherwise it snaps into place so it does not slide in from the entry
23
- * that was hovered before. Over the active entry it turns transparent so
24
- * that entry keeps its own static highlight.
25
- *
26
- * @param entry the entry element asking for the highlight
27
- */
28
- show(entry: HTMLElement): void;
29
- /**
30
- * Hide the highlight if it is on the given entry, e.g. because that entry
31
- * is being removed. While the pointer only moves between entries the
32
- * highlight stays visible, so it can slide on to the next one.
33
- *
34
- * @param entry the entry element that no longer wants the highlight
35
- */
36
- hide(entry: HTMLElement): void;
37
- /** Hide the highlight, as the pointer or focus left the list */
38
- hideNow(): void;
39
- /**
40
- * Hide the highlight once focus leaves the list entirely
41
- *
42
- * @param event the focusout event
43
- */
44
- onFocusOut(event: FocusEvent): void;
45
- /** Read the current entry's geometry relative to the list content */
46
- measure(): void;
47
- /**
48
- * Keep the highlight on its entry while scrolling. Needed because a
49
- * virtual scroller repositions its entries as the list scrolls.
50
- */
51
- onScroll(): void;
52
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, () => {
53
- [APP_NAVIGATION_HIGHLIGHT]: {
54
- show: (entry: HTMLElement) => void;
55
- hide: (entry: HTMLElement) => void;
56
- };
57
- }, true, {}, any>;
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
58
2
  export default _default;
@@ -633,12 +633,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
633
633
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
634
634
  }>, {
635
635
  size: string;
636
+ inline: number;
636
637
  primary: boolean;
637
638
  ariaLabel: string;
638
639
  disabled: boolean;
639
640
  variant: string;
640
641
  wide: boolean;
641
- inline: number;
642
642
  open: boolean;
643
643
  placement: string;
644
644
  container: string | boolean | Element | Record<string, any>;
@@ -791,10 +791,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
791
791
  tabs: never[];
792
792
  activeTab: string;
793
793
  isLegacy34: boolean;
794
+ highlightEnabled: boolean;
795
+ highlightVisible: boolean;
796
+ highlightAnimated: boolean;
797
+ highlightOverActive: boolean;
798
+ highlightLeft: number;
799
+ highlightTop: number;
800
+ highlightWidth: number;
801
+ highlightHeight: number;
794
802
  }, {
795
803
  hasMultipleTabs(): boolean;
796
804
  showForSingleTab(): boolean;
797
805
  currentTabIndex(): number;
806
+ highlightStyle(): {
807
+ transform: string;
808
+ width: string;
809
+ height: string;
810
+ };
798
811
  }, {
799
812
  setActive(id: string): void;
800
813
  focusPreviousTab(): void;
@@ -806,6 +819,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
806
819
  updateActive(): void;
807
820
  registerTab(tab: object): void;
808
821
  unregisterTab(id: string): void;
822
+ showHighlightOn(button: HTMLElement): void;
823
+ hideHighlight(): void;
824
+ handleHighlight(event: Event): void;
825
+ onHighlightFocusOut(event: FocusEvent): void;
809
826
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:active"[], "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
810
827
  active: {
811
828
  type: StringConstructor;
@@ -825,12 +842,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
825
842
  selected: boolean;
826
843
  } & {
827
844
  tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
845
+ animatedHighlight?: boolean;
828
846
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
829
847
  "update:selected": (value: boolean) => any;
830
848
  }, string, import('vue').PublicProps, Readonly<{
831
849
  selected: boolean;
832
850
  } & {
833
851
  tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
852
+ animatedHighlight?: boolean;
834
853
  }> & Readonly<{
835
854
  "onUpdate:selected"?: ((value: boolean) => any) | undefined;
836
855
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
@@ -23,6 +23,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
23
23
  */
24
24
  activeTab: string;
25
25
  isLegacy34: boolean;
26
+ /** Whether the sliding highlight runs (JS mounted, non-legacy design) */
27
+ highlightEnabled: boolean;
28
+ /** Whether the highlight is currently shown */
29
+ highlightVisible: boolean;
30
+ /** Whether position changes should transition (slide) or snap */
31
+ highlightAnimated: boolean;
32
+ /** Whether the highlight sits on the active tab (turns transparent) */
33
+ highlightOverActive: boolean;
34
+ /** Highlight geometry inside the tablist, in pixels */
35
+ highlightLeft: number;
36
+ highlightTop: number;
37
+ highlightWidth: number;
38
+ highlightHeight: number;
26
39
  }, {
27
40
  /**
28
41
  * Has multiple tabs. If only one tab - its content is shown without navigation
@@ -32,6 +45,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
32
45
  hasMultipleTabs(): boolean;
33
46
  showForSingleTab(): boolean;
34
47
  currentTabIndex(): number;
48
+ highlightStyle(): {
49
+ transform: string;
50
+ width: string;
51
+ height: string;
52
+ };
35
53
  }, {
36
54
  /**
37
55
  * Set the current active tab
@@ -84,6 +102,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
84
102
  * @param {string} id tab's id
85
103
  */
86
104
  unregisterTab(id: string): void;
105
+ /**
106
+ * Move the sliding highlight onto a tab button. It slides there if
107
+ * already visible, otherwise it snaps into place so it does not slide in
108
+ * from a previously hovered tab. Over the active tab it turns transparent
109
+ * so the active tab keeps its own static background.
110
+ *
111
+ * @param {HTMLElement} button the tab button element to cover
112
+ */
113
+ showHighlightOn(button: HTMLElement): void;
114
+ /** Hide the sliding highlight */
115
+ hideHighlight(): void;
116
+ /**
117
+ * Move the highlight to the tab button under the pointer or focus
118
+ *
119
+ * @param {Event} event the pointer or focus event
120
+ */
121
+ handleHighlight(event: Event): void;
122
+ /**
123
+ * Hide the highlight once focus leaves the tablist entirely
124
+ *
125
+ * @param {FocusEvent} event the focusout event
126
+ */
127
+ onHighlightFocusOut(event: FocusEvent): void;
87
128
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:active"[], "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
88
129
  /**
89
130
  * Id of the tab to activate
@@ -109,12 +150,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
109
150
  selected: boolean;
110
151
  } & {
111
152
  tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
153
+ animatedHighlight?: boolean;
112
154
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
113
155
  "update:selected": (value: boolean) => any;
114
156
  }, string, import('vue').PublicProps, Readonly<{
115
157
  selected: boolean;
116
158
  } & {
117
159
  tab: InstanceType<typeof import('../index.ts').NcAppSidebarTab>;
160
+ animatedHighlight?: boolean;
118
161
  }> & Readonly<{
119
162
  "onUpdate:selected"?: ((value: boolean) => any) | undefined;
120
163
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
@@ -4,6 +4,11 @@ type __VLS_Props = {
4
4
  * The sidebar tab this button controls
5
5
  */
6
6
  tab: InstanceType<typeof NcAppSidebarTab>;
7
+ /**
8
+ * Whether the parent tablist renders a sliding highlight. When set, the
9
+ * button drops its own hover background so only the moving highlight shows.
10
+ */
11
+ animatedHighlight?: boolean;
7
12
  };
8
13
  type __VLS_PublicProps = {
9
14
  'selected': boolean;
@@ -14,7 +14,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
14
14
  required: true;
15
15
  };
16
16
  /**
17
- * Tab icon's html class in navigation. Used if #icon slot is not provided
17
+ * Tab icon's html class in navigation. Used if #icon slot is not provided.
18
+ *
19
+ * The #icon slot receives the tab's active state as `{ selected }`, so a
20
+ * filled icon variant can be rendered for the active tab.
18
21
  */
19
22
  icon: {
20
23
  type: StringConstructor;
@@ -37,11 +40,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
37
40
  }, {
38
41
  onScroll(event: any): void;
39
42
  /**
40
- * Render tab's icon slot if any
43
+ * Render tab's icon slot if any.
44
+ * The active state is passed to the slot so consumers can render a
45
+ * filled icon variant for the active tab, e.g.
46
+ * `<template #icon="{ selected }">`.
41
47
  *
48
+ * @param {boolean} selected whether the tab is currently active
42
49
  * @return {import('vue').VNode[]}
43
50
  */
44
- renderIcon(): import('vue').VNode[];
51
+ renderIcon(selected?: boolean): import('vue').VNode[];
45
52
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "bottomReached")[], "scroll" | "bottomReached", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
46
53
  /**
47
54
  * Unique id of the sidebar tab
@@ -58,7 +65,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
58
65
  required: true;
59
66
  };
60
67
  /**
61
- * Tab icon's html class in navigation. Used if #icon slot is not provided
68
+ * Tab icon's html class in navigation. Used if #icon slot is not provided.
69
+ *
70
+ * The #icon slot receives the tab's active state as `{ selected }`, so a
71
+ * filled icon variant can be rendered for the active tab.
62
72
  */
63
73
  icon: {
64
74
  type: StringConstructor;
@@ -169,6 +169,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
169
169
  * @return {Array|null}
170
170
  */
171
171
  hoverCardActions(): any[] | null;
172
+ /**
173
+ * Best available display name for the hover card (prop or contacts menu).
174
+ *
175
+ * @return {string|undefined}
176
+ */
177
+ hoverCardDisplayName(): string | undefined;
172
178
  /**
173
179
  * Status already known by this avatar so the hover card does not fetch it again.
174
180
  * Omitted while status is still the empty default (fetch in progress).
@@ -580,12 +586,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
580
586
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
581
587
  }>, {
582
588
  size: string;
589
+ inline: number;
583
590
  primary: boolean;
584
591
  ariaLabel: string;
585
592
  disabled: boolean;
586
593
  variant: string;
587
594
  wide: boolean;
588
- inline: number;
589
595
  open: boolean;
590
596
  placement: string;
591
597
  container: string | boolean | Element | Record<string, any>;
@@ -864,6 +870,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
864
870
  NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
865
871
  NcProfileHoverCard: import('vue').DefineComponent<{
866
872
  user?: string | null;
873
+ displayName?: string | null;
867
874
  profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
868
875
  preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
869
876
  open?: boolean;
@@ -871,12 +878,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
871
878
  actionsLoading?: boolean;
872
879
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
873
880
  user?: string | null;
881
+ displayName?: string | null;
874
882
  profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
875
883
  preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
876
884
  open?: boolean;
877
885
  actions?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
878
886
  actionsLoading?: boolean;
879
887
  }> & Readonly<{}>, {
888
+ displayName: string | null;
880
889
  open: boolean;
881
890
  actions: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
882
891
  user: string | null;
@@ -419,12 +419,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
419
419
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
420
420
  }>, {
421
421
  size: string;
422
+ inline: number;
422
423
  primary: boolean;
423
424
  ariaLabel: string;
424
425
  disabled: boolean;
425
426
  variant: string;
426
427
  wide: boolean;
427
- inline: number;
428
428
  open: boolean;
429
429
  placement: string;
430
430
  container: string | boolean | Element | Record<string, any>;
@@ -359,12 +359,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
359
359
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
360
360
  }>, {
361
361
  size: string;
362
+ inline: number;
362
363
  primary: boolean;
363
364
  ariaLabel: string;
364
365
  disabled: boolean;
365
366
  variant: string;
366
367
  wide: boolean;
367
- inline: number;
368
368
  open: boolean;
369
369
  placement: string;
370
370
  container: string | boolean | Element | Record<string, any>;
@@ -1026,12 +1026,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1026
1026
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1027
1027
  }>, {
1028
1028
  size: string;
1029
+ inline: number;
1029
1030
  primary: boolean;
1030
1031
  ariaLabel: string;
1031
1032
  disabled: boolean;
1032
1033
  variant: string;
1033
1034
  wide: boolean;
1034
- inline: number;
1035
1035
  open: boolean;
1036
1036
  placement: string;
1037
1037
  container: string | boolean | Element | Record<string, any>;