@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
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import _ from 'lodash';
|
|
2
|
+
import './index-fa6eb4ca.js';
|
|
3
|
+
import { O as OrIconButton } from './OrIconButton-837d57f8.js';
|
|
4
|
+
import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
|
+
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
6
|
+
|
|
7
|
+
var OrSidebarPlacement;
|
|
8
|
+
(function (OrSidebarPlacement) {
|
|
9
|
+
OrSidebarPlacement["left"] = "left";
|
|
10
|
+
OrSidebarPlacement["right"] = "right";
|
|
11
|
+
})(OrSidebarPlacement || (OrSidebarPlacement = {}));
|
|
12
|
+
|
|
13
|
+
const CollapseButtonContainer = [
|
|
14
|
+
// Box
|
|
15
|
+
'w-[24px]', 'h-[24px]', 'rounded-full',
|
|
16
|
+
// Theme
|
|
17
|
+
'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
|
|
18
|
+
const CollapseButton = [
|
|
19
|
+
// Box
|
|
20
|
+
'w-[24px]', 'h-[24px]', 'rounded-full',
|
|
21
|
+
// Typography
|
|
22
|
+
'!text-[16px]',
|
|
23
|
+
// Borders
|
|
24
|
+
'!border-[1px]', '!border-solid',
|
|
25
|
+
// Theme
|
|
26
|
+
'!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
|
|
27
|
+
// Theme (hover)
|
|
28
|
+
'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
|
|
29
|
+
// Theme (active)
|
|
30
|
+
'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
|
|
31
|
+
// Theme (focus)
|
|
32
|
+
'focus:!text-primary focus:dark:!text-primary-dark', 'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark', 'focus:!border-outline dark:focus:!border-outline-dark',
|
|
33
|
+
// Theme (disabled)
|
|
34
|
+
'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
|
|
35
|
+
|
|
36
|
+
var script = defineComponent({
|
|
37
|
+
name: 'OrSidebarCollapseButton',
|
|
38
|
+
components: {
|
|
39
|
+
OrIconButton
|
|
40
|
+
},
|
|
41
|
+
model: {
|
|
42
|
+
prop: 'modelValue',
|
|
43
|
+
event: 'update:modelValue'
|
|
44
|
+
},
|
|
45
|
+
props: {
|
|
46
|
+
/**
|
|
47
|
+
* Must be `true` if sidebar is collapsed.
|
|
48
|
+
*/
|
|
49
|
+
modelValue: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: false
|
|
52
|
+
},
|
|
53
|
+
side: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: OrSidebarPlacement.right,
|
|
56
|
+
validator: value => _.includes(_.values(OrSidebarPlacement), value)
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
emits: ['update:modelValue'],
|
|
60
|
+
expose: ['root'],
|
|
61
|
+
setup(props) {
|
|
62
|
+
// Refs
|
|
63
|
+
const root = ref();
|
|
64
|
+
const rootStyles = computed(() => ['or-sidebar-collapse-button', ...CollapseButtonContainer]);
|
|
65
|
+
const buttonStyles = computed(() => [...CollapseButton]);
|
|
66
|
+
const icon = computed(() => props.side === OrSidebarPlacement.left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right');
|
|
67
|
+
return {
|
|
68
|
+
root,
|
|
69
|
+
rootStyles,
|
|
70
|
+
buttonStyles,
|
|
71
|
+
icon
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
/* script */
|
|
77
|
+
const __vue_script__ = script;
|
|
78
|
+
|
|
79
|
+
/* template */
|
|
80
|
+
var __vue_render__ = function () {
|
|
81
|
+
var _vm = this;
|
|
82
|
+
var _h = _vm.$createElement;
|
|
83
|
+
var _c = _vm._self._c || _h;
|
|
84
|
+
return _c('div', {
|
|
85
|
+
ref: "root",
|
|
86
|
+
class: _vm.rootStyles
|
|
87
|
+
}, [_c('or-icon-button', {
|
|
88
|
+
class: _vm.buttonStyles,
|
|
89
|
+
attrs: {
|
|
90
|
+
"icon": {
|
|
91
|
+
icon: _vm.icon,
|
|
92
|
+
size: 'inherit'
|
|
93
|
+
},
|
|
94
|
+
"color": "inherit"
|
|
95
|
+
},
|
|
96
|
+
on: {
|
|
97
|
+
"click": function ($event) {
|
|
98
|
+
return _vm.$emit('update:modelValue', !_vm.modelValue);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
})], 1);
|
|
102
|
+
};
|
|
103
|
+
var __vue_staticRenderFns__ = [];
|
|
104
|
+
|
|
105
|
+
/* style */
|
|
106
|
+
const __vue_inject_styles__ = undefined;
|
|
107
|
+
/* scoped */
|
|
108
|
+
const __vue_scope_id__ = undefined;
|
|
109
|
+
/* module identifier */
|
|
110
|
+
const __vue_module_identifier__ = undefined;
|
|
111
|
+
/* functional template */
|
|
112
|
+
const __vue_is_functional_template__ = false;
|
|
113
|
+
/* style inject */
|
|
114
|
+
|
|
115
|
+
/* style inject SSR */
|
|
116
|
+
|
|
117
|
+
/* style inject shadow dom */
|
|
118
|
+
|
|
119
|
+
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
120
|
+
render: __vue_render__,
|
|
121
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
122
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
123
|
+
var OrSidebarCollapseButton = __vue_component__;
|
|
124
|
+
|
|
125
|
+
export { OrSidebarPlacement as O, OrSidebarCollapseButton as a };
|
|
@@ -59,7 +59,7 @@ var __vue_staticRenderFns__$2 = [];
|
|
|
59
59
|
const __vue_inject_styles__$2 = function (inject) {
|
|
60
60
|
if (!inject) return;
|
|
61
61
|
inject("data-v-2bdce55a_0", {
|
|
62
|
-
source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}
|
|
62
|
+
source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
|
|
63
63
|
map: undefined,
|
|
64
64
|
media: undefined
|
|
65
65
|
});
|
|
@@ -137,7 +137,7 @@ var __vue_staticRenderFns__$1 = [];
|
|
|
137
137
|
const __vue_inject_styles__$1 = function (inject) {
|
|
138
138
|
if (!inject) return;
|
|
139
139
|
inject("data-v-570f1e07_0", {
|
|
140
|
-
source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}
|
|
140
|
+
source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
|
|
141
141
|
map: undefined,
|
|
142
142
|
media: undefined
|
|
143
143
|
});
|
|
@@ -238,7 +238,7 @@ var __vue_staticRenderFns__ = [];
|
|
|
238
238
|
const __vue_inject_styles__ = function (inject) {
|
|
239
239
|
if (!inject) return;
|
|
240
240
|
inject("data-v-1ddb38df_0", {
|
|
241
|
-
source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}
|
|
241
|
+
source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
|
|
242
242
|
map: undefined,
|
|
243
243
|
media: undefined
|
|
244
244
|
});
|
|
@@ -8,14 +8,14 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
|
|
|
8
8
|
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-d45772c1.js';
|
|
9
9
|
export { O as OrCard } from '../OrCard-a6b30f8f.js';
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-166cfcc6.js';
|
|
11
|
-
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-
|
|
11
|
+
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-4ac89ea5.js';
|
|
12
12
|
export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
|
|
13
13
|
export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
|
|
14
14
|
export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
|
|
15
15
|
export { O as OrCheckboxV3 } from '../OrCheckbox-9be450f9.js';
|
|
16
16
|
export { O as OrChip } from '../OrChip-000fe7b5.js';
|
|
17
17
|
export { _ as OrChips } from '../OrChips-890b8476.js';
|
|
18
|
-
export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-
|
|
18
|
+
export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
|
|
19
19
|
export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
|
|
20
20
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
|
|
21
21
|
export { _ as OrConfirm } from '../OrConfirm-55b89b17.js';
|
|
@@ -52,7 +52,7 @@ export { O as OrMenuV3 } from '../OrMenu-52da43bc.js';
|
|
|
52
52
|
export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-4e8acb7b.js';
|
|
53
53
|
export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
|
|
54
54
|
export { M as ModalSize, _ as OrModalV3 } from '../OrModal-78f5d49e.js';
|
|
55
|
-
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-
|
|
55
|
+
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
|
|
56
56
|
export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-458fe937.js';
|
|
57
57
|
export { _ as OrNumberInput } from '../OrNumberInput-face8ccc.js';
|
|
58
58
|
export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
|
|
@@ -66,13 +66,14 @@ export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
|
|
|
66
66
|
export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
|
|
67
67
|
export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
|
|
68
68
|
export { O as OrSearch } from '../OrSearch-832d7978.js';
|
|
69
|
-
export { O as OrSearchV3 } from '../OrSearch-
|
|
69
|
+
export { O as OrSearchV3 } from '../OrSearch-09fd004c.js';
|
|
70
70
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
|
|
71
71
|
export { _ as OrSelect } from '../OrSelect-a23d4210.js';
|
|
72
72
|
export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
|
|
73
73
|
export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
|
|
74
|
-
export {
|
|
75
|
-
export {
|
|
74
|
+
export { _ as OrSidebarV3 } from '../OrSidebar-a2bc21b9.js';
|
|
75
|
+
export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-8297ef86.js';
|
|
76
|
+
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
|
|
76
77
|
export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
|
|
77
78
|
export { _ as OrSlider } from '../OrSlider-59d05856.js';
|
|
78
79
|
export { _ as OrSortHeaderV3 } from '../OrSortHeader-565ace92.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-
|
|
1
|
+
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-4ac89ea5.js';
|
|
2
2
|
import '../../index-fa6eb4ca.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
@@ -19,7 +19,7 @@ import '../../OrButton-d45772c1.js';
|
|
|
19
19
|
import '../../OrLoader-864ef92a.js';
|
|
20
20
|
import '../../OrMenu-52da43bc.js';
|
|
21
21
|
import '../../OrMenuItem-e2693a5f.js';
|
|
22
|
-
import '../../OrSearch-
|
|
22
|
+
import '../../OrSearch-09fd004c.js';
|
|
23
23
|
import '../../OrInput-00070eee.js';
|
|
24
24
|
import '../../OrError-52f668a4.js';
|
|
25
25
|
import '../../OrHint-fde53334.js';
|
|
@@ -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 { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-
|
|
1
|
+
export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-3909aaf2.js';
|
|
2
2
|
import '../../index-fa6eb4ca.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
@@ -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,7 +1,19 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { _ as OrSidebarV3 } from '../../OrSidebar-a2bc21b9.js';
|
|
2
|
+
export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-8297ef86.js';
|
|
2
3
|
import '@vueuse/core';
|
|
3
4
|
import 'lodash';
|
|
4
5
|
import '../../index-fa6eb4ca.js';
|
|
5
6
|
import 'vue';
|
|
6
7
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
7
8
|
import '../../normalize-component-6e8e3d80.js';
|
|
9
|
+
import '../../OrIconButton-837d57f8.js';
|
|
10
|
+
import '../../OrIcon-458206aa.js';
|
|
11
|
+
import '../../OrTooltip-b1f38647.js';
|
|
12
|
+
import '../../OrPopover-4e8acb7b.js';
|
|
13
|
+
import '../../floating-ui.dom.esm-83eba816.js';
|
|
14
|
+
import '../../OrBottomSheet-ddba20c1.js';
|
|
15
|
+
import '../../OrOverlay-efa7992e.js';
|
|
16
|
+
import '../../OrTeleport.vue2-e9ba3054.js';
|
|
17
|
+
import 'portal-vue';
|
|
18
|
+
import '../../useElevation-aac032f4.js';
|
|
19
|
+
import '../../useResponsive-e13dfbb0.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './or-sidebar-collapse-button';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { a as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-8297ef86.js';
|
|
2
|
+
import 'lodash';
|
|
3
|
+
import '../../../index-fa6eb4ca.js';
|
|
4
|
+
import 'vue';
|
|
5
|
+
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
6
|
+
import '../../../OrIconButton-837d57f8.js';
|
|
7
|
+
import '../../../OrIcon-458206aa.js';
|
|
8
|
+
import '../../../normalize-component-6e8e3d80.js';
|
|
9
|
+
import '../../../OrTooltip-b1f38647.js';
|
|
10
|
+
import '@vueuse/core';
|
|
11
|
+
import '../../../OrPopover-4e8acb7b.js';
|
|
12
|
+
import '../../../floating-ui.dom.esm-83eba816.js';
|
|
13
|
+
import '../../../OrBottomSheet-ddba20c1.js';
|
|
14
|
+
import '../../../OrOverlay-efa7992e.js';
|
|
15
|
+
import '../../../OrTeleport.vue2-e9ba3054.js';
|
|
16
|
+
import 'portal-vue';
|
|
17
|
+
import '../../../useElevation-aac032f4.js';
|
|
18
|
+
import '../../../useResponsive-e13dfbb0.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/v2/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,18 @@
|
|
|
1
|
+
export { a as OrSidebarCollapseButton } from '../../../../OrSidebarCollapseButton-8297ef86.js';
|
|
2
|
+
import 'lodash';
|
|
3
|
+
import '../../../../index-fa6eb4ca.js';
|
|
4
|
+
import 'vue';
|
|
5
|
+
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
6
|
+
import '../../../../OrIconButton-837d57f8.js';
|
|
7
|
+
import '../../../../OrIcon-458206aa.js';
|
|
8
|
+
import '../../../../normalize-component-6e8e3d80.js';
|
|
9
|
+
import '../../../../OrTooltip-b1f38647.js';
|
|
10
|
+
import '@vueuse/core';
|
|
11
|
+
import '../../../../OrPopover-4e8acb7b.js';
|
|
12
|
+
import '../../../../floating-ui.dom.esm-83eba816.js';
|
|
13
|
+
import '../../../../OrBottomSheet-ddba20c1.js';
|
|
14
|
+
import '../../../../OrOverlay-efa7992e.js';
|
|
15
|
+
import '../../../../OrTeleport.vue2-e9ba3054.js';
|
|
16
|
+
import 'portal-vue';
|
|
17
|
+
import '../../../../useElevation-aac032f4.js';
|
|
18
|
+
import '../../../../useResponsive-e13dfbb0.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[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-
|
|
1
|
+
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-242d22f3.js';
|
|
2
2
|
import '../../index-fa6eb4ca.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|