@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.
Files changed (61) hide show
  1. package/dist/bundled/v2/components/OrCarousel/OrCarousel.js +6 -3
  2. package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  3. package/dist/bundled/v2/components/OrCarousel/index.js +1 -1
  4. package/dist/bundled/v2/components/OrTagV3/OrTag.vue.d.ts +5 -5
  5. package/dist/bundled/v2/components/index.d.ts +0 -1
  6. package/dist/bundled/v2/components/index.js +0 -2
  7. package/dist/bundled/v2/index.js +1 -3
  8. package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js} +4 -0
  9. package/dist/bundled/v3/components/OrCarousel/OrCarousel.js +3 -3
  10. package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts +1 -0
  11. package/dist/bundled/v3/components/OrCarousel/index.js +2 -2
  12. package/dist/bundled/v3/components/OrTagV3/OrTag.vue.d.ts +5 -5
  13. package/dist/bundled/v3/components/index.d.ts +0 -1
  14. package/dist/bundled/v3/components/index.js +1 -3
  15. package/dist/bundled/v3/index.js +2 -5
  16. package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js} +3 -2
  17. package/dist/esm/v2/components/index.d.ts +0 -1
  18. package/dist/esm/v2/components/index.js +2 -2
  19. package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  20. package/dist/esm/v2/components/or-carousel/index.js +2 -1
  21. package/dist/esm/v2/components/or-tag-v3/OrTag.vue.d.ts +5 -5
  22. package/dist/esm/v2/index.js +2 -2
  23. package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js} +2 -1
  24. package/dist/esm/v3/components/index.d.ts +0 -1
  25. package/dist/esm/v3/components/index.js +2 -2
  26. package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts +1 -0
  27. package/dist/esm/v3/components/or-carousel/index.js +2 -1
  28. package/dist/esm/v3/components/or-tag-v3/OrTag.vue.d.ts +5 -5
  29. package/dist/esm/v3/index.js +2 -2
  30. package/package.json +3 -2
  31. package/src/components/index.ts +0 -1
  32. package/src/components/or-carousel/OrCarousel.vue +2 -2
  33. package/src/components/or-tag-v3/OrTag.vue +2 -3
  34. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +0 -163
  35. package/dist/bundled/v2/components/OrTagsV3/OrTags.vue.d.ts +0 -80
  36. package/dist/bundled/v2/components/OrTagsV3/index.d.ts +0 -1
  37. package/dist/bundled/v2/components/OrTagsV3/index.js +0 -37
  38. package/dist/bundled/v2/components/OrTagsV3/styles.d.ts +0 -4
  39. package/dist/bundled/v2/components/OrTagsV3/styles.js +0 -26
  40. package/dist/bundled/v3/OrTags.vue_vue_type_script_lang-e75444b5.js +0 -70
  41. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +0 -101
  42. package/dist/bundled/v3/components/OrTagsV3/OrTags.vue.d.ts +0 -36
  43. package/dist/bundled/v3/components/OrTagsV3/index.d.ts +0 -1
  44. package/dist/bundled/v3/components/OrTagsV3/index.js +0 -46
  45. package/dist/bundled/v3/components/OrTagsV3/styles.d.ts +0 -4
  46. package/dist/bundled/v3/components/OrTagsV3/styles.js +0 -26
  47. package/dist/esm/v2/OrTags-4ffaa13b.js +0 -159
  48. package/dist/esm/v2/components/or-tags-v3/OrTags.vue.d.ts +0 -80
  49. package/dist/esm/v2/components/or-tags-v3/index.d.ts +0 -1
  50. package/dist/esm/v2/components/or-tags-v3/index.js +0 -19
  51. package/dist/esm/v2/components/or-tags-v3/styles.d.ts +0 -4
  52. package/dist/esm/v3/OrTags-a082de82.js +0 -147
  53. package/dist/esm/v3/components/or-tags-v3/OrTags.vue.d.ts +0 -36
  54. package/dist/esm/v3/components/or-tags-v3/index.d.ts +0 -1
  55. package/dist/esm/v3/components/or-tags-v3/index.js +0 -18
  56. package/dist/esm/v3/components/or-tags-v3/styles.d.ts +0 -4
  57. package/src/components/or-tags-v3/OrTags.docs.mdx +0 -7
  58. package/src/components/or-tags-v3/OrTags.stories3.ts +0 -101
  59. package/src/components/or-tags-v3/OrTags.vue +0 -129
  60. package/src/components/or-tags-v3/index.ts +0 -1
  61. package/src/components/or-tags-v3/styles.ts +0 -41
