@onereach/ui-components 4.3.13-beta.2684.0 → 4.3.13
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/components/OrCarousel/OrCarousel.js +6 -3
- package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
- package/dist/bundled/v2/components/OrCarousel/index.js +1 -1
- package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts +5 -5
- package/dist/bundled/v2/components/index.d.ts +0 -1
- package/dist/bundled/v2/components/index.js +0 -2
- package/dist/bundled/v2/index.js +1 -3
- package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js} +4 -0
- package/dist/bundled/v3/components/OrCarousel/OrCarousel.js +3 -3
- package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
- package/dist/bundled/v3/components/OrCarousel/index.js +2 -2
- package/dist/bundled/v3/components/OrTagV3/OrTag.vue.d.ts +5 -5
- package/dist/bundled/v3/components/index.d.ts +0 -1
- package/dist/bundled/v3/components/index.js +1 -3
- package/dist/bundled/v3/index.js +2 -5
- package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js} +3 -2
- package/dist/esm/v2/components/index.d.ts +0 -1
- package/dist/esm/v2/components/index.js +2 -2
- package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts +1 -0
- package/dist/esm/v2/components/or-carousel/index.js +2 -1
- package/dist/esm/v2/components/or-tag-v3/OrTag.vue.d.ts +5 -5
- package/dist/esm/v2/index.js +2 -2
- package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js} +2 -1
- package/dist/esm/v3/components/index.d.ts +0 -1
- package/dist/esm/v3/components/index.js +2 -2
- package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts +1 -0
- package/dist/esm/v3/components/or-carousel/index.js +2 -1
- package/dist/esm/v3/components/or-tag-v3/OrTag.vue.d.ts +5 -5
- package/dist/esm/v3/index.js +2 -2
- package/package.json +3 -2
- package/src/components/index.ts +0 -1
- package/src/components/or-carousel/OrCarousel.vue +2 -2
- package/src/components/or-tag-v3/OrTag.vue +2 -3
- package/dist/bundled/v2/components/OrTagsV3/OrTags.js +0 -163
- package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +0 -80
- package/dist/bundled/v2/components/OrTagsV3/index.d.ts +0 -1
- package/dist/bundled/v2/components/OrTagsV3/index.js +0 -37
- package/dist/bundled/v2/components/OrTagsV3/styles.d.ts +0 -4
- package/dist/bundled/v2/components/OrTagsV3/styles.js +0 -26
- package/dist/bundled/v3/OrTags.vue_vue_type_script_lang-e75444b5.js +0 -70
- package/dist/bundled/v3/components/OrTagsV3/OrTags.js +0 -101
- package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +0 -36
- package/dist/bundled/v3/components/OrTagsV3/index.d.ts +0 -1
- package/dist/bundled/v3/components/OrTagsV3/index.js +0 -46
- package/dist/bundled/v3/components/OrTagsV3/styles.d.ts +0 -4
- package/dist/bundled/v3/components/OrTagsV3/styles.js +0 -26
- package/dist/esm/v2/OrTags-4ffaa13b.js +0 -159
- package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +0 -80
- package/dist/esm/v2/components/or-tags-v3/index.d.ts +0 -1
- package/dist/esm/v2/components/or-tags-v3/index.js +0 -19
- package/dist/esm/v2/components/or-tags-v3/styles.d.ts +0 -4
- package/dist/esm/v3/OrTags-a082de82.js +0 -147
- package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +0 -36
- package/dist/esm/v3/components/or-tags-v3/index.d.ts +0 -1
- package/dist/esm/v3/components/or-tags-v3/index.js +0 -18
- package/dist/esm/v3/components/or-tags-v3/styles.d.ts +0 -4
- package/src/components/or-tags-v3/OrTags.docs.mdx +0 -7
- package/src/components/or-tags-v3/OrTags.stories3.ts +0 -101
- package/src/components/or-tags-v3/OrTags.vue +0 -129
- package/src/components/or-tags-v3/index.ts +0 -1
- package/src/components/or-tags-v3/styles.ts +0 -41
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Splide } from '@splidejs/splide';
|
|
2
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
2
3
|
import { _ as __vue_component__$1 } from './OrIcon-a40e60af.js';
|
|
3
4
|
import { defineComponent, ref } from 'vue-demi';
|
|
4
5
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
@@ -185,7 +186,7 @@ var script = defineComponent({
|
|
|
185
186
|
}
|
|
186
187
|
});
|
|
187
188
|
|
|
188
|
-
var css_248z = ".or-carousel[data-v-
|
|
189
|
+
var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c] .splide__pagination__page{background:#64b2da}";
|
|
189
190
|
styleInject(css_248z);
|
|
190
191
|
|
|
191
192
|
/* script */
|
|
@@ -231,7 +232,7 @@ var __vue_staticRenderFns__ = [];
|
|
|
231
232
|
/* style */
|
|
232
233
|
const __vue_inject_styles__ = undefined;
|
|
233
234
|
/* scoped */
|
|
234
|
-
const __vue_scope_id__ = "data-v-
|
|
235
|
+
const __vue_scope_id__ = "data-v-79a6ba5c";
|
|
235
236
|
/* module identifier */
|
|
236
237
|
const __vue_module_identifier__ = undefined;
|
|
237
238
|
/* functional template */
|
|
@@ -10,7 +10,7 @@ export { _ as OrCard } from '../OrCard-c44d9783.js';
|
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-fe8a1a88.js';
|
|
11
11
|
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-722c83ce.js';
|
|
12
12
|
export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
|
|
13
|
-
export { _ as OrCarousel } from '../OrCarousel-
|
|
13
|
+
export { _ as OrCarousel } from '../OrCarousel-76dc2b7b.js';
|
|
14
14
|
export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
|
|
15
15
|
export { _ as OrCheckbox } from '../OrCheckbox-03e5eaff.js';
|
|
16
16
|
export { _ as OrCheckboxV3 } from '../OrCheckbox-59332f84.js';
|
|
@@ -96,7 +96,6 @@ export { _ as OrTabs } from '../OrTabs-1b314eeb.js';
|
|
|
96
96
|
export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-87069663.js';
|
|
97
97
|
export { _ as OrTag } from '../OrTag-8ded4261.js';
|
|
98
98
|
export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-843ec724.js';
|
|
99
|
-
export { _ as OrTagsV3 } from '../OrTags-4ffaa13b.js';
|
|
100
99
|
export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
|
|
101
100
|
export { _ as OrTeleportV3 } from '../OrTeleport.vue2-424c7f33.js';
|
|
102
101
|
export { _ as OrTextV3 } from '../OrText-44449e7b.js';
|
|
@@ -119,6 +118,7 @@ import '../color-40b7fe6b.js';
|
|
|
119
118
|
import '@vueuse/core';
|
|
120
119
|
import '../OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
|
|
121
120
|
import '@splidejs/splide';
|
|
121
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
122
122
|
import '../useIdAttribute-859439f0.js';
|
|
123
123
|
import '../OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
|
|
124
124
|
import '@codemirror/state';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Splide, ResponsiveOptions } from '@splidejs/splide';
|
|
2
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
2
3
|
import { PropType } from 'vue-demi';
|
|
3
4
|
import { Direction, KeyBoard, Type } from './constants';
|
|
4
5
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { _ as OrCarousel } from '../../OrCarousel-
|
|
1
|
+
export { _ as OrCarousel } from '../../OrCarousel-76dc2b7b.js';
|
|
2
2
|
export { _ as OrCarouselItem } from '../../OrCarouselItem-c614bab9.js';
|
|
3
3
|
import '@splidejs/splide';
|
|
4
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
4
5
|
import '../../OrIcon-a40e60af.js';
|
|
5
6
|
import 'vue-demi';
|
|
6
7
|
import 'lodash';
|
|
@@ -6,7 +6,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
6
6
|
custom: import("@vue/composition-api").ComputedRef<boolean>;
|
|
7
7
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
8
8
|
variant: {
|
|
9
|
-
type: PropType<
|
|
9
|
+
type: PropType<TagVariant>;
|
|
10
10
|
default: TagVariant;
|
|
11
11
|
};
|
|
12
12
|
color: {
|
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
19
19
|
};
|
|
20
20
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
21
21
|
variant: {
|
|
22
|
-
type: PropType<
|
|
22
|
+
type: PropType<TagVariant>;
|
|
23
23
|
default: TagVariant;
|
|
24
24
|
};
|
|
25
25
|
color: {
|
|
@@ -31,7 +31,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
31
31
|
default: boolean;
|
|
32
32
|
};
|
|
33
33
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
34
|
-
variant:
|
|
34
|
+
variant: TagVariant;
|
|
35
35
|
color: string;
|
|
36
36
|
disabled: boolean;
|
|
37
37
|
} & {} & {
|
|
@@ -41,13 +41,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
41
41
|
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
42
42
|
custom: import("@vue/composition-api").ComputedRef<boolean>;
|
|
43
43
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
44
|
-
variant:
|
|
44
|
+
variant: TagVariant;
|
|
45
45
|
color: string;
|
|
46
46
|
disabled: boolean;
|
|
47
47
|
} & {} & {
|
|
48
48
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
49
49
|
}, {
|
|
50
|
-
variant:
|
|
50
|
+
variant: TagVariant;
|
|
51
51
|
color: string;
|
|
52
52
|
disabled: boolean;
|
|
53
53
|
}, true>);
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -10,7 +10,7 @@ export { _ as OrCard } from './OrCard-c44d9783.js';
|
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-fe8a1a88.js';
|
|
11
11
|
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-722c83ce.js';
|
|
12
12
|
export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
|
|
13
|
-
export { _ as OrCarousel } from './OrCarousel-
|
|
13
|
+
export { _ as OrCarousel } from './OrCarousel-76dc2b7b.js';
|
|
14
14
|
export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
|
|
15
15
|
export { _ as OrCheckbox } from './OrCheckbox-03e5eaff.js';
|
|
16
16
|
export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
|
|
@@ -96,7 +96,6 @@ export { _ as OrTabs } from './OrTabs-1b314eeb.js';
|
|
|
96
96
|
export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-87069663.js';
|
|
97
97
|
export { _ as OrTag } from './OrTag-8ded4261.js';
|
|
98
98
|
export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-843ec724.js';
|
|
99
|
-
export { _ as OrTagsV3 } from './OrTags-4ffaa13b.js';
|
|
100
99
|
export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
|
|
101
100
|
export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
|
|
102
101
|
export { _ as OrTextV3 } from './OrText-44449e7b.js';
|
|
@@ -127,6 +126,7 @@ import './normalize-component-6e8e3d80.js';
|
|
|
127
126
|
import '@vueuse/core';
|
|
128
127
|
import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
|
|
129
128
|
import '@splidejs/splide';
|
|
129
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
130
130
|
import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
|
|
131
131
|
import '@codemirror/state';
|
|
132
132
|
import '@codemirror/view';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Splide } from '@splidejs/splide';
|
|
2
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
2
3
|
import { s as script$1 } from './OrIcon-b566a871.js';
|
|
3
4
|
import { defineComponent, ref } from 'vue-demi';
|
|
4
5
|
import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
|
|
@@ -220,7 +221,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
220
221
|
})])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
|
|
221
222
|
}
|
|
222
223
|
|
|
223
|
-
var css_248z = "
|
|
224
|
+
var css_248z = ".or-carousel[data-v-1a3da3b8] {\n line-height: 1;\n text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n background: #64b2da;\n}";
|
|
224
225
|
styleInject(css_248z);
|
|
225
226
|
|
|
226
227
|
script.render = render;
|
|
@@ -9,7 +9,7 @@ export { s as OrCard } from '../OrCard-e3a5aea4.js';
|
|
|
9
9
|
export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-d79dac85.js';
|
|
10
10
|
export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b319b723.js';
|
|
11
11
|
export { s as OrCardV3 } from '../OrCard-cc82902c.js';
|
|
12
|
-
export { s as OrCarousel } from '../OrCarousel-
|
|
12
|
+
export { s as OrCarousel } from '../OrCarousel-40f069d5.js';
|
|
13
13
|
export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
|
|
14
14
|
export { s as OrCheckbox } from '../OrCheckbox-ab457011.js';
|
|
15
15
|
export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
|
|
@@ -94,7 +94,6 @@ export { s as OrTabs } from '../OrTabs-35a376a3.js';
|
|
|
94
94
|
export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-3d9c1a8b.js';
|
|
95
95
|
export { s as OrTag } from '../OrTag-2d9eacf8.js';
|
|
96
96
|
export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6116c6e3.js';
|
|
97
|
-
export { s as OrTagsV3 } from '../OrTags-a082de82.js';
|
|
98
97
|
export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
|
|
99
98
|
export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
|
|
100
99
|
export { s as OrTextV3 } from '../OrText-d54c951d.js';
|
|
@@ -116,6 +115,7 @@ import '../style-inject.es-4c6f2515.js';
|
|
|
116
115
|
import '../color-40b7fe6b.js';
|
|
117
116
|
import '@vueuse/core';
|
|
118
117
|
import '@splidejs/splide';
|
|
118
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
119
119
|
import '../useIdAttribute-859439f0.js';
|
|
120
120
|
import '@codemirror/state';
|
|
121
121
|
import '@codemirror/view';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Splide, ResponsiveOptions } from '@splidejs/splide';
|
|
2
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
2
3
|
import { PropType } from 'vue-demi';
|
|
3
4
|
import { Direction, KeyBoard, Type } from './constants';
|
|
4
5
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { s as OrCarousel } from '../../OrCarousel-
|
|
1
|
+
export { s as OrCarousel } from '../../OrCarousel-40f069d5.js';
|
|
2
2
|
export { s as OrCarouselItem } from '../../OrCarouselItem-8c7ccd0f.js';
|
|
3
3
|
import '@splidejs/splide';
|
|
4
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
4
5
|
import '../../OrIcon-b566a871.js';
|
|
5
6
|
import 'vue-demi';
|
|
6
7
|
import 'lodash';
|
|
@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
|
|
|
2
2
|
import { TagColor, TagVariant } from './props';
|
|
3
3
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
4
4
|
variant: {
|
|
5
|
-
type: PropType<
|
|
5
|
+
type: PropType<TagVariant>;
|
|
6
6
|
default: TagVariant;
|
|
7
7
|
};
|
|
8
8
|
color: {
|
|
@@ -17,9 +17,9 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
17
17
|
root: import("vue-demi").Ref<HTMLElement | undefined>;
|
|
18
18
|
rootStyles: import("vue-demi").ComputedRef<string[]>;
|
|
19
19
|
custom: import("vue-demi").ComputedRef<boolean>;
|
|
20
|
-
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("
|
|
20
|
+
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "reset")[], "click" | "focus" | "blur" | "reset", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
21
21
|
variant: {
|
|
22
|
-
type: PropType<
|
|
22
|
+
type: PropType<TagVariant>;
|
|
23
23
|
default: TagVariant;
|
|
24
24
|
};
|
|
25
25
|
color: {
|
|
@@ -31,12 +31,12 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
31
31
|
default: boolean;
|
|
32
32
|
};
|
|
33
33
|
}>> & {
|
|
34
|
-
onReset?: ((...args: any[]) => any) | undefined;
|
|
35
34
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
36
35
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
37
36
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onReset?: ((...args: any[]) => any) | undefined;
|
|
38
38
|
}, {
|
|
39
|
-
variant:
|
|
39
|
+
variant: TagVariant;
|
|
40
40
|
color: string;
|
|
41
41
|
disabled: boolean;
|
|
42
42
|
}>;
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -9,7 +9,7 @@ export { s as OrCard } from './OrCard-e3a5aea4.js';
|
|
|
9
9
|
export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-d79dac85.js';
|
|
10
10
|
export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b319b723.js';
|
|
11
11
|
export { s as OrCardV3 } from './OrCard-cc82902c.js';
|
|
12
|
-
export { s as OrCarousel } from './OrCarousel-
|
|
12
|
+
export { s as OrCarousel } from './OrCarousel-40f069d5.js';
|
|
13
13
|
export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
|
|
14
14
|
export { s as OrCheckbox } from './OrCheckbox-ab457011.js';
|
|
15
15
|
export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
|
|
@@ -94,7 +94,6 @@ export { s as OrTabs } from './OrTabs-35a376a3.js';
|
|
|
94
94
|
export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3d9c1a8b.js';
|
|
95
95
|
export { s as OrTag } from './OrTag-2d9eacf8.js';
|
|
96
96
|
export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6116c6e3.js';
|
|
97
|
-
export { s as OrTagsV3 } from './OrTags-a082de82.js';
|
|
98
97
|
export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
|
|
99
98
|
export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
|
|
100
99
|
export { s as OrTextV3 } from './OrText-d54c951d.js';
|
|
@@ -124,6 +123,7 @@ import 'vue';
|
|
|
124
123
|
import './style-inject.es-4c6f2515.js';
|
|
125
124
|
import '@vueuse/core';
|
|
126
125
|
import '@splidejs/splide';
|
|
126
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
127
127
|
import '@codemirror/state';
|
|
128
128
|
import '@codemirror/view';
|
|
129
129
|
import '@codemirror/commands';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "4.3.13
|
|
3
|
+
"version": "4.3.13",
|
|
4
4
|
"description": "Vue components library for v2/3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/auto/index.js",
|
|
@@ -153,5 +153,6 @@
|
|
|
153
153
|
"default": "./dist/bundled/v3/components/*/index.js"
|
|
154
154
|
},
|
|
155
155
|
"./package.json": "./package.json"
|
|
156
|
-
}
|
|
156
|
+
},
|
|
157
|
+
"gitHead": "cb8796d591ee4844ee72e3a36f035c0986d29ba5"
|
|
157
158
|
}
|
package/src/components/index.ts
CHANGED
|
@@ -32,9 +32,11 @@
|
|
|
32
32
|
|
|
33
33
|
<script lang="ts">
|
|
34
34
|
import { Splide, ResponsiveOptions } from '@splidejs/splide';
|
|
35
|
+
import '@splidejs/splide/dist/css/splide.min.css';
|
|
35
36
|
import { OrIcon } from '../or-icon';
|
|
36
37
|
import { defineComponent, PropType, ref } from 'vue-demi';
|
|
37
38
|
import { Direction, EVENTS, KeyBoard, Type } from './constants';
|
|
39
|
+
|
|
38
40
|
export default defineComponent({
|
|
39
41
|
name: 'OrCarousel',
|
|
40
42
|
components: {
|
|
@@ -185,8 +187,6 @@ export default defineComponent({
|
|
|
185
187
|
</script>
|
|
186
188
|
|
|
187
189
|
<style lang="scss" scoped>
|
|
188
|
-
@import '~@splidejs/splide/dist/css/splide.min.css';
|
|
189
|
-
|
|
190
190
|
.or-carousel {
|
|
191
191
|
&__track-container {
|
|
192
192
|
position: relative;
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
<div class="truncate">
|
|
12
12
|
<slot />
|
|
13
13
|
</div>
|
|
14
|
-
|
|
15
14
|
<template v-if="variant === 'reset'">
|
|
16
15
|
<div :class="['layout-inline-row', 'm-[-4px] md:m-[-2px]']">
|
|
17
16
|
<OrIconButton
|
|
@@ -40,12 +39,12 @@ export default defineComponent({
|
|
|
40
39
|
|
|
41
40
|
props: {
|
|
42
41
|
variant: {
|
|
43
|
-
type: String as PropType
|
|
42
|
+
type: String as PropType<TagVariant>,
|
|
44
43
|
default: TagVariant.Tag,
|
|
45
44
|
},
|
|
46
45
|
|
|
47
46
|
color: {
|
|
48
|
-
type: String as PropType
|
|
47
|
+
type: String as PropType<TagColor | string>,
|
|
49
48
|
default: TagColor.Default,
|
|
50
49
|
},
|
|
51
50
|
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, computed } from 'vue-demi';
|
|
2
|
-
import { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover } from './styles.js';
|
|
3
|
-
import __vue_component__$1 from '../OrButtonV3/OrButton.js';
|
|
4
|
-
import __vue_component__$2 from '../OrPopoverV3/OrPopover.js';
|
|
5
|
-
import __vue_component__$3 from '../OrTagV3/OrTag.js';
|
|
6
|
-
import { useOverflow } from '../../hooks/useOverflow.js';
|
|
7
|
-
import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
|
|
8
|
-
import '../OrButtonV3/props.js';
|
|
9
|
-
import '../OrButtonV3/styles.js';
|
|
10
|
-
import '../OrLoaderV3/OrLoader.js';
|
|
11
|
-
import '@vueuse/core';
|
|
12
|
-
import '../OrLoaderV3/props.js';
|
|
13
|
-
import '../OrLoaderV3/styles.js';
|
|
14
|
-
import '../../floating-ui.dom.esm-83eba816.js';
|
|
15
|
-
import '../OrPopoverV3/props.js';
|
|
16
|
-
import '../OrPopoverV3/styles.js';
|
|
17
|
-
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
18
|
-
import '../OrBottomSheetV3/props.js';
|
|
19
|
-
import '../OrBottomSheetV3/styles.js';
|
|
20
|
-
import '../OrOverlayV3/OrOverlay.js';
|
|
21
|
-
import '../OrOverlayV3/styles.js';
|
|
22
|
-
import '../OrTeleportV3/OrTeleport.js';
|
|
23
|
-
import 'portal-vue';
|
|
24
|
-
import '../../hooks/useElevation.js';
|
|
25
|
-
import '../../utils/isVisible.js';
|
|
26
|
-
import '../../hooks/useResponsive/useResponsive.js';
|
|
27
|
-
import '../OrTagV3/props.js';
|
|
28
|
-
import '../OrTagV3/styles.js';
|
|
29
|
-
import '../OrIconButtonV3/OrIconButton.js';
|
|
30
|
-
import '../OrIconButtonV3/props.js';
|
|
31
|
-
import '../OrIconV3/props.js';
|
|
32
|
-
import '../OrIconButtonV3/styles.js';
|
|
33
|
-
import '../OrIconV3/OrIcon.js';
|
|
34
|
-
import '../OrIconV3/styles.js';
|
|
35
|
-
import '../OrTooltipV3/OrTooltip.js';
|
|
36
|
-
import '../OrTooltipV3/styles.js';
|
|
37
|
-
|
|
38
|
-
var script = defineComponent({
|
|
39
|
-
name: 'OrTags',
|
|
40
|
-
components: {
|
|
41
|
-
OrButton: __vue_component__$1,
|
|
42
|
-
OrPopover: __vue_component__$2,
|
|
43
|
-
OrTag: __vue_component__$3
|
|
44
|
-
},
|
|
45
|
-
props: {
|
|
46
|
-
items: {
|
|
47
|
-
type: Array,
|
|
48
|
-
default: () => []
|
|
49
|
-
},
|
|
50
|
-
tagProps: {
|
|
51
|
-
type: Object,
|
|
52
|
-
default: undefined
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
setup(props) {
|
|
56
|
-
// Refs
|
|
57
|
-
const root = ref();
|
|
58
|
-
const container = ref();
|
|
59
|
-
const overflowButton = ref();
|
|
60
|
-
const overflowButtonRoot = computed(() => {
|
|
61
|
-
var _a;
|
|
62
|
-
return (_a = overflowButton.value) === null || _a === void 0 ? void 0 : _a.root;
|
|
63
|
-
});
|
|
64
|
-
const overflowPopover = ref();
|
|
65
|
-
const overflowPopoverRoot = computed(() => {
|
|
66
|
-
var _a;
|
|
67
|
-
return (_a = overflowPopover.value) === null || _a === void 0 ? void 0 : _a.root;
|
|
68
|
-
});
|
|
69
|
-
// Styles
|
|
70
|
-
const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
|
|
71
|
-
const containerStyles = computed(() => [...TagsContainer]);
|
|
72
|
-
const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
|
|
73
|
-
const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
|
|
74
|
-
// State
|
|
75
|
-
const {
|
|
76
|
-
innerItems
|
|
77
|
-
} = useOverflow(container);
|
|
78
|
-
const overflowItems = computed(() => {
|
|
79
|
-
return props.items.slice(innerItems.value.length);
|
|
80
|
-
});
|
|
81
|
-
return {
|
|
82
|
-
root,
|
|
83
|
-
container,
|
|
84
|
-
overflowButton,
|
|
85
|
-
overflowButtonRoot,
|
|
86
|
-
overflowPopover,
|
|
87
|
-
overflowPopoverRoot,
|
|
88
|
-
rootStyles,
|
|
89
|
-
containerStyles,
|
|
90
|
-
overflowButtonStyles,
|
|
91
|
-
overflowPopoverStyles,
|
|
92
|
-
overflowItems
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
/* script */
|
|
98
|
-
const __vue_script__ = script;
|
|
99
|
-
|
|
100
|
-
/* template */
|
|
101
|
-
var __vue_render__ = function () {
|
|
102
|
-
var _vm = this;
|
|
103
|
-
var _h = _vm.$createElement;
|
|
104
|
-
var _c = _vm._self._c || _h;
|
|
105
|
-
return _c('div', {
|
|
106
|
-
ref: "root",
|
|
107
|
-
class: _vm.rootStyles
|
|
108
|
-
}, [_c('div', {
|
|
109
|
-
ref: "container",
|
|
110
|
-
class: _vm.containerStyles
|
|
111
|
-
}, _vm._l(_vm.items, function (item) {
|
|
112
|
-
return _c('OrTag', _vm._b({
|
|
113
|
-
key: item
|
|
114
|
-
}, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
|
|
115
|
-
}), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
|
|
116
|
-
ref: "overflowButton",
|
|
117
|
-
class: _vm.overflowButtonStyles,
|
|
118
|
-
attrs: {
|
|
119
|
-
"type": 'button',
|
|
120
|
-
"variant": 'link',
|
|
121
|
-
"color": 'inherit'
|
|
122
|
-
},
|
|
123
|
-
on: {
|
|
124
|
-
"click": function ($event) {
|
|
125
|
-
$event.stopPropagation();
|
|
126
|
-
return _vm.overflowPopover.open();
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}, [_vm._v("\n +" + _vm._s(_vm.overflowItems.length) + "\n ")]), _vm._v(" "), _c('OrPopover', {
|
|
130
|
-
ref: "overflowPopover",
|
|
131
|
-
attrs: {
|
|
132
|
-
"trigger": _vm.overflowButtonRoot
|
|
133
|
-
}
|
|
134
|
-
}, [_c('div', {
|
|
135
|
-
class: _vm.overflowPopoverStyles
|
|
136
|
-
}, _vm._l(_vm.overflowItems, function (item) {
|
|
137
|
-
return _c('OrTag', _vm._b({
|
|
138
|
-
key: item
|
|
139
|
-
}, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
|
|
140
|
-
}), 1)])] : _vm._e()], 2);
|
|
141
|
-
};
|
|
142
|
-
var __vue_staticRenderFns__ = [];
|
|
143
|
-
|
|
144
|
-
/* style */
|
|
145
|
-
const __vue_inject_styles__ = undefined;
|
|
146
|
-
/* scoped */
|
|
147
|
-
const __vue_scope_id__ = undefined;
|
|
148
|
-
/* module identifier */
|
|
149
|
-
const __vue_module_identifier__ = undefined;
|
|
150
|
-
/* functional template */
|
|
151
|
-
const __vue_is_functional_template__ = false;
|
|
152
|
-
/* style inject */
|
|
153
|
-
|
|
154
|
-
/* style inject SSR */
|
|
155
|
-
|
|
156
|
-
/* style inject shadow dom */
|
|
157
|
-
|
|
158
|
-
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
159
|
-
render: __vue_render__,
|
|
160
|
-
staticRenderFns: __vue_staticRenderFns__
|
|
161
|
-
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
162
|
-
|
|
163
|
-
export { __vue_component__ as default };
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue-demi';
|
|
2
|
-
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
3
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
4
|
-
container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
-
overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
6
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
7
|
-
} | string[], {} & {}, {
|
|
8
|
-
[x: number]: string;
|
|
9
|
-
} | {}, true> | undefined>;
|
|
10
|
-
overflowButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
11
|
-
overflowPopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
12
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
13
|
-
} | string[], {} & {}, {
|
|
14
|
-
[x: number]: string;
|
|
15
|
-
} | {}, true> | undefined>;
|
|
16
|
-
overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
17
|
-
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
18
|
-
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
19
|
-
overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
20
|
-
overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
21
|
-
overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
|
|
22
|
-
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
23
|
-
items: {
|
|
24
|
-
type: PropType<string[]>;
|
|
25
|
-
default: () => never[];
|
|
26
|
-
};
|
|
27
|
-
tagProps: {
|
|
28
|
-
type: PropType<Readonly<Partial<{
|
|
29
|
-
[x: number]: string;
|
|
30
|
-
} | {}> & Omit<{} & {}, never>>>;
|
|
31
|
-
default: undefined;
|
|
32
|
-
};
|
|
33
|
-
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
34
|
-
items: {
|
|
35
|
-
type: PropType<string[]>;
|
|
36
|
-
default: () => never[];
|
|
37
|
-
};
|
|
38
|
-
tagProps: {
|
|
39
|
-
type: PropType<Readonly<Partial<{
|
|
40
|
-
[x: number]: string;
|
|
41
|
-
} | {}> & Omit<{} & {}, never>>>;
|
|
42
|
-
default: undefined;
|
|
43
|
-
};
|
|
44
|
-
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
45
|
-
items: string[];
|
|
46
|
-
tagProps: Readonly<Partial<{
|
|
47
|
-
[x: number]: string;
|
|
48
|
-
} | {}> & Omit<{} & {}, never>>;
|
|
49
|
-
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
50
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
51
|
-
container: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
52
|
-
overflowButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
53
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
54
|
-
} | string[], {} & {}, {
|
|
55
|
-
[x: number]: string;
|
|
56
|
-
} | {}, true> | undefined>;
|
|
57
|
-
overflowButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
58
|
-
overflowPopover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
59
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
60
|
-
} | string[], {} & {}, {
|
|
61
|
-
[x: number]: string;
|
|
62
|
-
} | {}, true> | undefined>;
|
|
63
|
-
overflowPopoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
|
|
64
|
-
rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
65
|
-
containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
66
|
-
overflowButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
67
|
-
overflowPopoverStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
68
|
-
overflowItems: import("@vue/composition-api").ComputedRef<string[]>;
|
|
69
|
-
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
70
|
-
items: string[];
|
|
71
|
-
tagProps: Readonly<Partial<{
|
|
72
|
-
[x: number]: string;
|
|
73
|
-
} | {}> & Omit<{} & {}, never>>;
|
|
74
|
-
} & {}, {
|
|
75
|
-
items: string[];
|
|
76
|
-
tagProps: Readonly<Partial<{
|
|
77
|
-
[x: number]: string;
|
|
78
|
-
} | {}> & Omit<{} & {}, never>>;
|
|
79
|
-
}, true>);
|
|
80
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as OrTagsV3 } from './OrTags.vue';
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
export { default as OrTagsV3 } from './OrTags.js';
|
|
2
|
-
import 'vue-demi';
|
|
3
|
-
import './styles.js';
|
|
4
|
-
import '../OrButtonV3/OrButton.js';
|
|
5
|
-
import '../OrButtonV3/props.js';
|
|
6
|
-
import '../OrButtonV3/styles.js';
|
|
7
|
-
import '../OrLoaderV3/OrLoader.js';
|
|
8
|
-
import '@vueuse/core';
|
|
9
|
-
import '../OrLoaderV3/props.js';
|
|
10
|
-
import '../OrLoaderV3/styles.js';
|
|
11
|
-
import '../../normalize-component-6e8e3d80.js';
|
|
12
|
-
import '../OrPopoverV3/OrPopover.js';
|
|
13
|
-
import '../../floating-ui.dom.esm-83eba816.js';
|
|
14
|
-
import '../OrPopoverV3/props.js';
|
|
15
|
-
import '../OrPopoverV3/styles.js';
|
|
16
|
-
import '../OrBottomSheetV3/OrBottomSheet.js';
|
|
17
|
-
import '../OrBottomSheetV3/props.js';
|
|
18
|
-
import '../OrBottomSheetV3/styles.js';
|
|
19
|
-
import '../OrOverlayV3/OrOverlay.js';
|
|
20
|
-
import '../OrOverlayV3/styles.js';
|
|
21
|
-
import '../OrTeleportV3/OrTeleport.js';
|
|
22
|
-
import 'portal-vue';
|
|
23
|
-
import '../../hooks/useElevation.js';
|
|
24
|
-
import '../../utils/isVisible.js';
|
|
25
|
-
import '../../hooks/useResponsive/useResponsive.js';
|
|
26
|
-
import '../OrTagV3/OrTag.js';
|
|
27
|
-
import '../OrTagV3/props.js';
|
|
28
|
-
import '../OrTagV3/styles.js';
|
|
29
|
-
import '../OrIconButtonV3/OrIconButton.js';
|
|
30
|
-
import '../OrIconButtonV3/props.js';
|
|
31
|
-
import '../OrIconV3/props.js';
|
|
32
|
-
import '../OrIconButtonV3/styles.js';
|
|
33
|
-
import '../OrIconV3/OrIcon.js';
|
|
34
|
-
import '../OrIconV3/styles.js';
|
|
35
|
-
import '../OrTooltipV3/OrTooltip.js';
|
|
36
|
-
import '../OrTooltipV3/styles.js';
|
|
37
|
-
import '../../hooks/useOverflow.js';
|