@mekari/pixel3-tour 0.0.1-dev.0

package/dist/modules/tour.connects.d.ts

@@ -0,0 +1,11 @@
+import { TourState, TourClasses, TourApiMachine } from './tour.types.js';
+import '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+/**
+ * Exported tour connects.
+ */
+
+declare function tourConnect(state: TourState, classes: TourClasses): TourApiMachine;
+
+export { tourConnect };

package/dist/modules/tour.connects.js

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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/tour.connects.ts
+var tour_connects_exports = {};
+__export(tour_connects_exports, {
+  tourConnect: () => tourConnect
+});
+module.exports = __toCommonJS(tour_connects_exports);
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+function tourConnect(state, classes) {
+  const {
+    id,
+    steps,
+    stepIndex,
+    isDisableScroll,
+    isManual,
+    isDebug
+  } = state;
+  const idx = id != null ? id : `mp-tour-${(0, import_pixel3_utils.useId)()}`;
+  return {
+    id,
+    steps,
+    stepIndex,
+    isDisableScroll,
+    isManual,
+    isDebug,
+    rootProps: {
+      class: classes.root,
+      "data-pixel-component": "MpTour"
+    },
+    overlayProps: {
+      id: `${idx}-overlay`,
+      class: classes.overlay,
+      "data-pixel-component": "MpTourOverlay"
+    },
+    panelProps: {
+      id: `${idx}`,
+      class: classes.panel,
+      "data-pixel-component": "MpTourPanel"
+    }
+  };
+}
+__name(tourConnect, "tourConnect");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tourConnect
+});

package/dist/modules/tour.connects.mjs

@@ -0,0 +1,7 @@
+import {
+  tourConnect
+} from "../chunk-5MGBFCZE.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  tourConnect
+};

package/dist/modules/tour.hooks.d.mts

@@ -0,0 +1,8 @@
+import * as vue from 'vue';
+import { TourDefinedContext, TourApiMachine } from './tour.types.mjs';
+import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const useTour: (props: TourDefinedContext) => vue.ComputedRef<TourApiMachine<_mekari_pixel3_utils.PropTypes>>;
+
+export { useTour };

package/dist/modules/tour.hooks.d.ts

@@ -0,0 +1,8 @@
+import * as vue from 'vue';
+import { TourDefinedContext, TourApiMachine } from './tour.types.js';
+import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const useTour: (props: TourDefinedContext) => vue.ComputedRef<TourApiMachine<_mekari_pixel3_utils.PropTypes>>;
+
+export { useTour };

package/dist/modules/tour.hooks.js

@@ -0,0 +1,77 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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/tour.hooks.ts
+var tour_hooks_exports = {};
+__export(tour_hooks_exports, {
+  useTour: () => useTour
+});
+module.exports = __toCommonJS(tour_hooks_exports);
+var import_vue = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/tour.connects.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+function tourConnect(state, classes) {
+  const {
+    id,
+    steps,
+    stepIndex,
+    isDisableScroll,
+    isManual,
+    isDebug
+  } = state;
+  const idx = id != null ? id : `mp-tour-${(0, import_pixel3_utils.useId)()}`;
+  return {
+    id,
+    steps,
+    stepIndex,
+    isDisableScroll,
+    isManual,
+    isDebug,
+    rootProps: {
+      class: classes.root,
+      "data-pixel-component": "MpTour"
+    },
+    overlayProps: {
+      id: `${idx}-overlay`,
+      class: classes.overlay,
+      "data-pixel-component": "MpTourOverlay"
+    },
+    panelProps: {
+      id: `${idx}`,
+      class: classes.panel,
+      "data-pixel-component": "MpTourPanel"
+    }
+  };
+}
+__name(tourConnect, "tourConnect");
+
+// src/modules/tour.hooks.ts
+var useTour = /* @__PURE__ */ __name((props) => {
+  const context = (0, import_vue.ref)(props);
+  const [value] = import_recipes.tourSlotRecipe.splitVariantProps(context.value);
+  const classes = (0, import_recipes.tourSlotRecipe)(value);
+  return (0, import_vue.computed)(() => tourConnect(context.value, classes));
+}, "useTour");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTour
+});

package/dist/modules/tour.hooks.mjs

@@ -0,0 +1,8 @@
+import {
+  useTour
+} from "../chunk-TQSSSA7Q.mjs";
+import "../chunk-5MGBFCZE.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  useTour
+};

package/dist/modules/tour.props.d.mts

@@ -0,0 +1,31 @@
+import { StepsProps } from './tour.types.mjs';
+import { PropType } from 'vue';
+import '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const tourProps: {
+    id: {
+        type: PropType<string | undefined>;
+    };
+    steps: {
+        type: PropType<StepsProps[] | undefined>;
+    };
+    stepIndex: {
+        type: PropType<number | undefined>;
+    };
+    isDisableScroll: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    isManual: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    isDebug: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+};
+declare const tourEmits: ("next" | "prev" | "close")[];
+
+export { tourEmits, tourProps };

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

@@ -0,0 +1,31 @@
+import { StepsProps } from './tour.types.js';
+import { PropType } from 'vue';
+import '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const tourProps: {
+    id: {
+        type: PropType<string | undefined>;
+    };
+    steps: {
+        type: PropType<StepsProps[] | undefined>;
+    };
+    stepIndex: {
+        type: PropType<number | undefined>;
+    };
+    isDisableScroll: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    isManual: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    isDebug: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+};
+declare const tourEmits: ("next" | "prev" | "close")[];
+
+export { tourEmits, tourProps };

