@onereach/ui-components 16.3.0-beta.4835.0 → 16.3.0-beta.4837.0

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.js

@@ -1,14 +1,17 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { n as useIntersectionObserver } from '../../index-a7c3000c.js';
 import { MenuItem } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
+import __vue_component__$3 from '../OrTooltipV3/OrTooltip.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
   name: 'OrMenuItem',
   components: {
     OrIcon: __vue_component__$1,
-    OrIconButton: __vue_component__$2
+    OrIconButton: __vue_component__$2,
+    OrToolip: __vue_component__$3
   },
   props: {
     icon: {
@@ -26,6 +29,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    tooltipText: {
+      type: String,
+      default: ''
     }
   },
   emits: ['click', 'focus', 'blur', 'close'],
@@ -33,11 +40,33 @@ var script = defineComponent({
   setup() {
     // Refs
     const root = ref();
+    const content = ref();
+    const tooltip = ref();
+    const isRootVisible = ref(false);
+    const {
+      stop
+    } = useIntersectionObserver(root, ([{
+      isIntersecting
+    }]) => {
+      isRootVisible.value = isIntersecting;
+    });
     // Styles
     const rootStyles = computed(() => ['or-menu-item-v3', ...MenuItem]);
+    // Toolip display logic
+    const isToolitpShown = computed(() => {
+      if (isRootVisible.value) {
+        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;
+      }
+      return false;
+    });
     return {
+      content,
       root,
-      rootStyles
+      tooltip,
+      rootStyles,
+      isToolitpShown,
+      isRootVisible,
+      stop
     };
   }
 });
@@ -72,7 +101,16 @@ var __vue_render__ = function () {
   }, [_vm.icon ? [_c('OrIcon', _vm._b({}, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon
   } : _vm.icon, false))] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['truncate', 'w-full']
+    ref: "content",
+    class: ['truncate', 'w-full'],
+    on: {
+      "mouseover": function ($event) {
+        _vm.tooltip && _vm.tooltip.open();
+      },
+      "mouseout": function ($event) {
+        _vm.tooltip && _vm.tooltip.close();
+      }
+    }
   }, [_vm._t("default")], 2), _vm._v(" "), _vm.closeButton ? [_c('div', {
     class: ['grow']
   }), _vm._v(" "), _c('OrIconButton', {
@@ -86,7 +124,13 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })] : _vm._e()], 2);
+  })] : _vm._e(), _vm._v(" "), _vm.isToolitpShown ? _c('OrToolip', {
+    ref: "tooltip",
+    attrs: {
+      "content": _vm.tooltipText,
+      "trigger": _vm.root
+    }
+  }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.vue.d.ts

@@ -16,9 +16,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
+    content: import("vue-demi").Ref<HTMLDivElement | undefined>;
     root: import("vue-demi").Ref<HTMLElement | undefined>;
+    tooltip: import("vue-demi").Ref<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    isToolitpShown: import("vue-demi").ComputedRef<boolean>;
+    isRootVisible: import("vue-demi").Ref<boolean>;
+    stop: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur" | "close")[], "click" | "focus" | "blur" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     icon: {
         type: PropType<any>;
@@ -36,6 +45,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -46,5 +59,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     closeButton: boolean;
     selected: boolean;
     disabled: boolean;
+    tooltipText: string;
 }>;
 export default _default;

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-cef750ce.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5bab5108.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-167d864e.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { n as useScrollLock } from '../../index-cef750ce.js';
+import { p as useScrollLock } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { g as useVModel } from '../../index-cef750ce.js';
+import { g as useVModel } from '../../index-a7c3000c.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-add55b8c.js';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { i as useElementBounding } from '../../index-cef750ce.js';
+import { h as useElementBounding } from '../../index-a7c3000c.js';
 import { r as round_1 } from '../../round-b22acb42.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,4 +1,4 @@
