@nextcloud/vue 9.10.0 → 9.11.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 (89) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/NcActionInput.css +66 -66
  3. package/dist/assets/NcActions.css +12 -12
  4. package/dist/assets/NcAppNavigationItem.css +9 -3
  5. package/dist/assets/NcAppNavigationNewItem.css +9 -3
  6. package/dist/assets/NcAppNavigationSettings.css +6 -6
  7. package/dist/assets/NcAppSettingsDialog.css +3 -3
  8. package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
  9. package/dist/assets/NcAppSidebar.css +130 -76
  10. package/dist/assets/NcAppSidebarTab.css +4 -4
  11. package/dist/assets/NcAssistantButton.css +9 -9
  12. package/dist/assets/NcAssistantContent.css +3 -3
  13. package/dist/assets/NcAssistantIcon.css +4 -4
  14. package/dist/assets/NcBlurHash.css +2 -2
  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/NcPopover.css +16 -16
  26. package/dist/assets/NcRadioGroup.css +2 -2
  27. package/dist/assets/NcRadioGroupButton.css +14 -14
  28. package/dist/assets/NcRichContenteditable.css +17 -17
  29. package/dist/assets/NcSelect.css +25 -0
  30. package/dist/assets/autolink.css +3 -3
  31. package/dist/chunks/NcActionInput.mjs +2 -2
  32. package/dist/chunks/NcActionInput.mjs.map +1 -1
  33. package/dist/chunks/NcActions.mjs +2 -2
  34. package/dist/chunks/NcActions.mjs.map +1 -1
  35. package/dist/chunks/NcAppNavigationSettings.mjs +6 -6
  36. package/dist/chunks/NcAppSettingsDialog.mjs +3 -3
  37. package/dist/chunks/NcAppSettingsShortcutsSection.mjs +1 -1
  38. package/dist/chunks/NcAppSidebar.mjs +162 -28
  39. package/dist/chunks/NcAppSidebar.mjs.map +1 -1
  40. package/dist/chunks/NcAppSidebarTab.mjs +12 -5
  41. package/dist/chunks/NcAppSidebarTab.mjs.map +1 -1
  42. package/dist/chunks/NcAssistantButton.mjs +7 -7
  43. package/dist/chunks/NcAssistantContent.mjs +3 -3
  44. package/dist/chunks/NcAssistantIcon.mjs +4 -4
  45. package/dist/chunks/NcBlurHash.mjs +2 -2
  46. package/dist/chunks/NcFilePicker.mjs +1 -1
  47. package/dist/chunks/NcFormBox.mjs +5 -5
  48. package/dist/chunks/NcFormBoxButton.mjs +2 -2
  49. package/dist/chunks/NcFormBoxItem.mjs +8 -8
  50. package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
  51. package/dist/chunks/NcFormGroup.mjs +7 -7
  52. package/dist/chunks/NcHotkey.mjs +4 -4
  53. package/dist/chunks/NcHotkeyList.mjs +2 -2
  54. package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
  55. package/dist/chunks/NcKbd.mjs +2 -2
  56. package/dist/chunks/NcPopover.mjs +2 -2
  57. package/dist/chunks/NcRadioGroup.mjs +2 -2
  58. package/dist/chunks/NcRadioGroupButton.mjs +6 -6
  59. package/dist/chunks/NcRichContenteditable.mjs +10 -10
  60. package/dist/chunks/NcSelect.mjs +74 -5
  61. package/dist/chunks/NcSelect.mjs.map +1 -1
  62. package/dist/chunks/_l10n.mjs +3 -3
  63. package/dist/chunks/autolink.mjs +3 -3
  64. package/dist/components/NcActionInput/NcActionInput.vue.d.ts +35 -7
  65. package/dist/components/NcActions/NcActions.vue.d.ts +1 -1
  66. package/dist/components/NcAppNavigationCaption/NcAppNavigationCaption.vue.d.ts +1 -1
  67. package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +1 -1
  68. package/dist/components/NcAppSidebar/NcAppSidebar.vue.d.ts +20 -1
  69. package/dist/components/NcAppSidebar/NcAppSidebarTabs.vue.d.ts +43 -0
  70. package/dist/components/NcAppSidebar/NcAppSidebarTabsButton.vue.d.ts +5 -0
  71. package/dist/components/NcAppSidebarTab/NcAppSidebarTab.vue.d.ts +14 -4
  72. package/dist/components/NcAvatar/NcAvatar.vue.d.ts +1 -1
  73. package/dist/components/NcBreadcrumb/NcBreadcrumb.vue.d.ts +1 -1
  74. package/dist/components/NcBreadcrumbs/NcBreadcrumbs.vue.d.ts +2 -2
  75. package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +33 -5
  76. package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +2 -2
  77. package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +3 -3
  78. package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +2 -2
  79. package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +5 -5
  80. package/dist/components/NcListItem/NcListItem.vue.d.ts +1 -1
  81. package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +1 -1
  82. package/dist/components/NcRichText/NcReferencePicker/NcProviderList.vue.d.ts +30 -2
  83. package/dist/components/NcRichText/NcReferencePicker/NcReferencePicker.vue.d.ts +60 -4
  84. package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +60 -4
  85. package/dist/components/NcRichText/NcReferencePicker/NcSearch.vue.d.ts +30 -2
  86. package/dist/components/NcSelect/NcSelect.vue.d.ts +39 -2
  87. package/dist/components/NcSelectTags/NcSelectTags.vue.d.ts +30 -2
  88. package/dist/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue.d.ts +30 -2
  89. package/package.json +3 -3
