@mekari/pixel3-popover 0.0.0

package/dist/modules/popover.props.d.ts

@@ -0,0 +1,153 @@
+import { ComponentPublicInstance, Ref, PropType, ExtractPropTypes } from 'vue';
+import { Placement } from '@floating-ui/vue';
+import { ComponentWithProps } from '@mekari/pixel3-utils';
+
+type MaybeElement = ComponentPublicInstance | null | undefined;
+type TriggerNode = Readonly<Ref<MaybeElement>>;
+declare const popoverProps: {
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    id: {
+        type: PropType<string>;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: PropType<string>;
+    };
+    defaultIsOpen: {
+        type: PropType<boolean>;
+    };
+    isManual: {
+        type: PropType<boolean>;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const singletonPopoverProps: {
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    id: {
+        type: PropType<string>;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: PropType<string>;
+    };
+    defaultIsOpen: {
+        type: PropType<boolean>;
+    };
+    isManual: {
+        type: PropType<boolean>;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    triggerNode: {
+        type: PropType<Readonly<Ref<MaybeElement>>>;
+    };
+};
+declare const popoverContentProps: {
+    isDark: {
+        type: PropType<boolean>;
+    };
+    isUnstyled: {
+        type: PropType<boolean>;
+    };
+};
+declare const popoverListItemProps: {
+    as: {
+        type: PropType<string>;
+    };
+    role: {
+        type: PropType<string>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+    };
+    isActive: {
+        type: PropType<boolean>;
+    };
+    isArrow: {
+        type: PropType<boolean>;
+    };
+};
+type PopoverEmits = (e: 'open' | 'close', value?: unknown) => void;
+type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+type SingletonPopoverProps = ExtractPropTypes<typeof singletonPopoverProps>;
+type PopoverContentEmits = (e: 'blur' | 'escape', value?: unknown) => void;
+type PopoverContentProps = ExtractPropTypes<typeof popoverContentProps>;
+type PopoverListItemProps = ExtractPropTypes<typeof popoverListItemProps>;
+type MpPopoverContentType = ComponentWithProps<PopoverContentProps>;
+
+export { MaybeElement, MpPopoverContentType, PopoverContentEmits, PopoverContentProps, PopoverEmits, PopoverListItemProps, PopoverProps, SingletonPopoverProps, TriggerNode, popoverContentProps, popoverListItemProps, popoverProps, singletonPopoverProps };

package/dist/modules/popover.props.js

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/popover.props.ts
+var popover_props_exports = {};
+__export(popover_props_exports, {
+  popoverContentProps: () => popoverContentProps,
+  popoverListItemProps: () => popoverListItemProps,
+  popoverProps: () => popoverProps,
+  singletonPopoverProps: () => singletonPopoverProps
+});
+module.exports = __toCommonJS(popover_props_exports);
+var popoverProps = {
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  id: {
+    type: String
+  },
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  triggerId: {
+    type: String
+  },
+  defaultIsOpen: {
+    type: Boolean
+  },
+  isManual: {
+    type: Boolean
+  },
+  isOpen: {
+    type: Boolean
+  },
+  returnFocusOnClose: {
+    type: Boolean
+  },
+  initialFocusRef: {
+    type: Boolean
+  },
+  closeOnBlur: {
+    type: Boolean,
+    default: true
+  },
+  closeOnEscape: {
+    type: Boolean,
+    default: true
+  },
+  closeOnSelect: {
+    type: Boolean,
+    default: false
+  },
+  usePortal: {
+    type: Boolean,
+    default: false
+  },
+  isKeepAlive: {
+    type: Boolean,
+    default: true
+  },
+  isAdaptiveWidth: {
+    type: Boolean,
+    default: false
+  }
+};
+var singletonPopoverProps = {
+  triggerNode: {
+    type: Object
+  },
+  ...popoverProps
+};
+var popoverContentProps = {
+  isDark: {
+    type: Boolean
+  },
+  isUnstyled: {
+    type: Boolean
+  }
+};
+var popoverListItemProps = {
+  as: {
+    type: String
+  },
+  role: {
+    type: String
+  },
+  isDisabled: {
+    type: Boolean
+  },
+  isActive: {
+    type: Boolean
+  },
+  isArrow: {
+    type: Boolean
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  popoverContentProps,
+  popoverListItemProps,
+  popoverProps,
+  singletonPopoverProps
+});

package/dist/modules/popover.props.mjs

@@ -0,0 +1,13 @@
+import {
+  popoverContentProps,
+  popoverListItemProps,
+  popoverProps,
+  singletonPopoverProps
+} from "../chunk-3VISLXE6.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  popoverContentProps,
+  popoverListItemProps,
+  popoverProps,
+  singletonPopoverProps
+};

package/dist/popover.d.mts

@@ -0,0 +1,126 @@
+import * as vue from 'vue';
+import * as _floating_ui_dom from '@floating-ui/dom';
+
+declare const MpPopover: vue.DefineComponent<{
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    trigger: {
+        type: vue.PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: vue.PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: vue.PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    trigger: {
+        type: vue.PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: vue.PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: vue.PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    placement: _floating_ui_dom.Placement;
+    trigger: "click" | "hover";
+    closeOnBlur: boolean;
+    closeOnEscape: boolean;
+    closeOnSelect: boolean;
+    usePortal: boolean;
+    isKeepAlive: boolean;
+    isAdaptiveWidth: boolean;
+}, {}>;
+
+export { MpPopover };

package/dist/popover.d.ts

@@ -0,0 +1,126 @@
+import * as vue from 'vue';
+import * as _floating_ui_dom from '@floating-ui/dom';
+
+declare const MpPopover: vue.DefineComponent<{
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    trigger: {
+        type: vue.PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: vue.PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: vue.PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    placement: {
+        type: vue.PropType<_floating_ui_dom.Placement>;
+        default: string;
+    };
+    id: {
+        type: vue.PropType<string>;
+    };
+    trigger: {
+        type: vue.PropType<"click" | "hover">;
+        default: string;
+    };
+    triggerId: {
+        type: vue.PropType<string>;
+    };
+    defaultIsOpen: {
+        type: vue.PropType<boolean>;
+    };
+    isManual: {
+        type: vue.PropType<boolean>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+    };
+    returnFocusOnClose: {
+        type: vue.PropType<boolean>;
+    };
+    initialFocusRef: {
+        type: vue.PropType<boolean>;
+    };
+    closeOnBlur: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    usePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isAdaptiveWidth: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    placement: _floating_ui_dom.Placement;
+    trigger: "click" | "hover";
+    closeOnBlur: boolean;
+    closeOnEscape: boolean;
+    closeOnSelect: boolean;
+    usePortal: boolean;
+    isKeepAlive: boolean;
+    isAdaptiveWidth: boolean;
+}, {}>;
+
+export { MpPopover };