@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.
- package/CHANGELOG.md +31 -0
- package/dist/assets/NcActionInput.css +66 -66
- package/dist/assets/NcActions.css +12 -12
- package/dist/assets/NcAppNavigationItem.css +54 -52
- package/dist/assets/NcAppNavigationList.css +2 -26
- package/dist/assets/NcAppNavigationNewItem.css +9 -7
- 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/NcAvatar.css +26 -26
- package/dist/assets/NcBlurHash.css +2 -2
- package/dist/assets/NcDateTimePicker.css +234 -234
- 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/NcModal.css +69 -63
- package/dist/assets/NcPopover.css +16 -16
- package/dist/assets/NcProfileHoverCard.css +82 -59
- package/dist/assets/NcRadioGroup.css +2 -2
- package/dist/assets/NcRadioGroupButton.css +14 -14
- package/dist/assets/NcRichContenteditable.css +17 -17
- package/dist/assets/NcRichText.css +2 -2
- package/dist/assets/NcSelect.css +25 -0
- package/dist/assets/NcUploadPicker.css +41 -0
- package/dist/assets/autolink.css +3 -3
- package/dist/chunks/NcActionInput.mjs +4 -4
- package/dist/chunks/NcActionInput.mjs.map +1 -1
- package/dist/chunks/NcActions.mjs +4 -4
- package/dist/chunks/NcActions.mjs.map +1 -1
- package/dist/chunks/NcAppContent.mjs +4 -4
- package/dist/chunks/NcAppContent.mjs.map +1 -1
- package/dist/chunks/NcAppNavigation.mjs +2 -2
- package/dist/chunks/NcAppNavigationItem.mjs +6 -29
- package/dist/chunks/NcAppNavigationItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationList.mjs +8 -138
- package/dist/chunks/NcAppNavigationList.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationSearch.mjs +2 -2
- package/dist/chunks/NcAppNavigationSettings.mjs +8 -8
- package/dist/chunks/NcAppSettingsDialog.mjs +5 -5
- package/dist/chunks/NcAppSettingsShortcutsSection.mjs +3 -3
- package/dist/chunks/NcAppSidebar.mjs +165 -31
- 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/NcAvatar.mjs +17 -4
- package/dist/chunks/NcAvatar.mjs.map +1 -1
- package/dist/chunks/NcBlurHash.mjs +2 -2
- package/dist/chunks/NcCheckboxRadioSwitch.mjs +1 -1
- package/dist/chunks/NcCollectionList.mjs +3 -3
- package/dist/chunks/NcColorPicker.mjs +2 -2
- package/dist/chunks/NcContent.mjs +2 -2
- package/dist/chunks/NcDashboardWidget.mjs +4 -4
- package/dist/chunks/NcDashboardWidget.mjs.map +1 -1
- package/dist/chunks/NcDateTimePicker.mjs +7 -4
- package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
- package/dist/chunks/NcDateTimePickerNative.mjs +2 -2
- package/dist/chunks/NcDialogButton.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcEmojiPicker.mjs +2 -2
- package/dist/chunks/NcFilePicker.mjs +6 -5
- package/dist/chunks/NcFilePicker.mjs.map +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 +4 -4
- package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
- package/dist/chunks/NcKbd.mjs +4 -4
- package/dist/chunks/NcModal.mjs +13 -8
- package/dist/chunks/NcModal.mjs.map +1 -1
- package/dist/chunks/NcPasswordField.mjs +2 -2
- package/dist/chunks/NcPopover.mjs +2 -2
- package/dist/chunks/NcProfileHoverCard.mjs +205 -157
- package/dist/chunks/NcProfileHoverCard.mjs.map +1 -1
- package/dist/chunks/NcRadioGroup.mjs +2 -2
- package/dist/chunks/NcRadioGroupButton.mjs +6 -6
- package/dist/chunks/NcReferenceWidget.mjs +2 -2
- package/dist/chunks/NcRelatedResourcesPanel.mjs +4 -4
- package/dist/chunks/NcRichContenteditable.mjs +12 -12
- package/dist/chunks/NcRichText.mjs +3 -3
- package/dist/chunks/NcRichText.mjs.map +1 -1
- package/dist/chunks/NcSelect.mjs +74 -5
- package/dist/chunks/NcSelect.mjs.map +1 -1
- package/dist/chunks/NcSettingsSection.mjs +2 -2
- package/dist/chunks/NcSettingsSelectGroup.mjs +2 -2
- package/dist/chunks/NcTextField.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcUploadPicker.mjs +269 -0
- package/dist/chunks/NcUploadPicker.mjs.map +1 -0
- package/dist/chunks/NcUserStatusIcon.mjs +2 -2
- package/dist/chunks/_l10n.mjs +86 -84
- package/dist/chunks/_l10n.mjs.map +1 -1
- package/dist/chunks/autolink.mjs +3 -3
- package/dist/chunks/colors.mjs +2 -2
- package/dist/chunks/mdi.mjs +7 -5
- package/dist/chunks/mdi.mjs.map +1 -1
- package/dist/chunks/referencePickerModal.mjs +5 -5
- package/dist/components/NcActionInput/NcActionInput.vue.d.ts +38 -10
- 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 -5
- package/dist/components/NcAppNavigationList/NcAppNavigationList.vue.d.ts +1 -57
- 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 +10 -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 +41 -5
- package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +6 -2
- package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +11 -3
- package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +6 -2
- package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +7 -7
- package/dist/components/NcFilePicker/NcFilePicker.vue.d.ts +7 -0
- package/dist/components/NcListItem/NcListItem.vue.d.ts +1 -1
- package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +6 -2
- package/dist/components/NcProfileHoverCard/NcProfileHoverCard.vue.d.ts +6 -0
- 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/dist/components/NcUploadPicker/NcUploadPicker.vue.d.ts +180 -0
- package/dist/components/NcUploadPicker/index.d.ts +6 -0
- package/dist/components/NcUploadPicker/index.mjs +5 -0
- package/dist/components/NcUploadPicker/index.mjs.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/composables/useFormatDateTime/index.mjs +2 -2
- package/dist/index.mjs +2 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +25 -11
- package/dist/chunks/highlight.mjs +0 -5
- package/dist/chunks/highlight.mjs.map +0 -1
- 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,
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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?: "
|
|
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?: "
|
|
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: "
|
|
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():
|
|
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>;
|
|
@@ -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 {
|
|
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>;
|