@@ -1,26 +0,0 @@
1
- const Tags = [
2
- // Layout
3
- 'layout-row',
4
- // Spacing
5
- 'gap-sm',
6
- // Theme
7
- 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
8
- const TagsContainer = [
9
- // Layout
10
- 'layout-row',
11
- // Overflow
12
- 'overflow-hidden',
13
- // Spacing
14
- 'gap-sm'];
15
- const TagsOverflowButton = [
16
- // Typography
17
- 'typography-caption-regular'];
18
- const TagsOverflowPopover = [
19
- // Layout
20
- 'layout-row !flex-wrap',
21
- // Box
22
- 'max-w-[192px]',
23
- // Spacing
24
- 'px-md', 'py-md', 'gap-sm'];
25
-
26
- export { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover };
@@ -1,70 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover } from './components/OrTagsV3/styles.js';
3
- import './components/OrButtonV3/OrButton.js';
4
- import './components/OrPopoverV3/OrPopover.js';
5
- import './components/OrTagV3/OrTag.js';
6
- import { useOverflow } from './hooks/useOverflow.js';
7
- import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
8
- import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-2d4eae64.js';
9
- import { s as script$3 } from './OrTag.vue_vue_type_script_lang-8643b784.js';
10
-
11
- var script = defineComponent({
12
- name: 'OrTags',
13
- components: {
14
- OrButton: script$1,
15
- OrPopover: script$2,
16
- OrTag: script$3
17
- },
18
- props: {
19
- items: {
20
- type: Array,
21
- default: () => []
22
- },
23
- tagProps: {
24
- type: Object,
25
- default: undefined
26
- }
27
- },
28
- setup(props) {
29
- // Refs
30
- const root = ref();
31
- const container = ref();
32
- const overflowButton = ref();
33
- const overflowButtonRoot = computed(() => {
34
- var _a;
35
- return (_a = overflowButton.value) === null || _a === void 0 ? void 0 : _a.root;
36
- });
37
- const overflowPopover = ref();
38
- const overflowPopoverRoot = computed(() => {
39
- var _a;
40
- return (_a = overflowPopover.value) === null || _a === void 0 ? void 0 : _a.root;
41
- });
42
- // Styles
43
- const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
44
- const containerStyles = computed(() => [...TagsContainer]);
45
- const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
46
- const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
47
- // State
48
- const {
49
- innerItems
50
- } = useOverflow(container);
51
- const overflowItems = computed(() => {
52
- return props.items.slice(innerItems.value.length);
53
- });
54
- return {
55
- root,
56
- container,
57
- overflowButton,
58
- overflowButtonRoot,
59
- overflowPopover,
60
- overflowPopoverRoot,
61
- rootStyles,
62
- containerStyles,
63
- overflowButtonStyles,
64
- overflowPopoverStyles,
65
- overflowItems
66
- };
67
- }
68
- });
69
-
70
- export { script as s };
@@ -1,101 +0,0 @@
1
- import { s as script } from '../../OrTags.vue_vue_type_script_lang-e75444b5.js';
2
- export { s as default } from '../../OrTags.vue_vue_type_script_lang-e75444b5.js';
3
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
4
- import 'vue-demi';
5
- import './styles.js';
6
- import '../OrButtonV3/OrButton.js';
7
- import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
8
- import '../OrButtonV3/props.js';
9
- import '../OrButtonV3/styles.js';
10
- import '../OrLoaderV3/OrLoader.js';
11
- import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
12
- import '@vueuse/core';
13
- import '../OrLoaderV3/props.js';
14
- import '../OrLoaderV3/styles.js';
15
- import '../OrPopoverV3/OrPopover.js';
16
- import '../../OrPopover.vue_vue_type_script_lang-2d4eae64.js';
17
- import '../../floating-ui.dom.esm-83eba816.js';
18
- import '../OrPopoverV3/props.js';
19
- import '../OrPopoverV3/styles.js';
20
- import '../OrBottomSheetV3/OrBottomSheet.js';
21
- import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
22
- import '../OrBottomSheetV3/props.js';
23
- import '../OrBottomSheetV3/styles.js';
24
- import '../OrOverlayV3/OrOverlay.js';
25
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
26
- import '../OrOverlayV3/styles.js';
27
- import '../OrTeleportV3/OrTeleport.js';
28
- import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
29
- import '../../hooks/useElevation.js';
30
- import '../../utils/isVisible.js';
31
- import '../../hooks/useResponsive/useResponsive.js';
32
- import '../OrTagV3/OrTag.js';
33
- import '../../OrTag.vue_vue_type_script_lang-8643b784.js';
34
- import '../OrTagV3/props.js';
35
- import '../OrTagV3/styles.js';
36
- import '../OrIconButtonV3/OrIconButton.js';
37
- import '../../OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
38
- import '../OrIconButtonV3/props.js';
39
- import '../OrIconV3/props.js';
40
- import '../OrIconButtonV3/styles.js';
41
- import '../OrIconV3/OrIcon.js';
42
- import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
43
- import '../OrIconV3/styles.js';
44
- import '../OrTooltipV3/OrTooltip.js';
45
- import '../../OrTooltip.vue_vue_type_script_lang-56496d67.js';
46
- import '../OrTooltipV3/styles.js';
47
- import '../../hooks/useOverflow.js';
48
-
49
- function render(_ctx, _cache, $props, $setup, $data, $options) {
50
- const _component_OrTag = resolveComponent("OrTag");
51
- const _component_OrButton = resolveComponent("OrButton");
52
- const _component_OrPopover = resolveComponent("OrPopover");
53
- return openBlock(), createElementBlock("div", {
54
- ref: "root",
55
- class: normalizeClass(_ctx.rootStyles)
56
- }, [createElementVNode("div", {
57
- ref: "container",
58
- class: normalizeClass(_ctx.containerStyles)
59
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, item => {
60
- return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
61
- key: item
62
- }), {
63
- default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
64
-
65
- _: 2 /* DYNAMIC */
66
- }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
67
- }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), _ctx.overflowItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
68
- key: 0
69
- }, [createVNode(_component_OrButton, {
70
- ref: "overflowButton",
71
- class: normalizeClass(_ctx.overflowButtonStyles),
72
- type: 'button',
73
- variant: 'link',
74
- color: 'inherit',
75
- onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowPopover.open(), ["stop"]))
76
- }, {
77
- default: withCtx(() => [createTextVNode(" +" + toDisplayString(_ctx.overflowItems.length), 1 /* TEXT */)]),
78
-
79
- _: 1 /* STABLE */
80
- }, 8 /* PROPS */, ["class"]), createVNode(_component_OrPopover, {
81
- ref: "overflowPopover",
82
- trigger: _ctx.overflowButtonRoot
83
- }, {
84
- default: withCtx(() => [createElementVNode("div", {
85
- class: normalizeClass(_ctx.overflowPopoverStyles)
86
- }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowItems, item => {
87
- return openBlock(), createBlock(_component_OrTag, mergeProps(_ctx.tagProps, {
88
- key: item
89
- }), {
90
- default: withCtx(() => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]),
91
-
92
- _: 2 /* DYNAMIC */
93
- }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */);
94
- }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)]),
95
-
96
- _: 1 /* STABLE */
97
- }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
98
- }
99
-
100
- script.render = render;
101
- script.__file = "src/components/or-tags-v3/OrTags.vue";
@@ -1,36 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- declare const _default: import("vue-demi").DefineComponent<{
3
- items: {
4
- type: PropType<string[]>;
5
- default: () => never[];
6
- };
7
- tagProps: {
8
- type: PropType<any>;
9
- default: undefined;
10
- };
11
- }, {
12
- root: import("vue-demi").Ref<HTMLElement | undefined>;
13
- container: import("vue-demi").Ref<HTMLElement | undefined>;
14
- overflowButton: import("vue-demi").Ref<any>;
15
- overflowButtonRoot: import("vue-demi").ComputedRef<any>;
16
- overflowPopover: import("vue-demi").Ref<any>;
17
- overflowPopoverRoot: import("vue-demi").ComputedRef<any>;
18
- rootStyles: import("vue-demi").ComputedRef<string[]>;
19
- containerStyles: import("vue-demi").ComputedRef<string[]>;
20
- overflowButtonStyles: import("vue-demi").ComputedRef<string[]>;
21
- overflowPopoverStyles: import("vue-demi").ComputedRef<string[]>;
22
- overflowItems: import("vue-demi").ComputedRef<string[]>;
23
- }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
24
- items: {
25
- type: PropType<string[]>;
26
- default: () => never[];
27
- };
28
- tagProps: {
29
- type: PropType<any>;
30
- default: undefined;
31
- };
32
- }>>, {
33
- items: string[];
34
- tagProps: any;
35
- }>;
36
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrTagsV3 } from './OrTags.vue';
@@ -1,46 +0,0 @@
1
- export { s as OrTagsV3 } from '../../OrTags.vue_vue_type_script_lang-e75444b5.js';
2
- import 'vue-demi';
3
- import './styles.js';
4
- import '../OrButtonV3/OrButton.js';
5
- import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
6
- import '../OrButtonV3/props.js';
7
- import '../OrButtonV3/styles.js';
8
- import '../OrLoaderV3/OrLoader.js';
9
- import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
10
- import '@vueuse/core';
11
- import '../OrLoaderV3/props.js';
12
- import '../OrLoaderV3/styles.js';
13
- import 'vue';
14
- import '../OrPopoverV3/OrPopover.js';
15
- import '../../OrPopover.vue_vue_type_script_lang-2d4eae64.js';
16
- import '../../floating-ui.dom.esm-83eba816.js';
17
- import '../OrPopoverV3/props.js';
18
- import '../OrPopoverV3/styles.js';
19
- import '../OrBottomSheetV3/OrBottomSheet.js';
20
- import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
21
- import '../OrBottomSheetV3/props.js';
22
- import '../OrBottomSheetV3/styles.js';
23
- import '../OrOverlayV3/OrOverlay.js';
24
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
25
- import '../OrOverlayV3/styles.js';
26
- import '../OrTeleportV3/OrTeleport.js';
27
- import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
28
- import '../../hooks/useElevation.js';
29
- import '../../utils/isVisible.js';
30
- import '../../hooks/useResponsive/useResponsive.js';
31
- import '../OrTagV3/OrTag.js';
32
- import '../../OrTag.vue_vue_type_script_lang-8643b784.js';
33
- import '../OrTagV3/props.js';
34
- import '../OrTagV3/styles.js';
35
- import '../OrIconButtonV3/OrIconButton.js';
36
- import '../../OrIconButton.vue_vue_type_script_lang-e786c9e5.js';
37
- import '../OrIconButtonV3/props.js';
38
- import '../OrIconV3/props.js';
39
- import '../OrIconButtonV3/styles.js';
40
- import '../OrIconV3/OrIcon.js';
41
- import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
42
- import '../OrIconV3/styles.js';
43
- import '../OrTooltipV3/OrTooltip.js';
44
- import '../../OrTooltip.vue_vue_type_script_lang-56496d67.js';
45
- import '../OrTooltipV3/styles.js';
46
- import '../../hooks/useOverflow.js';
@@ -1,4 +0,0 @@
1
- export declare const Tags: string[];
2
- export declare const TagsContainer: string[];
3
- export declare const TagsOverflowButton: string[];
4
- export declare const TagsOverflowPopover: string[];
@@ -1,26 +0,0 @@
1
- const Tags = [
2
- // Layout
3
- 'layout-row',
4
- // Spacing
5
- 'gap-sm',
6
- // Theme
7
- 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
8
- const TagsContainer = [
9
- // Layout
10
- 'layout-row',
11
- // Overflow
12
- 'overflow-hidden',
13
- // Spacing
14
- 'gap-sm'];
15
- const TagsOverflowButton = [
16
- // Typography
17
- 'typography-caption-regular'];
18
- const TagsOverflowPopover = [
19
- // Layout
20
- 'layout-row !flex-wrap',
21
- // Box
22
- 'max-w-[192px]',
23
- // Spacing
24
- 'px-md', 'py-md', 'gap-sm'];
25
-
26
- export { Tags, TagsContainer, TagsOverflowButton, TagsOverflowPopover };
@@ -1,159 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { u as useOverflow } from './useOverflow-c856b7b7.js';
3
- import '@vueuse/core';
4
- import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
5
- import { _ as __vue_component__$2 } from './OrPopover-50995dcf.js';
6
- import { _ as __vue_component__$3 } from './OrTag-843ec724.js';
7
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
8
-
9
- const Tags = [
10
- // Layout
11
- 'layout-row',
12
- // Spacing
13
- 'gap-sm',
14
- // Theme
15
- 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
16
- const TagsContainer = [
17
- // Layout
18
- 'layout-row',
19
- // Overflow
20
- 'overflow-hidden',
21
- // Spacing
22
- 'gap-sm'];
23
- const TagsOverflowButton = [
24
- // Typography
25
- 'typography-caption-regular'];
26
- const TagsOverflowPopover = [
27
- // Layout
28
- 'layout-row !flex-wrap',
29
- // Box
30
- 'max-w-[192px]',
31
- // Spacing
32
- 'px-md', 'py-md', 'gap-sm'];
33
-
34
- var script = defineComponent({
35
- name: 'OrTags',
36
- components: {
37
- OrButton: __vue_component__$1,
38
- OrPopover: __vue_component__$2,
39
- OrTag: __vue_component__$3
40
- },
41
- props: {
42
- items: {
43
- type: Array,
44
- default: () => []
45
- },
46
- tagProps: {
47
- type: Object,
48
- default: undefined
49
- }
50
- },
51
- setup(props) {
52
- // Refs
53
- const root = ref();
54
- const container = ref();
55
- const overflowButton = ref();
56
- const overflowButtonRoot = computed(() => {
57
- var _a;
58
- return (_a = overflowButton.value) === null || _a === void 0 ? void 0 : _a.root;
59
- });
60
- const overflowPopover = ref();
61
- const overflowPopoverRoot = computed(() => {
62
- var _a;
63
- return (_a = overflowPopover.value) === null || _a === void 0 ? void 0 : _a.root;
64
- });
65
- // Styles
66
- const rootStyles = computed(() => ['or-tags-v3', ...Tags]);
67
- const containerStyles = computed(() => [...TagsContainer]);
68
- const overflowButtonStyles = computed(() => [...TagsOverflowButton]);
69
- const overflowPopoverStyles = computed(() => [...TagsOverflowPopover]);
70
- // State
71
- const {
72
- innerItems
73
- } = useOverflow(container);
74
- const overflowItems = computed(() => {
75
- return props.items.slice(innerItems.value.length);
76
- });
77
- return {
78
- root,
79
- container,
80
- overflowButton,
81
- overflowButtonRoot,
82
- overflowPopover,
83
- overflowPopoverRoot,
84
- rootStyles,
85
- containerStyles,
86
- overflowButtonStyles,
87
- overflowPopoverStyles,
88
- overflowItems
89
- };
90
- }
91
- });
92
-
93
- /* script */
94
- const __vue_script__ = script;
95
-
96
- /* template */
97
- var __vue_render__ = function () {
98
- var _vm = this;
99
- var _h = _vm.$createElement;
100
- var _c = _vm._self._c || _h;
101
- return _c('div', {
102
- ref: "root",
103
- class: _vm.rootStyles
104
- }, [_c('div', {
105
- ref: "container",
106
- class: _vm.containerStyles
107
- }, _vm._l(_vm.items, function (item) {
108
- return _c('OrTag', _vm._b({
109
- key: item
110
- }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
111
- }), 1), _vm._v(" "), _vm.overflowItems.length > 0 ? [_c('OrButton', {
112
- ref: "overflowButton",
113
- class: _vm.overflowButtonStyles,
114
- attrs: {
115
- "type": 'button',
116
- "variant": 'link',
117
- "color": 'inherit'
118
- },
119
- on: {
120
- "click": function ($event) {
121
- $event.stopPropagation();
122
- return _vm.overflowPopover.open();
123
- }
124
- }
125
- }, [_vm._v("\n +" + _vm._s(_vm.overflowItems.length) + "\n ")]), _vm._v(" "), _c('OrPopover', {
126
- ref: "overflowPopover",
127
- attrs: {
128
- "trigger": _vm.overflowButtonRoot
129
- }
130
- }, [_c('div', {
131
- class: _vm.overflowPopoverStyles
132
- }, _vm._l(_vm.overflowItems, function (item) {
133
- return _c('OrTag', _vm._b({
134
- key: item
135
- }, 'OrTag', _vm.tagProps, false), [_vm._v("\n " + _vm._s(item) + "\n ")]);
136
- }), 1)])] : _vm._e()], 2);
137
- };
138
- var __vue_staticRenderFns__ = [];
139
-
140
- /* style */
141
- const __vue_inject_styles__ = undefined;
142
- /* scoped */
143
- const __vue_scope_id__ = undefined;
144
- /* module identifier */
145
- const __vue_module_identifier__ = undefined;
146
- /* functional template */
147
- const __vue_is_functional_template__ = false;
148
- /* style inject */
149
-
150
- /* style inject SSR */
151
-
152
- /* style inject shadow dom */
153
-
154
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
155
- render: __vue_render__,
156
- staticRenderFns: __vue_staticRenderFns__
157
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
158
-
159
- export { __vue_component__ as _ };
@@ -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,19 +0,0 @@
1
- export { _ as OrTagsV3 } from '../../OrTags-4ffaa13b.js';
2
- import 'vue-demi';
3
- import '../../useOverflow-c856b7b7.js';
4
- import '@vueuse/core';
5
- import '../../OrButton-9622e713.js';
6
- import '../../OrLoader-b0c381f9.js';
7
- import '../../normalize-component-6e8e3d80.js';
8
- import '../../OrPopover-50995dcf.js';
9
- import '@floating-ui/dom';
10
- import '../../useElevation-b5a49746.js';
11
- import '../../useResponsive-a02e95b7.js';
12
- import '../../OrBottomSheet-ffa029ca.js';
13
- import '../../OrOverlay-4c8c11e2.js';
14
- import '../../OrTeleport.vue2-424c7f33.js';
15
- import 'portal-vue';
16
- import '../../OrTag-843ec724.js';
17
- import '../../OrIconButton-d8fc2902.js';
18
- import '../../OrIcon-d35a84d8.js';
19
- import '../../OrTooltip-93a3eefb.js';
@@ -1,4 +0,0 @@
1
- export declare const Tags: string[];
2
- export declare const TagsContainer: string[];
3
- export declare const TagsOverflowButton: string[];
4
- export declare const TagsOverflowPopover: string[];