@onereach/ui-components 2.73.0-beta.2258.0 → 2.73.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/dist/bundled/v2/{OrCardCollection-06ecb8e1.js → OrCardCollection-4ac89ea5.js} +1 -1
- package/dist/bundled/v2/{OrCode-0cf7596d.js → OrCode-fc6876ec.js} +12 -184
- package/dist/bundled/v2/{OrNotification-2e2a1941.js → OrNotification-3909aaf2.js} +3 -3
- package/dist/bundled/v2/{OrSearch-bb87b34c.js → OrSearch-09fd004c.js} +2 -1
- package/dist/bundled/v2/{OrSidebar-c95ef614.js → OrSidebar-a2bc21b9.js} +155 -34
- package/dist/bundled/v2/OrSidebarCollapseButton-8297ef86.js +125 -0
- package/dist/bundled/v2/{OrSkeletonText-2f1a3cc7.js → OrSkeletonText-242d22f3.js} +3 -3
- package/dist/bundled/v2/components/index.js +7 -6
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-code/OrCode.vue.d.ts +0 -10
- package/dist/bundled/v2/components/or-code/index.js +1 -1
- package/dist/bundled/v2/components/or-notification/index.js +1 -1
- package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
- package/dist/bundled/v2/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
- package/dist/bundled/v2/components/or-sidebar-v3/index.js +13 -1
- package/dist/bundled/v2/components/or-sidebar-v3/partials/index.d.ts +1 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/index.js +18 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +18 -0
- package/dist/bundled/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
- package/dist/bundled/v2/components/or-sidebar-v3/styles.d.ts +7 -1
- package/dist/bundled/v2/components/or-skeleton/index.js +1 -1
- package/dist/bundled/v2/index.js +8 -7
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-e2980d04.js → OrCardCollection.vue_vue_type_script_lang-f76c3264.js} +1 -1
- package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-df150e3b.js → OrCode.vue_vue_type_script_lang-c55de81d.js} +8 -180
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-321907ec.js → OrSearch.vue_vue_type_script_lang-c054c8db.js} +2 -1
- package/dist/bundled/v3/OrSidebar.vue_vue_type_script_lang-7f3f1a16.js +291 -0
- package/dist/bundled/v3/OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js +75 -0
- package/dist/bundled/v3/components/index.js +5 -4
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-code/OrCode.vue.d.ts +0 -10
- package/dist/bundled/v3/components/or-code/index.js +1 -1
- package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
- package/dist/bundled/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
- package/dist/bundled/v3/components/or-sidebar-v3/index.js +16 -2
- package/dist/bundled/v3/components/or-sidebar-v3/partials/index.d.ts +1 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/index.js +17 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +17 -0
- package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
- package/dist/bundled/v3/components/or-sidebar-v3/styles.d.ts +7 -1
- package/dist/bundled/v3/index.js +36 -19
- package/dist/esm/v2/{OrCardCollection-251ab033.js → OrCardCollection-5a9eda35.js} +1 -1
- package/dist/esm/v2/{OrCode-e2ce05ea.js → OrCode-d4400b42.js} +12 -30
- package/dist/esm/v2/{OrNotification-a49e76d3.js → OrNotification-a9231a83.js} +3 -3
- package/dist/esm/v2/{OrSearch-f42d588d.js → OrSearch-7411388b.js} +2 -1
- package/dist/esm/v2/{OrSidebar-fabc7bc9.js → OrSidebar-27236fbd.js} +155 -34
- package/dist/esm/v2/OrSidebarCollapseButton-cfe51a60.js +123 -0
- package/dist/esm/v2/{OrSkeletonText-24509efe.js → OrSkeletonText-cc94bdc9.js} +3 -3
- package/dist/esm/v2/components/index.js +7 -7
- package/dist/esm/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v2/components/or-code/OrCode.vue.d.ts +0 -10
- package/dist/esm/v2/components/or-code/index.js +2 -3
- package/dist/esm/v2/components/or-notification/index.js +1 -1
- package/dist/esm/v2/components/or-search-v3/index.js +1 -1
- package/dist/esm/v2/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
- package/dist/esm/v2/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
- package/dist/esm/v2/components/or-sidebar-v3/index.js +13 -1
- package/dist/esm/v2/components/or-sidebar-v3/partials/index.d.ts +1 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/index.js +16 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +16 -0
- package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
- package/dist/esm/v2/components/or-sidebar-v3/styles.d.ts +7 -1
- package/dist/esm/v2/components/or-skeleton/index.js +1 -1
- package/dist/esm/v2/index.js +7 -7
- package/dist/esm/v3/{OrCardCollection-8b8e3745.js → OrCardCollection-e4fde5b4.js} +1 -1
- package/dist/esm/v3/{OrCode-72688173.js → OrCode-5ed69c23.js} +9 -27
- package/dist/esm/v3/{OrNotification-eb08de33.js → OrNotification-e85a4956.js} +1 -1
- package/dist/esm/v3/{OrSearch-4c5c44f2.js → OrSearch-5406bf03.js} +2 -1
- package/dist/esm/v3/OrSidebar-61d84c3e.js +313 -0
- package/dist/esm/v3/OrSidebarCollapseButton-1b9c83ef.js +94 -0
- package/dist/esm/v3/{OrSkeletonText-0546754d.js → OrSkeletonText-2b1610ce.js} +3 -3
- package/dist/esm/v3/components/index.js +7 -7
- package/dist/esm/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v3/components/or-code/OrCode.vue.d.ts +0 -10
- package/dist/esm/v3/components/or-code/index.js +2 -3
- package/dist/esm/v3/components/or-notification/index.js +1 -1
- package/dist/esm/v3/components/or-search-v3/index.js +1 -1
- package/dist/esm/v3/components/or-sidebar-v3/OrSidebar.stories3.d.ts +36 -1
- package/dist/esm/v3/components/or-sidebar-v3/OrSidebar.vue.d.ts +49 -4
- package/dist/esm/v3/components/or-sidebar-v3/index.js +12 -1
- package/dist/esm/v3/components/or-sidebar-v3/partials/index.d.ts +1 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/index.js +15 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.d.ts +12 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts +53 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts +1 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +15 -0
- package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts +2 -0
- package/dist/esm/v3/components/or-sidebar-v3/styles.d.ts +7 -1
- package/dist/esm/v3/components/or-skeleton/index.js +1 -1
- package/dist/esm/v3/index.js +7 -7
- package/package.json +4 -4
- package/src/components/or-code/OrCode.vue +6 -23
- package/src/components/or-notification/OrNotification.vue +1 -26
- package/src/components/or-search-v3/OrSearch.vue +2 -1
- package/src/components/or-sidebar-v3/OrSidebar.docs.mdx +6 -0
- package/src/components/or-sidebar-v3/OrSidebar.stories3.ts +253 -12
- package/src/components/or-sidebar-v3/OrSidebar.vue +130 -23
- package/src/components/or-sidebar-v3/partials/index.ts +1 -0
- package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.stories3.ts +48 -0
- package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue +79 -0
- package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.ts +1 -0
- package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.ts +50 -0
- package/src/components/or-sidebar-v3/styles.ts +114 -9
- package/src/components/or-skeleton/styles.scss +3 -18
- package/src/components/or-stepper/OrStepper.stories.ts +1 -1
- package/dist/bundled/v3/OrSidebar.vue_vue_type_script_lang-ce0b152c.js +0 -181
- package/dist/esm/v3/OrSidebar-a62972f5.js +0 -206
|
@@ -9,11 +9,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
9
9
|
fullscreenTarget: Ref<HTMLDivElement | undefined>;
|
|
10
10
|
editor: EditorView;
|
|
11
11
|
isHovered: Ref<boolean>;
|
|
12
|
-
isDark: Ref<boolean>;
|
|
13
|
-
themeObserver: {
|
|
14
|
-
isSupported: Ref<boolean>;
|
|
15
|
-
stop: () => void;
|
|
16
|
-
};
|
|
17
12
|
}> & {
|
|
18
13
|
isFullscreen: boolean;
|
|
19
14
|
}, {
|
|
@@ -173,11 +168,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
173
168
|
fullscreenTarget: Ref<HTMLDivElement | undefined>;
|
|
174
169
|
editor: EditorView;
|
|
175
170
|
isHovered: Ref<boolean>;
|
|
176
|
-
isDark: Ref<boolean>;
|
|
177
|
-
themeObserver: {
|
|
178
|
-
isSupported: Ref<boolean>;
|
|
179
|
-
stop: () => void;
|
|
180
|
-
};
|
|
181
171
|
}>, {
|
|
182
172
|
isFullscreen: boolean;
|
|
183
173
|
}, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-c054c8db.js';
|
|
2
2
|
export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-47d98e81.js';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import 'vue';
|
|
@@ -10,7 +10,17 @@ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue
|
|
|
10
10
|
} | string[], {} & {}, {
|
|
11
11
|
[x: number]: string;
|
|
12
12
|
} | {}, true>)>;
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const WithCustomWidthConstraints: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
14
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
15
|
+
} | string[], {} & {}, {
|
|
16
|
+
[x: number]: string;
|
|
17
|
+
} | {}, true>)>;
|
|
18
|
+
export declare const NotDraggable: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
19
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
20
|
+
} | string[], {} & {}, {
|
|
21
|
+
[x: number]: string;
|
|
22
|
+
} | {}, true>)>;
|
|
23
|
+
export declare const Collapsible: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
14
24
|
[x: string]: ((...args: any[]) => any) | null;
|
|
15
25
|
} | string[], {} & {}, {
|
|
16
26
|
[x: number]: string;
|
|
@@ -30,8 +40,33 @@ export declare const WithFooter: StoryFn<import("vue").ComponentOptions<import("
|
|
|
30
40
|
} | string[], {} & {}, {
|
|
31
41
|
[x: number]: string;
|
|
32
42
|
} | {}, true>)>;
|
|
43
|
+
export declare const WithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
44
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
45
|
+
} | string[], {} & {}, {
|
|
46
|
+
[x: number]: string;
|
|
47
|
+
} | {}, true>)>;
|
|
48
|
+
export declare const CollapsibleWithToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
49
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
50
|
+
} | string[], {} & {}, {
|
|
51
|
+
[x: number]: string;
|
|
52
|
+
} | {}, true>)>;
|
|
53
|
+
export declare const WithTabs: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
54
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
55
|
+
} | string[], {} & {}, {
|
|
56
|
+
[x: number]: string;
|
|
57
|
+
} | {}, true>)>;
|
|
33
58
|
export declare const LeftSidebar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
34
59
|
[x: string]: ((...args: any[]) => any) | null;
|
|
35
60
|
} | string[], {} & {}, {
|
|
36
61
|
[x: number]: string;
|
|
37
62
|
} | {}, true>)>;
|
|
63
|
+
export declare const WithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
64
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
65
|
+
} | string[], {} & {}, {
|
|
66
|
+
[x: number]: string;
|
|
67
|
+
} | {}, true>)>;
|
|
68
|
+
export declare const CollapsibleWithWithLeftToolbar: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
69
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
70
|
+
} | string[], {} & {}, {
|
|
71
|
+
[x: number]: string;
|
|
72
|
+
} | {}, true>)>;
|
|
@@ -4,26 +4,36 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
4
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
5
|
resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
|
|
6
6
|
isResizing: import("@vue/composition-api").Ref<boolean>;
|
|
7
|
+
isCollapsed: import("@vue/composition-api").Ref<boolean>;
|
|
7
8
|
localWidth: import("@vue/composition-api").Ref<number>;
|
|
9
|
+
isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
|
|
8
10
|
sidebarStyle: import("@vue/composition-api").ComputedRef<{
|
|
9
11
|
width: string;
|
|
10
12
|
}>;
|
|
11
13
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
14
|
+
sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
15
|
+
toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
12
16
|
resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
17
|
+
collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
13
18
|
mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
14
19
|
headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
15
20
|
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
16
21
|
footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
22
|
+
open: () => void;
|
|
23
|
+
close: () => void;
|
|
17
24
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
18
25
|
width: {
|
|
19
26
|
type: NumberConstructor;
|
|
20
|
-
required: false;
|
|
21
27
|
default: number;
|
|
22
28
|
validator: (value?: any) => boolean;
|
|
23
29
|
};
|
|
24
30
|
minimumWidth: {
|
|
25
31
|
type: NumberConstructor;
|
|
26
|
-
|
|
32
|
+
default: number;
|
|
33
|
+
validator: (value?: any) => boolean;
|
|
34
|
+
};
|
|
35
|
+
maximumWidth: {
|
|
36
|
+
type: NumberConstructor;
|
|
27
37
|
default: number;
|
|
28
38
|
validator: (value?: any) => boolean;
|
|
29
39
|
};
|
|
@@ -39,16 +49,27 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
39
49
|
default: OrSidebarPlacement;
|
|
40
50
|
validator: (value?: any) => boolean;
|
|
41
51
|
};
|
|
52
|
+
draggable: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
default: boolean;
|
|
55
|
+
};
|
|
56
|
+
collapsible: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
42
60
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
43
61
|
width: {
|
|
44
62
|
type: NumberConstructor;
|
|
45
|
-
required: false;
|
|
46
63
|
default: number;
|
|
47
64
|
validator: (value?: any) => boolean;
|
|
48
65
|
};
|
|
49
66
|
minimumWidth: {
|
|
50
67
|
type: NumberConstructor;
|
|
51
|
-
|
|
68
|
+
default: number;
|
|
69
|
+
validator: (value?: any) => boolean;
|
|
70
|
+
};
|
|
71
|
+
maximumWidth: {
|
|
72
|
+
type: NumberConstructor;
|
|
52
73
|
default: number;
|
|
53
74
|
validator: (value?: any) => boolean;
|
|
54
75
|
};
|
|
@@ -64,35 +85,59 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
64
85
|
default: OrSidebarPlacement;
|
|
65
86
|
validator: (value?: any) => boolean;
|
|
66
87
|
};
|
|
88
|
+
draggable: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
collapsible: {
|
|
93
|
+
type: BooleanConstructor;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
67
96
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
68
97
|
width: number;
|
|
69
98
|
minimumWidth: number;
|
|
99
|
+
maximumWidth: number;
|
|
70
100
|
side: OrSidebarPlacement;
|
|
101
|
+
draggable: boolean;
|
|
102
|
+
collapsible: boolean;
|
|
71
103
|
} & {} & {
|
|
72
104
|
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
73
105
|
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
74
106
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
75
107
|
resizeBar: import("@vue/composition-api").Ref<HTMLElement | null>;
|
|
76
108
|
isResizing: import("@vue/composition-api").Ref<boolean>;
|
|
109
|
+
isCollapsed: import("@vue/composition-api").Ref<boolean>;
|
|
77
110
|
localWidth: import("@vue/composition-api").Ref<number>;
|
|
111
|
+
isShowingToolbar: import("@vue/composition-api").ComputedRef<boolean>;
|
|
78
112
|
sidebarStyle: import("@vue/composition-api").ComputedRef<{
|
|
79
113
|
width: string;
|
|
80
114
|
}>;
|
|
81
115
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
116
|
+
sidebarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
117
|
+
toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
82
118
|
resizeStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
119
|
+
collapsibleButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
83
120
|
mainStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
84
121
|
headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
85
122
|
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
86
123
|
footerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
124
|
+
open: () => void;
|
|
125
|
+
close: () => void;
|
|
87
126
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
88
127
|
width: number;
|
|
89
128
|
minimumWidth: number;
|
|
129
|
+
maximumWidth: number;
|
|
90
130
|
side: OrSidebarPlacement;
|
|
131
|
+
draggable: boolean;
|
|
132
|
+
collapsible: boolean;
|
|
91
133
|
} & {} & {
|
|
92
134
|
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
93
135
|
}, {
|
|
94
136
|
width: number;
|
|
95
137
|
minimumWidth: number;
|
|
138
|
+
maximumWidth: number;
|
|
96
139
|
side: OrSidebarPlacement;
|
|
140
|
+
draggable: boolean;
|
|
141
|
+
collapsible: boolean;
|
|
97
142
|
}, true>);
|
|
98
143
|
export default _default;
|
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
export { O as OrSidebarPlacement
|
|
2
|
-
|
|
1
|
+
export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
|
|
2
|
+
export { s as OrSidebarV3 } from '../../OrSidebar.vue_vue_type_script_lang-7f3f1a16.js';
|
|
3
3
|
import 'lodash';
|
|
4
4
|
import 'vue';
|
|
5
|
+
import '../../OrIconButton-e0566ecf.js';
|
|
6
|
+
import '../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
|
|
7
|
+
import '../../OrIcon-1a5c9091.js';
|
|
8
|
+
import '../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
|
|
9
|
+
import '../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
|
|
10
|
+
import '@vueuse/core';
|
|
11
|
+
import '../../OrPopover-1a488f88.js';
|
|
12
|
+
import '../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
|
|
13
|
+
import '../../floating-ui.dom.esm-83eba816.js';
|
|
14
|
+
import '../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
|
|
15
|
+
import '../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
|
|
16
|
+
import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
17
|
+
import '../../useElevation-c8d5d3ba.js';
|
|
18
|
+
import '../../useResponsive-9d397e2a.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './or-sidebar-collapse-button';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { s as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
|
|
2
|
+
import 'lodash';
|
|
3
|
+
import 'vue';
|
|
4
|
+
import '../../../OrIconButton-e0566ecf.js';
|
|
5
|
+
import '../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
|
|
6
|
+
import '../../../OrIcon-1a5c9091.js';
|
|
7
|
+
import '../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
|
|
8
|
+
import '../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
|
|
9
|
+
import '@vueuse/core';
|
|
10
|
+
import '../../../OrPopover-1a488f88.js';
|
|
11
|
+
import '../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
|
|
12
|
+
import '../../../floating-ui.dom.esm-83eba816.js';
|
|
13
|
+
import '../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
|
|
14
|
+
import '../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
|
|
15
|
+
import '../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
16
|
+
import '../../../useElevation-c8d5d3ba.js';
|
|
17
|
+
import '../../../useResponsive-9d397e2a.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
3
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
4
|
+
} | string[], {} & {}, {
|
|
5
|
+
[x: number]: string;
|
|
6
|
+
} | {}, true>)>;
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
9
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
10
|
+
} | string[], {} & {}, {
|
|
11
|
+
[x: number]: string;
|
|
12
|
+
} | {}, true>)>;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { OrSidebarPlacement } from '../../props';
|
|
3
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
+
root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
5
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
|
+
buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
+
icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
|
|
8
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
9
|
+
/**
|
|
10
|
+
* Must be `true` if sidebar is collapsed.
|
|
11
|
+
*/
|
|
12
|
+
modelValue: {
|
|
13
|
+
type: BooleanConstructor;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
side: {
|
|
17
|
+
type: PropType<OrSidebarPlacement>;
|
|
18
|
+
default: OrSidebarPlacement;
|
|
19
|
+
validator: (value?: any) => boolean;
|
|
20
|
+
};
|
|
21
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
22
|
+
/**
|
|
23
|
+
* Must be `true` if sidebar is collapsed.
|
|
24
|
+
*/
|
|
25
|
+
modelValue: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
side: {
|
|
30
|
+
type: PropType<OrSidebarPlacement>;
|
|
31
|
+
default: OrSidebarPlacement;
|
|
32
|
+
validator: (value?: any) => boolean;
|
|
33
|
+
};
|
|
34
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
35
|
+
modelValue: boolean;
|
|
36
|
+
side: OrSidebarPlacement;
|
|
37
|
+
} & {} & {
|
|
38
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
39
|
+
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
40
|
+
root: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
|
|
41
|
+
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
42
|
+
buttonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
43
|
+
icon: import("@vue/composition-api").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
|
|
44
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
45
|
+
modelValue: boolean;
|
|
46
|
+
side: OrSidebarPlacement;
|
|
47
|
+
} & {} & {
|
|
48
|
+
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
49
|
+
}, {
|
|
50
|
+
modelValue: boolean;
|
|
51
|
+
side: OrSidebarPlacement;
|
|
52
|
+
}, true>);
|
|
53
|
+
export default _default;
|
package/dist/bundled/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as OrSidebarCollapseButton } from './OrSidebarCollapseButton.vue';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { s as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton.vue_vue_type_script_lang-9aeba2d4.js';
|
|
2
|
+
import 'lodash';
|
|
3
|
+
import 'vue';
|
|
4
|
+
import '../../../../OrIconButton-e0566ecf.js';
|
|
5
|
+
import '../../../../OrIconButton.vue_vue_type_script_lang-7d1c3fe1.js';
|
|
6
|
+
import '../../../../OrIcon-1a5c9091.js';
|
|
7
|
+
import '../../../../OrIcon.vue_vue_type_script_lang-bdbaad94.js';
|
|
8
|
+
import '../../../../OrTooltip.vue_vue_type_script_lang-bf9935ef.js';
|
|
9
|
+
import '@vueuse/core';
|
|
10
|
+
import '../../../../OrPopover-1a488f88.js';
|
|
11
|
+
import '../../../../OrPopover.vue_vue_type_script_lang-b1102c1a.js';
|
|
12
|
+
import '../../../../floating-ui.dom.esm-83eba816.js';
|
|
13
|
+
import '../../../../OrBottomSheet.vue_vue_type_script_lang-bdef5ca2.js';
|
|
14
|
+
import '../../../../OrOverlay.vue_vue_type_script_lang-7edd25f6.js';
|
|
15
|
+
import '../../../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
16
|
+
import '../../../../useElevation-c8d5d3ba.js';
|
|
17
|
+
import '../../../../useResponsive-9d397e2a.js';
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { OrSidebarPlacement } from './props';
|
|
2
2
|
export declare const SidebarRoot: string[];
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const SidebarBar: string[];
|
|
4
|
+
export declare const SidebarToolbar: string[];
|
|
5
|
+
export declare const CollapsibleSidebarToolbar: string[];
|
|
6
|
+
export declare const SidebarSides: Record<OrSidebarPlacement, string[]>;
|
|
7
|
+
export declare const SidebarToolbarSides: Record<OrSidebarPlacement, string[]>;
|
|
4
8
|
export declare const SidebarResize: string[];
|
|
5
9
|
export declare const SidebarResizeSides: Record<OrSidebarPlacement, string[]>;
|
|
10
|
+
export declare const SidebarCollapseButton: string[];
|
|
11
|
+
export declare const SidebarCollapseButtonSides: Record<OrSidebarPlacement, string[]>;
|
|
6
12
|
export declare const SidebarResizingSides: Record<OrSidebarPlacement, string[]>;
|
|
7
13
|
export declare const SidebarMain: string[];
|
|
8
14
|
export declare const SidebarHeader: string[];
|