package/dist/modules/tour.props.js

@@ -0,0 +1,56 @@
+"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/tour.props.ts
+var tour_props_exports = {};
+__export(tour_props_exports, {
+  tourEmits: () => tourEmits,
+  tourProps: () => tourProps
+});
+module.exports = __toCommonJS(tour_props_exports);
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var tourProps = {
+  id: {
+    type: String
+  },
+  steps: {
+    type: Array
+  },
+  stepIndex: {
+    type: Number
+  },
+  isDisableScroll: {
+    type: Boolean,
+    default: false
+  },
+  isManual: {
+    type: Boolean,
+    default: false
+  },
+  isDebug: {
+    type: Boolean,
+    default: false
+  }
+};
+var tourEmits = (0, import_pixel3_utils.declareEmit)(["next", "prev", "close"]);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tourEmits,
+  tourProps
+});

package/dist/modules/tour.props.mjs

@@ -0,0 +1,9 @@
+import {
+  tourEmits,
+  tourProps
+} from "../chunk-7BC44YZN.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  tourEmits,
+  tourProps
+};

package/dist/modules/tour.types.d.mts

@@ -0,0 +1,50 @@
+import { Optional, PropTypes } from '@mekari/pixel3-utils';
+import { Placement } from '@popperjs/core';
+
+/**
+ * Exported tour types.
+ */
+
+type StepsProps = {
+    target?: string;
+    isHighlighted?: boolean;
+    highlightColor?: string;
+    isScrollIntoElement?: boolean;
+    offset?: number;
+    options?: {
+        placement?: Placement;
+    };
+    render?: (next: () => void, prev: () => void, close: () => void) => void;
+};
+interface TourProps {
+    id?: string;
+    steps?: StepsProps[];
+    stepIndex?: number;
+    isDisableScroll?: boolean;
+    isManual?: boolean;
+    isDebug?: boolean;
+    next?: (index: number) => void;
+    prev?: (index: number) => void;
+    close?: (index: number) => void;
+}
+type TourDefinedContext = Optional<TourProps, 'id'>;
+interface TourApiMachine<T extends PropTypes = PropTypes> {
+    id?: string;
+    steps?: StepsProps[];
+    stepIndex?: number;
+    isDisableScroll?: boolean;
+    isManual?: boolean;
+    isDebug?: boolean;
+    rootProps?: T['element'];
+    overlayProps?: T['element'];
+    panelProps?: T['element'];
+}
+interface TourState extends TourProps {
+}
+interface TourClasses {
+    root?: string;
+    overlay?: string;
+    panel?: string;
+}
+
+export { StepsProps, TourApiMachine, TourClasses, TourDefinedContext, TourProps, TourState };

package/dist/modules/tour.types.d.ts

@@ -0,0 +1,50 @@
+import { Optional, PropTypes } from '@mekari/pixel3-utils';
+import { Placement } from '@popperjs/core';
+
+/**
+ * Exported tour types.
+ */
+
+type StepsProps = {
+    target?: string;
+    isHighlighted?: boolean;
+    highlightColor?: string;
+    isScrollIntoElement?: boolean;
+    offset?: number;
+    options?: {
+        placement?: Placement;
+    };
+    render?: (next: () => void, prev: () => void, close: () => void) => void;
+};
+interface TourProps {
+    id?: string;
+    steps?: StepsProps[];
+    stepIndex?: number;
+    isDisableScroll?: boolean;
+    isManual?: boolean;
+    isDebug?: boolean;
+    next?: (index: number) => void;
+    prev?: (index: number) => void;
+    close?: (index: number) => void;
+}
+type TourDefinedContext = Optional<TourProps, 'id'>;
+interface TourApiMachine<T extends PropTypes = PropTypes> {
+    id?: string;
+    steps?: StepsProps[];
+    stepIndex?: number;
+    isDisableScroll?: boolean;
+    isManual?: boolean;
+    isDebug?: boolean;
+    rootProps?: T['element'];
+    overlayProps?: T['element'];
+    panelProps?: T['element'];
+}
+interface TourState extends TourProps {
+}
+interface TourClasses {
+    root?: string;
+    overlay?: string;
+    panel?: string;
+}
+
+export { StepsProps, TourApiMachine, TourClasses, TourDefinedContext, TourProps, TourState };

package/dist/modules/tour.types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/tour.types.ts
+var tour_types_exports = {};
+module.exports = __toCommonJS(tour_types_exports);

package/dist/tour.d.mts

@@ -0,0 +1,8 @@
+import * as vue from 'vue';
+import { StepsProps, TourProps } from './modules/tour.types.mjs';
+import '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const tour: (isStart?: boolean, steps?: StepsProps[], options?: TourProps) => vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | undefined;
+
+export { tour };

package/dist/tour.d.ts

@@ -0,0 +1,8 @@
+import * as vue from 'vue';
+import { StepsProps, TourProps } from './modules/tour.types.js';
+import '@mekari/pixel3-utils';
+import '@popperjs/core';
+
+declare const tour: (isStart?: boolean, steps?: StepsProps[], options?: TourProps) => vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | undefined;
+
+export { tour };