@onereach/ui-components 25.1.3-beta.5771.0 → 25.1.3

package/dist/esm/OrSubMenuItem-TUcrHvBk.mjs

@@ -1,159 +0,0 @@
-import { usePopoverState as L, useResponsive as w } from "@onereach/ui-components-common";
-import { O as y } from "./OrIcon-k8cyvh-D.mjs";
-import { O as E } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as H } from "./OrMenu-BNbd6Ajl.mjs";
-import { a as P } from "./OrPopover-FA8G-paf.mjs";
-import { defineComponent as $, toRef as B, ref as p, nextTick as i, resolveComponent as d, openBlock as C, createBlock as R, withCtx as m, createVNode as b, renderSlot as g, createElementBlock as N, createCommentVNode as V } from "vue";
-import "@onereach/ui-components-common/utils";
-import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const j = $({
-  name: "OrSubMenuItem",
-  components: {
-    OrMenuItem: E,
-    OrIcon: y,
-    OrMenu: H
-  },
-  props: {
-    icon: {
-      type: [String, Object],
-      default: void 0
-    },
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    placement: {
-      type: String,
-      default: () => P.RightStart
-    },
-    tooltipText: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    "open",
-    "close",
-    "update:state",
-    "click",
-    "focus",
-    "blur"
-  ],
-  expose: [
-    "root"
-  ],
-  setup(e, f) {
-    const { state: M, open: l, close: u } = L(B(e, "selected"), f.emit), { isMobile: c } = w(), s = p(null), r = p(null), a = p(null);
-    function O(t) {
-      i(() => {
-        var o, n;
-        (n = (o = r.value) == null ? void 0 : o.root) != null && n.contains(t.relatedTarget) || u();
-      });
-    }
-    function h(t) {
-      const o = t.relatedTarget;
-      v(), i(() => {
-        setTimeout(() => {
-          i(() => {
-            var n;
-            if (o instanceof HTMLElement) {
-              const S = (o == null ? void 0 : o.outerHTML) || "";
-              ((n = a.value) == null ? void 0 : n.includes(S)) || u();
-            }
-          });
-        });
-      });
-    }
-    function k() {
-      c.value || (l(), v());
-    }
-    function T() {
-      var o, n;
-      const t = new MouseEvent("click", {
-        bubbles: !0,
-        cancelable: !0,
-        view: window
-      });
-      t.isSimulated = !0, (n = (o = s.value) == null ? void 0 : o.root) == null || n.dispatchEvent(t);
-    }
-    function I(t) {
-      var o;
-      if (c.value)
-        t.stopPropagation(), l();
-      else {
-        if (t.isSimulated)
-          return;
-        t.currentTarget === ((o = s.value) == null ? void 0 : o.root) && t.stopPropagation();
-      }
-    }
-    function v() {
-      i(() => setTimeout(() => {
-        var t;
-        (t = r.value) != null && t.root && (a.value = r.value.root.innerHTML);
-      }));
-    }
-    return {
-      root: s,
-      menu: r,
-      open: l,
-      close: u,
-      state: M,
-      handleMouseLeaveMenu: h,
-      handleMouseLeaveSubMenuItem: O,
-      handleMouseEnterSubMenuItem: k,
-      handleClickMenu: T,
-      handleClickOnTrigger: I,
-      capturedContent: a
-    };
-  }
-}), q = ["innerHTML"];
-function z(e, f, M, l, u, c) {
-  const s = d("OrIcon"), r = d("OrMenu"), a = d("OrMenuItem");
-  return C(), R(a, {
-    ref: "root",
-    class: "or-sub-menu-item-v3",
-    icon: e.icon,
-    selected: e.selected || e.state === "open",
-    disabled: e.disabled,
-    "tooltip-text": e.tooltipText,
-    onClick: e.handleClickOnTrigger,
-    onMouseenter: e.handleMouseEnterSubMenuItem,
-    onMouseleave: e.handleMouseLeaveSubMenuItem
-  }, {
-    append: m(() => [
-      b(s, { icon: "arrow_right" })
-    ]),
-    default: m(() => [
-      g(e.$slots, "default"),
-      b(r, {
-        ref: "menu",
-        "is-open": e.state === "open",
-        trigger: e.root && e.root.root,
-        placement: e.placement,
-        offset: 0,
-        onMouseleave: e.handleMouseLeaveMenu,
-        onClick: e.handleClickMenu
-      }, {
-        default: m(() => [
-          g(e.$slots, "items")
-        ]),
-        _: 3
-      }, 8, ["is-open", "trigger", "placement", "onMouseleave", "onClick"]),
-      e.capturedContent ? (C(), N("div", {
-        key: 0,
-        class: "hidden",
-        innerHTML: e.capturedContent
-      }, null, 8, q)) : V("", !0)
-    ]),
-    _: 3
-  }, 8, ["icon", "selected", "disabled", "tooltip-text", "onClick", "onMouseenter", "onMouseleave"]);
-}
-const X = /* @__PURE__ */ _(j, [["render", z]]);
-export {
-  X as O
-};
-//# sourceMappingURL=OrSubMenuItem-TUcrHvBk.mjs.map

