@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.
- package/CHANGELOG.md +13 -0
- package/dist/assets/NcActionInput.css +66 -66
- package/dist/assets/NcActions.css +12 -12
- package/dist/assets/NcAppNavigationItem.css +9 -3
- package/dist/assets/NcAppNavigationNewItem.css +9 -3
- package/dist/assets/NcAppNavigationSettings.css +6 -6
- package/dist/assets/NcAppSettingsDialog.css +3 -3
- package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
- package/dist/assets/NcAppSidebar.css +130 -76
- package/dist/assets/NcAppSidebarTab.css +4 -4
- package/dist/assets/NcAssistantButton.css +9 -9
- package/dist/assets/NcAssistantContent.css +3 -3
- package/dist/assets/NcAssistantIcon.css +4 -4
- package/dist/assets/NcBlurHash.css +2 -2
- package/dist/assets/NcFilePicker.css +1 -1
- package/dist/assets/NcFormBox.css +11 -11
- package/dist/assets/NcFormBoxButton.css +2 -2
- package/dist/assets/NcFormBoxItem.css +15 -15
- package/dist/assets/NcFormBoxSwitch.css +2 -2
- package/dist/assets/NcFormGroup.css +7 -7
- package/dist/assets/NcHotkey.css +8 -8
- package/dist/assets/NcHotkeyList.css +2 -2
- package/dist/assets/NcIconToggleSwitch.css +4 -4
- package/dist/assets/NcKbd.css +3 -3
- package/dist/assets/NcPopover.css +16 -16
- package/dist/assets/NcRadioGroup.css +2 -2
- package/dist/assets/NcRadioGroupButton.css +14 -14
- package/dist/assets/NcRichContenteditable.css +17 -17
- package/dist/assets/NcSelect.css +25 -0
- package/dist/assets/autolink.css +3 -3
- package/dist/chunks/NcActionInput.mjs +2 -2
- package/dist/chunks/NcActionInput.mjs.map +1 -1
- package/dist/chunks/NcActions.mjs +2 -2
- package/dist/chunks/NcActions.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationSettings.mjs +6 -6
- package/dist/chunks/NcAppSettingsDialog.mjs +3 -3
- package/dist/chunks/NcAppSettingsShortcutsSection.mjs +1 -1
- package/dist/chunks/NcAppSidebar.mjs +162 -28
- package/dist/chunks/NcAppSidebar.mjs.map +1 -1
- package/dist/chunks/NcAppSidebarTab.mjs +12 -5
- package/dist/chunks/NcAppSidebarTab.mjs.map +1 -1
- package/dist/chunks/NcAssistantButton.mjs +7 -7
- package/dist/chunks/NcAssistantContent.mjs +3 -3
- package/dist/chunks/NcAssistantIcon.mjs +4 -4
- package/dist/chunks/NcBlurHash.mjs +2 -2
- package/dist/chunks/NcFilePicker.mjs +1 -1
- package/dist/chunks/NcFormBox.mjs +5 -5
- package/dist/chunks/NcFormBoxButton.mjs +2 -2
- package/dist/chunks/NcFormBoxItem.mjs +8 -8
- package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
- package/dist/chunks/NcFormGroup.mjs +7 -7
- package/dist/chunks/NcHotkey.mjs +4 -4
- package/dist/chunks/NcHotkeyList.mjs +2 -2
- package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
- package/dist/chunks/NcKbd.mjs +2 -2
- package/dist/chunks/NcPopover.mjs +2 -2
- package/dist/chunks/NcRadioGroup.mjs +2 -2
- package/dist/chunks/NcRadioGroupButton.mjs +6 -6
- package/dist/chunks/NcRichContenteditable.mjs +10 -10
- package/dist/chunks/NcSelect.mjs +74 -5
- package/dist/chunks/NcSelect.mjs.map +1 -1
- package/dist/chunks/_l10n.mjs +3 -3
- package/dist/chunks/autolink.mjs +3 -3
- package/dist/components/NcActionInput/NcActionInput.vue.d.ts +35 -7
- package/dist/components/NcActions/NcActions.vue.d.ts +1 -1
- package/dist/components/NcAppNavigationCaption/NcAppNavigationCaption.vue.d.ts +1 -1
- package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +1 -1
- package/dist/components/NcAppSidebar/NcAppSidebar.vue.d.ts +20 -1
- package/dist/components/NcAppSidebar/NcAppSidebarTabs.vue.d.ts +43 -0
- package/dist/components/NcAppSidebar/NcAppSidebarTabsButton.vue.d.ts +5 -0
- package/dist/components/NcAppSidebarTab/NcAppSidebarTab.vue.d.ts +14 -4
- package/dist/components/NcAvatar/NcAvatar.vue.d.ts +1 -1
- package/dist/components/NcBreadcrumb/NcBreadcrumb.vue.d.ts +1 -1
- package/dist/components/NcBreadcrumbs/NcBreadcrumbs.vue.d.ts +2 -2
- package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +33 -5
- package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +2 -2
- package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +3 -3
- package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +2 -2
- package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +5 -5
- package/dist/components/NcListItem/NcListItem.vue.d.ts +1 -1
- package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +1 -1
- package/dist/components/NcRichText/NcReferencePicker/NcProviderList.vue.d.ts +30 -2
- package/dist/components/NcRichText/NcReferencePicker/NcReferencePicker.vue.d.ts +60 -4
- package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +60 -4
- package/dist/components/NcRichText/NcReferencePicker/NcSearch.vue.d.ts +30 -2
- package/dist/components/NcSelect/NcSelect.vue.d.ts +39 -2
- package/dist/components/NcSelectTags/NcSelectTags.vue.d.ts +30 -2
- package/dist/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue.d.ts +30 -2
- package/package.json +3 -3
package/dist/chunks/autolink.mjs
CHANGED
|
@@ -29,10 +29,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
|
-
const externalLink = "
|
|
33
|
-
const externalLink_decorated = "
|
|
32
|
+
const externalLink = "_externalLink_ePhUZ";
|
|
33
|
+
const externalLink_decorated = "_externalLink_decorated_qJgcV";
|
|
34
34
|
const style0 = {
|
|
35
|
-
"material-design-icon": "_material-design-
|
|
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():
|
|
1852
|
+
inputRequired(): boolean | null;
|
|
1851
1853
|
localCalculatePosition(): any;
|
|
1852
1854
|
localFilterBy(): any;
|
|
1853
1855
|
localLabel(): any;
|
|
1854
|
-
propsToForward():
|
|
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():
|
|
2170
|
+
inputRequired(): boolean | null;
|
|
2169
2171
|
localCalculatePosition(): any;
|
|
2170
2172
|
localFilterBy(): any;
|
|
2171
2173
|
localLabel(): any;
|
|
2172
|
-
propsToForward():
|
|
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;
|