@@ -29,10 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
29
29
  };
30
30
  }
31
31
  });
32
- const externalLink = "_externalLink_b-KZi";
33
- const externalLink_decorated = "_externalLink_decorated_wcK-p";
32
+ const externalLink = "_externalLink_ePhUZ";
33
+ const externalLink_decorated = "_externalLink_decorated_qJgcV";
34
34
  const style0 = {
35
- "material-design-icon": "_material-design-icon_9-SDv",
35
+ "material-design-icon": "_material-design-icon_a4wnN",
36
36
  externalLink,
37
37
  externalLink_decorated
38
38
  };
@@ -766,8 +766,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
766
766
  "onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
767
767
  }>, {
768
768
  type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
769
- ariaLabel: string;
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>;
@@ -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>;
@@ -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;
@@ -580,12 +580,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
580
580
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
581
581
  }>, {
582
582
  size: string;
583
+ inline: number;
583
584
  primary: boolean;
584
585
  ariaLabel: string;
585
586
  disabled: boolean;
586
587
  variant: string;
587
588
  wide: boolean;
588
- inline: number;
589
589
  open: boolean;
590
590
  placement: string;
591
591
  container: string | boolean | Element | Record<string, any>;
@@ -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>;
@@ -591,12 +591,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
591
591
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
592
592
  }>, {
593
593
  size: string;
594
+ inline: number;
594
595
  primary: boolean;
595
596
  ariaLabel: string;
596
597
  disabled: boolean;
597
598
  variant: string;
598
599
  wide: boolean;
599
- inline: number;
600
600
  open: boolean;
601
601
  placement: string;
602
602
  container: string | boolean | Element | Record<string, any>;
@@ -1134,12 +1134,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1134
1134
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1135
1135
  }>, {
1136
1136
  size: string;
1137
+ inline: number;
1137
1138
  primary: boolean;
1138
1139
  ariaLabel: string;
1139
1140
  disabled: boolean;
1140
1141
  variant: string;
1141
1142
  wide: boolean;
1142
- inline: number;
1143
1143
  open: boolean;
1144
1144
  placement: string;
1145
1145
  container: string | boolean | Element | Record<string, any>;
@@ -1834,12 +1834,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1834
1834
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1835
1835
  }>, {
1836
1836
  size: string;
1837
+ inline: number;
1837
1838
  primary: boolean;
1838
1839
  ariaLabel: string;
1839
1840
  disabled: boolean;
1840
1841
  variant: string;
1841
1842
  wide: boolean;
1842
- inline: number;
1843
1843
  open: boolean;
1844
1844
  placement: string;
1845
1845
  container: string | boolean | Element | Record<string, any>;
@@ -2162,16 +2162,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2162
2162
  NcSelect: import('vue').DefineComponent<{}, {
2163
2163
  avatarSize: number;
2164
2164
  isLegacy: boolean;
2165
+ mdiAlertCircleOutline: string;
2166
+ mdiCheck: string;
2165
2167
  }, {
2166
2168
  search: string;
2167
2169
  }, {
2168
- inputRequired(): any;
2170
+ inputRequired(): boolean | null;
2169
2171
  localCalculatePosition(): any;
2170
2172
  localFilterBy(): any;
2171
2173
  localLabel(): any;
2172
- propsToForward(): any;
2174
+ propsToForward(): {
2175
+ calculatePosition: any;
2176
+ closeOnSelect: boolean;
2177
+ filterBy: any;
2178
+ label: any;
2179
+ };
2173
2180
  }, {
2174
2181
  t: (original: string, placeholders?: Record<string, string | number>) => string;
2182
+ forwardedSlots(): string[];
2175
2183
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, (" " | "update:modelValue")[], " " | "update:modelValue", import('vue').PublicProps, Readonly<{}> & Readonly<{
2176
2184
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
2177
2185
  "on "?: ((...args: any[]) => any) | undefined;
@@ -2243,6 +2251,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
2243
2251
  highlight: import('../../utils/findRanges.ts').StringRange[];
2244
2252
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2245
2253
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2254
+ NcIconSvgWrapper: import('vue').DefineComponent<{
2255
+ directional?: boolean;
2256
+ inline?: boolean;
2257
+ svg?: string;
2258
+ name?: string;
2259
+ path?: string;
2260
+ size?: number | "auto";
2261
+ }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
2262
+ directional?: boolean;
2263
+ inline?: boolean;
2264
+ svg?: string;
2265
+ name?: string;
2266
+ path?: string;
2267
+ size?: number | "auto";
2268
+ }> & Readonly<{}>, {
2269
+ size: number | "auto";
2270
+ name: string;
2271
+ svg: string;
2272
+ path: string;
2273
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
2246
2274
  NcLoadingIcon: import('vue').DefineComponent<{
2247
2275
  appearance?: "auto" | "light" | "dark";
2248
2276
  name?: string;
@@ -479,12 +479,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
479
479
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
480
480
  }>, {
481
481
  size: string;
482
+ inline: number;
482
483
  primary: boolean;
483
484
  ariaLabel: string;
484
485
  disabled: boolean;
485
486
  variant: string;
486
487
  wide: boolean;
487
- inline: number;
488
488
  open: boolean;
489
489
  placement: string;
490
490
  container: string | boolean | Element | Record<string, any>;
@@ -1022,12 +1022,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1022
1022
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1023
1023
  }>, {
1024
1024
  size: string;
1025
+ inline: number;
1025
1026
  primary: boolean;
1026
1027
  ariaLabel: string;
1027
1028
  disabled: boolean;
1028
1029
  variant: string;
1029
1030
  wide: boolean;
1030
- inline: number;
1031
1031
  open: boolean;
1032
1032
  placement: string;
1033
1033
  container: string | boolean | Element | Record<string, any>;
@@ -559,12 +559,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
559
559
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
560
560
  }>, {
561
561
  size: string;
562
+ inline: number;
562
563
  primary: boolean;
563
564
  ariaLabel: string;
564
565
  disabled: boolean;
565
566
  variant: string;
566
567
  wide: boolean;
567
- inline: number;
568
568
  open: boolean;
569
569
  placement: string;
570
570
  container: string | boolean | Element | Record<string, any>;
@@ -1413,12 +1413,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1413
1413
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1414
1414
  }>, {
1415
1415
  size: string;
1416
+ inline: number;
1416
1417
  primary: boolean;
1417
1418
  ariaLabel: string;
1418
1419
  disabled: boolean;
1419
1420
  variant: string;
1420
1421
  wide: boolean;
1421
- inline: number;
1422
1422
  open: boolean;
1423
1423
  placement: string;
1424
1424
  container: string | boolean | Element | Record<string, any>;
@@ -1956,12 +1956,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1956
1956
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1957
1957
  }>, {
1958
1958
  size: string;
1959
+ inline: number;
1959
1960
  primary: boolean;
1960
1961
  ariaLabel: string;
1961
1962
  disabled: boolean;
1962
1963
  variant: string;
1963
1964
  wide: boolean;
1964
- inline: number;
1965
1965
  open: boolean;
1966
1966
  placement: string;
1967
1967
  container: string | boolean | Element | Record<string, any>;
@@ -587,12 +587,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
587
587
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
588
588
  }>, {
589
589
  size: string;
590
+ inline: number;
590
591
  primary: boolean;
591
592
  ariaLabel: string;
592
593
  disabled: boolean;
593
594
  variant: string;
594
595
  wide: boolean;
595
- inline: number;
596
596
  open: boolean;
597
597
  placement: string;
598
598
  container: string | boolean | Element | Record<string, any>;
@@ -1130,12 +1130,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1130
1130
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1131
1131
  }>, {
1132
1132
  size: string;
1133
+ inline: number;
1133
1134
  primary: boolean;
1134
1135
  ariaLabel: string;
1135
1136
  disabled: boolean;
1136
1137
  variant: string;
1137
1138
  wide: boolean;
1138
- inline: number;
1139
1139
  open: boolean;
1140
1140
  placement: string;
1141
1141
  container: string | boolean | Element | Record<string, any>;
@@ -117,8 +117,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
117
117
  "onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
118
118
  }>, {
119
119
  type: "date" | "datetime" | "time" | "week" | "month" | "year" | "date-range" | "time-range" | "datetime-range";
120
- ariaLabel: string;
121
120
  inline: boolean;
121
+ ariaLabel: string;
122
122
  placeholder: string;
123
123
  modelValue: Date | [Date, Date] | null;
124
124
  min: Date;
@@ -304,13 +304,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
304
304
  quarter: number;
305
305
  year: number;
306
306
  }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
307
- readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
308
- readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
309
307
  readonly inline?: import('vue').Prop<boolean | {
310
308
  input?: boolean;
311
309
  } | undefined, boolean | {
312
310
  input?: boolean;
313
311
  } | undefined> | null | undefined;
312
+ readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
313
+ readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
314
314
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
315
315
  readonly modelValue?: import('vue').Prop<LibraryModelValue | undefined, LibraryModelValue | undefined> | null | undefined;
316
316
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;
@@ -835,13 +835,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
835
835
  quarter: number;
836
836
  year: number;
837
837
  }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
838
- readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
839
- readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
840
838
  readonly inline?: import('vue').Prop<boolean | {
841
839
  input?: boolean;
842
840
  } | undefined, boolean | {
843
841
  input?: boolean;
844
842
  } | undefined> | null | undefined;
843
+ readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
844
+ readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
845
845
  readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
846
846
  readonly modelValue?: import('vue').Prop<LibraryModelValue | undefined, LibraryModelValue | undefined> | null | undefined;
847
847
  readonly range?: import('vue').Prop<boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined, boolean | import('@vuepic/vue-datepicker').RangeConfig | undefined> | null | undefined;