package/dist/esm/OrSubMenuItem-TUcrHvBk.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrSubMenuItem-TUcrHvBk.mjs","sources":["../../../components/or-sub-menu-item-v3/src/OrSubMenuItem.vue"],"sourcesContent":["<template>\n  <OrMenuItem\n    ref=\"root\"\n    class=\"or-sub-menu-item-v3\"\n    :icon=\"icon\"\n    :selected=\"selected || state === 'open'\"\n    :disabled=\"disabled\"\n    :tooltip-text=\"tooltipText\"\n    @click=\"handleClickOnTrigger\"\n    @mouseenter=\"handleMouseEnterSubMenuItem\"\n    @mouseleave=\"handleMouseLeaveSubMenuItem\"\n  >\n    <slot />\n    <template v-slot:append>\n      <OrIcon\n        icon=\"arrow_right\"\n      />\n    </template>\n    <OrMenu\n      ref=\"menu\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"root && root.root\"\n      :placement=\"placement\"\n      :offset=\"0\"\n      @mouseleave=\"handleMouseLeaveMenu\"\n      @click=\"handleClickMenu\"\n    >\n      <slot name=\"items\" />\n    </OrMenu>\n    <div\n      v-if=\"capturedContent\"\n      class=\"hidden\"\n      v-html=\"capturedContent\"\n    />\n  </OrMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { defineComponent, nextTick, PropType, ref, toRef } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrSubMenuItem',\n\n  components: {\n    OrMenuItem,\n    OrIcon,\n    OrMenu,\n  },\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.RightStart,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n\n  emits: [\n    'open',\n    'close',\n    'update:state',\n\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    const { state, open, close } = usePopoverState(toRef(props, 'selected'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const root = ref<InstanceType<typeof OrMenuItem> | null>(null);\n    const menu = ref<InstanceType<typeof OrMenu> | null>(null);\n    const capturedContent = ref<string | null>(null);\n\n\n    function handleMouseLeaveSubMenuItem(event: MouseEvent) {\n      nextTick(() => {\n        if (!menu.value?.root?.contains(event.relatedTarget as Node)) {\n          close();\n        }\n      });\n    }\n\n    function handleMouseLeaveMenu(event: MouseEvent) {\n      const relatedTarget = event.relatedTarget as Node | null;\n      capturePopoverContent();\n      nextTick(() => {\n        setTimeout(() => {\n          nextTick(() => {\n            if (relatedTarget instanceof HTMLElement) {\n              const relatedTargetHtml = relatedTarget?.outerHTML || '';\n              const isInsideCapturedContent = capturedContent.value?.includes(relatedTargetHtml);\n              if (!isInsideCapturedContent) {\n                close();\n              }\n            }\n          });\n        });\n      });\n    }\n\n    function handleMouseEnterSubMenuItem() {\n      if (isMobile.value) return;\n      open();\n      capturePopoverContent();\n    }\n\n    function handleClickMenu() {\n      const event = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n        view: window,\n      });\n      (event as any).isSimulated = true;\n      root.value?.root?.dispatchEvent(event);\n    }\n\n    function handleClickOnTrigger(event: MouseEvent) {\n      if (isMobile.value) {\n        event.stopPropagation();\n        open();\n      } else {\n        if ((event as any).isSimulated) {\n          return;\n        }\n        if (event.currentTarget === root.value?.root) {\n          event.stopPropagation();\n        }\n      }\n    }\n\n    function capturePopoverContent() {\n      nextTick(() => setTimeout(() => {\n        if (menu.value?.root) {\n          capturedContent.value = menu.value.root.innerHTML;\n        }\n      }));\n    }\n\n    return {\n      root,\n      menu,\n      open,\n      close,\n      state,\n      handleMouseLeaveMenu,\n      handleMouseLeaveSubMenuItem,\n      handleMouseEnterSubMenuItem,\n      handleClickMenu,\n      handleClickOnTrigger,\n      capturedContent,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenuItem","OrIcon","OrMenu","PopoverPlacement","props","context","state","open","close","usePopoverState","toRef","isMobile","useResponsive","root","ref","menu","capturedContent","handleMouseLeaveSubMenuItem","event","nextTick","_b","_a","handleMouseLeaveMenu","relatedTarget","capturePopoverContent","relatedTargetHtml","handleMouseEnterSubMenuItem","handleClickMenu","handleClickOnTrigger","_resolveComponent","_openBlock","_createBlock","_component_OrMenuItem","_ctx","_createVNode","_component_OrIcon","_withCtx","_renderSlot","_component_OrMenu","_createElementBlock"],"mappings":"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"}

package/dist/esm/components/or-sub-menu-item-v3/index.mjs

@@ -1,5 +0,0 @@
-import { O as m } from "../../OrSubMenuItem-TUcrHvBk.mjs";
-export {
-  m as OrSubMenuItemV3
-};
-//# sourceMappingURL=index.mjs.map

package/dist/esm/components/or-sub-menu-item-v3/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}