-import { i as useElementBounding, u as useElementHover, j as useDraggable } from '../../index-cef750ce.js';
+import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { j as useDraggable } from '../../index-cef750ce.js';
+import { i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,8 +1,8 @@
 import { N as Node, m as mergeAttributes, t as textblockTypeInputRule, E as Extension, D as Decoration, a as DecorationSet, M as Mark, b as markInputRule, c as markPasteRule, k as keydownHandler, d as callOrReturn, g as getExtensionField, e as Editor } from '../../index-259f2329.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-fafa12f5.js';
 import { P as Plugin, a as PluginKey, d as dropPoint, S as Selection, N as NodeSelection, F as Fragment, b as Slice, T as TextSelection, M as Mapping } from '../../index-2191063d.js';
-import { k as useResizeObserver, o as onClickOutside } from '../../index-cef750ce.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5bab5108.js';
+import { j as useResizeObserver, o as onClickOutside } from '../../index-a7c3000c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-167d864e.js';
 import { defineComponent, shallowRef, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue-demi';
 import { Formats } from './props.js';
 import { RichTextEditor, RichTextEditorToolbar, RichTextEditorToolbarGroup, RichTextEditorControl } from './styles.js';
@@ -11,7 +11,7 @@ import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrErrorV3/OrError.js';
 import __vue_component__$3 from '../OrHintV3/OrHint.js';
 import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$5 } from '../../OrInput-07b66227.js';
+import { _ as __vue_component__$5 } from '../../OrInput-873ac2db.js';
 import __vue_component__$6 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$7 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$8 from '../OrMenuV3/OrMenu.js';

package/dist/bundled/v2/components/OrRichTooltipV3/OrRichTooltip.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrRichTooltip-ba283e93.js';
+export { _ as default } from '../../OrRichTooltip-949e851e.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrRichTooltipV3/index.js

@@ -1 +1 @@
-export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-ba283e93.js';
+export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from '../../OrRichTooltip-949e851e.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, ref, computed, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-07b66227.js';
+import { _ as __vue_component__$1 } from '../../OrInput-873ac2db.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './constants.js';
 import __vue_component__$9 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { l as useFocus } from '../../index-cef750ce.js';
+import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { k as useFocus } from '../../index-a7c3000c.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
@@ -7,20 +7,21 @@ import { isEqual } from '../../utils/isEqual.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
 import { isNil } from '../../utils/isNil.js';
 import { toArray } from '../../utils/toArray.js';
+import __vue_component__$6 from '../OrTooltipV3/OrTooltip.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './styles.js';
-import __vue_component__$6 from '../OrCheckboxV3/OrCheckbox.js';
-import __vue_component__$7 from '../OrErrorV3/OrError.js';
-import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
-import __vue_component__$9 from '../OrHintV3/OrHint.js';
-import __vue_component__$a from '../OrIconV3/OrIcon.js';
-import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-07b66227.js';
-import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
-import __vue_component__$e from '../OrLabelV3/OrLabel.js';
-import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
-import __vue_component__$g from '../OrPopoverV3/OrPopover.js';
-import __vue_component__$h from '../OrSkeletonTextV3/OrSkeletonText.js';
+import __vue_component__$7 from '../OrCheckboxV3/OrCheckbox.js';
+import __vue_component__$8 from '../OrErrorV3/OrError.js';
+import __vue_component__$9 from '../OrExpansionPanelV3/OrExpansionPanel.js';
+import __vue_component__$a from '../OrHintV3/OrHint.js';
+import __vue_component__$b from '../OrIconV3/OrIcon.js';
+import __vue_component__$c from '../OrIconButtonV3/OrIconButton.js';
+import { _ as __vue_component__$d } from '../../OrInput-873ac2db.js';
+import __vue_component__$e from '../OrInputBoxV3/OrInputBox.js';
+import __vue_component__$f from '../OrLabelV3/OrLabel.js';
+import __vue_component__$g from '../OrMenuItemV3/OrMenuItem.js';
+import __vue_component__$h from '../OrPopoverV3/OrPopover.js';
+import __vue_component__$i from '../OrSkeletonTextV3/OrSkeletonText.js';
 import { searchItemsByLabel } from '../../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
@@ -448,7 +449,8 @@ var script$1 = defineComponent({
   name: 'OrSelectSingleControl',
   components: {
     OrSelectPlaceholder,
-    OrSelectControlInput
+    OrSelectControlInput,
+    OrTooltip: __vue_component__$6
   },
   model: {
     prop: 'modelValue',
@@ -490,6 +492,9 @@ var script$1 = defineComponent({
     // Refs
     const root = ref();
     const searchControl = ref();
+    const selectionLabelRef = ref();
+    const tooltipRef = ref();
+    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -508,10 +513,28 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
+    /* NOTE: using watch here due to async action.
+    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
+    watch(model, async () => {
+      await nextTick();
+      if (selectionLabelRef.value) {
+        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      }
+    });
+    watch(() => props.isOpen, () => {
+      var _a;
+      (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
+    });
     const focused = computed(() => {
       var _a;
       return (_a = searchControl.value) === null || _a === void 0 ? void 0 : _a.focused;
     });
+    const openTooltip = () => {
+      if (tooltipRef.value) tooltipRef.value.open();
+    };
+    const closeTooltip = () => {
+      if (tooltipRef.value) tooltipRef.value.close();
+    };
     // Styles
     const rootStyles = computed(() => ['or-select-single-control-v3', ...SelectSingleControlInput]);
     // Methods
@@ -529,7 +552,12 @@ var script$1 = defineComponent({
       selection,
       selectionLabel,
       focus,
-      focused
+      focused,
+      isContentTruncated,
+      selectionLabelRef,
+      tooltipRef,
+      openTooltip,
+      closeTooltip
     };
   }
 });
@@ -561,9 +589,24 @@ var __vue_render__$1 = function () {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('span', {
-    staticClass: "truncate"
-  }, [_vm._v("\n        " + _vm._s(_vm.selectionLabel) + "\n      ")])]]], 2);
+  }, [_vm._v("\n        " + _vm._s(_vm.placeholder) + "\n      ")])] : [_c('div', {
+    staticClass: "flex"
+  }, [_c('div', {
+    ref: "selectionLabelRef",
+    staticClass: "truncate w-full",
+    on: {
+      "mouseenter": _vm.openTooltip,
+      "mouseleave": function ($event) {
+        _vm.tooltipRef && _vm.tooltipRef.close();
+      }
+    }
+  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _vm.isContentTruncated ? _c('OrTooltip', {
+    ref: "tooltipRef",
+    attrs: {
+      "content": _vm.selectionLabel,
+      "trigger": _vm.selectionLabelRef
+    }
+  }) : _vm._e()], 1)]]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -590,20 +633,20 @@ var OrSelectSingleControl = __vue_component__$1;
 var script = defineComponent({
   name: 'OrSelect',
   components: {
-    OrCheckbox: __vue_component__$6,
-    OrError: __vue_component__$7,
-    OrExpansionPanel: __vue_component__$8,
-    OrHint: __vue_component__$9,
-    OrIcon: __vue_component__$a,
-    OrIconButton: __vue_component__$b,
-    OrInput: __vue_component__$c,
-    OrInputBox: __vue_component__$d,
-    OrLabel: __vue_component__$e,
-    OrMenuItem: __vue_component__$f,
-    OrPopover: __vue_component__$g,
+    OrCheckbox: __vue_component__$7,
+    OrError: __vue_component__$8,
+    OrExpansionPanel: __vue_component__$9,
+    OrHint: __vue_component__$a,
+    OrIcon: __vue_component__$b,
+    OrIconButton: __vue_component__$c,
+    OrInput: __vue_component__$d,
+    OrInputBox: __vue_component__$e,
+    OrLabel: __vue_component__$f,
+    OrMenuItem: __vue_component__$g,
+    OrPopover: __vue_component__$h,
     OrSelectMultipleControl,
     OrSelectSingleControl,
-    OrSkeletonText: __vue_component__$h
+    OrSkeletonText: __vue_component__$i
   },
   directives: {
     DropdownClose,
@@ -1085,6 +1128,7 @@ var __vue_render__ = function () {
       return _c('OrMenuItem', {
         key: i,
         attrs: {
+          "tooltip-text": option.label,
           "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
           "disabled": option.disabled
         }
@@ -1113,6 +1157,7 @@ var __vue_render__ = function () {
         key: i,
         class: _vm.dropdownItemStyles,
         attrs: {
+          "tooltip-text": option.label,
           "selected": _vm.proxyModelValue === option.value,
           "disabled": option.disabled
         },
@@ -1133,6 +1178,7 @@ var __vue_render__ = function () {
     return _c('OrMenuItem', {
       key: i,
       attrs: {
+        "tooltip-text": option.label,
         "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
         "disabled": option.disabled
       },
@@ -1167,6 +1213,7 @@ var __vue_render__ = function () {
       class: _vm.dropdownItemStyles,
       attrs: {
         "selected": _vm.proxyModelValue === option.value,
+        "tooltip-text": option.label,
         "disabled": option.disabled
       },
       on: {

package/dist/bundled/v2/components/OrSidebar/OrSidebar.js

@@ -1,4 +1,4 @@
-import { j as useDraggable } from '../../index-cef750ce.js';
+import { i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, j as useDraggable } from '../../index-cef750ce.js';
+import { o as onClickOutside, i as useDraggable } from '../../index-a7c3000c.js';
 import { f as addClass, h as removeClass } from '../../dom-59fe0ee3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSliderV3/OrSlider.js

@@ -1,4 +1,4 @@
-import { i as useElementBounding, u as useElementHover, j as useDraggable } from '../../index-cef750ce.js';
+import { h as useElementBounding, u as useElementHover, i as useDraggable } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderBreakpointMark, SliderBreakpointMarkColors, SliderLabel, SliderLabelOrientations, SliderLabelMark, SliderLabelMarkOrientations } from './styles.js';
 import { S as SliderColor, a as SliderOrientation } from '../../types-977c9542.js';

package/dist/bundled/v2/components/OrStatusV3/OrStatus.js

@@ -1,4 +1,4 @@
-import { m as formatTimeAgo } from '../../index-cef750ce.js';
+import { l as formatTimeAgo } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { StatusVariant, StatusSize } from './props.js';
 import { Status, StatusVariants, StatusSizes, StatusIndicator, StatusIndicatorVariants, StatusTimestamp } from './styles.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { k as useResizeObserver } from '../../index-cef750ce.js';
+import { j as useResizeObserver } from '../../index-a7c3000c.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsContainer, Tabs, TabsVariants, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-cef750ce.js';
+import { o as onClickOutside } from '../../index-a7c3000c.js';
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.js

@@ -1,4 +1,4 @@
-import { h as useTextareaAutosize } from '../../index-cef750ce.js';
+import { m as useTextareaAutosize } from '../../index-a7c3000c.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Textarea, TextareaControl, TextareaControlSizes } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ab0ab4b.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2f8ecc5a.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ab0ab4b.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { r as useEventBus } from '../../../index-cef750ce.js';
+import { s as useEventBus } from '../../../index-a7c3000c.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { r as useEventBus } from '../../../index-cef750ce.js';
+import { s as useEventBus } from '../../../index-a7c3000c.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -35,16 +35,33 @@ var script = defineComponent({
       type: Number,
       default: 250
     },
+    // Left for backward compatibility since `trigger` prop covers similar tasks in a more neat way
     externalControl: {
       type: Boolean,
       default: false
+    },
+    trigger: {
+      type: Object,
+      default: undefined
     }
   },
   emits: ['update:state', 'open', 'close'],
   expose: ['root', 'state', 'open', 'close', 'toggle'],
   setup(props, context) {
+    if (props.externalControl) {
+      console.warn('Property externalControl is deprecated for OrTooltipV3. Use trigger prop to pass the ref to external control.');
+    }
     // Refs
     const root = ref();
+    // Computed trigger based on availability of trigger passed from outside
+    const localTrigger = computed(() => {
+      var _a;
+      return (_a = props.trigger) !== null && _a !== void 0 ? _a : root.value;
+    });
+    // Used instead of `externalControl`
+    const hasExternalControl = computed(() => {
+      return props.trigger !== undefined || props.externalControl;
+    });
     // Styles
     const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
     const popoverStyles = computed(() => ['or-tooltip-popover-v3']);
@@ -60,6 +77,8 @@ var script = defineComponent({
     });
     return {
       root,
+      localTrigger,
+      hasExternalControl,
       rootStyles,
       popoverStyles,
       bodyStyles,
@@ -84,10 +103,10 @@ var __vue_render__ = function () {
     class: _vm.rootStyles,
     on: {
       "mouseover": function ($event) {
-        !_vm.externalControl && _vm.open();
+        !_vm.hasExternalControl && _vm.open();
       },
       "mouseout": function ($event) {
-        !_vm.externalControl && _vm.close();
+        !_vm.hasExternalControl && _vm.close();
       }
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content ? [_c('OrPopover', {
@@ -96,7 +115,7 @@ var __vue_render__ = function () {
       "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'popover',
-      "trigger": _vm.root,
+      "trigger": _vm.localTrigger,
       "placement": _vm.placement,
       "fallback-placement": _vm.fallbackPlacement,
       "offset": _vm.offset,