@mekari/pixel3-utils 0.0.0

package/dist/array.d.mts

@@ -0,0 +1,9 @@
+/**
+ * groupBy
+ * @param {Array} arr
+ * @param {String} key
+ * @returns {Array}
+ */
+declare function groupBy(arr: any[], key: string): any;
+
+export { groupBy };

package/dist/array.d.ts

@@ -0,0 +1,9 @@
+/**
+ * groupBy
+ * @param {Array} arr
+ * @param {String} key
+ * @returns {Array}
+ */
+declare function groupBy(arr: any[], key: string): any;
+
+export { groupBy };

package/dist/array.js

@@ -0,0 +1,39 @@
+"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/array.ts
+var array_exports = {};
+__export(array_exports, {
+  groupBy: () => groupBy
+});
+module.exports = __toCommonJS(array_exports);
+function groupBy(arr, key) {
+  const initialValue = {};
+  return arr.reduce((acc, cval) => {
+    const myAttribute = cval[key];
+    acc[myAttribute] = [...acc[myAttribute] || [], cval];
+    return acc;
+  }, initialValue);
+}
+__name(groupBy, "groupBy");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  groupBy
+});

package/dist/array.mjs

@@ -0,0 +1,7 @@
+import {
+  groupBy
+} from "./chunk-555RL46T.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  groupBy
+};

package/dist/chunk-2UGMOMBN.mjs

@@ -0,0 +1,43 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/validators.ts
+function isUndef(v) {
+  return v === void 0 || v === null;
+}
+__name(isUndef, "isUndef");
+function isDef(v) {
+  return v !== void 0 && v !== null;
+}
+__name(isDef, "isDef");
+var isEqual = /* @__PURE__ */ __name((x, y) => {
+  if (Object.is(x, y))
+    return true;
+  if (x instanceof Date && y instanceof Date) {
+    return x.getTime() === y.getTime();
+  }
+  if (x instanceof RegExp && y instanceof RegExp) {
+    return x.toString() === y.toString();
+  }
+  if (typeof x !== "object" || x === null || typeof y !== "object" || y === null) {
+    return false;
+  }
+  const keysX = Reflect.ownKeys(x);
+  const keysY = Reflect.ownKeys(y);
+  if (keysX.length !== keysY.length)
+    return false;
+  for (let i = 0; i < keysX.length; i++) {
+    if (!Reflect.has(y, keysX[i]))
+      return false;
+    if (!isEqual(x[keysX[i]], y[keysX[i]]))
+      return false;
+  }
+  return true;
+}, "isEqual");
+
+export {
+  isUndef,
+  isDef,
+  isEqual
+};

package/dist/chunk-555RL46T.mjs

@@ -0,0 +1,18 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/array.ts
+function groupBy(arr, key) {
+  const initialValue = {};
+  return arr.reduce((acc, cval) => {
+    const myAttribute = cval[key];
+    acc[myAttribute] = [...acc[myAttribute] || [], cval];
+    return acc;
+  }, initialValue);
+}
+__name(groupBy, "groupBy");
+
+export {
+  groupBy
+};

package/dist/chunk-65WDFMBW.mjs

@@ -0,0 +1,71 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/performance.ts
+import { ref, onBeforeMount, onBeforeUpdate, onMounted, onUpdated, nextTick } from "vue";
+var usePerformanceObserver = /* @__PURE__ */ __name((label) => {
+  const startTime = ref(performance.now());
+  const state = ref({
+    timeToRender: 0,
+    firstInputDelay: 0,
+    timeToUpdate: 0,
+    numberOfData: 0,
+    startBenchmark: 0,
+    lifecycle: 0
+  });
+  onBeforeMount(() => {
+  });
+  onBeforeUpdate(() => {
+    state.value.startBenchmark = window.performance.now();
+  });
+  onMounted(() => {
+    perfObserver();
+    nextTick(() => {
+      state.value.lifecycle = performance.now() - startTime.value;
+    });
+  });
+  onUpdated(() => {
+    domBenchmark();
+  });
+  function perfObserver() {
+    new PerformanceObserver((entryList) => {
+      for (const entry of entryList.getEntries()) {
+        state.value.timeToRender = entry.loadEventEnd - entry.responseEnd;
+        showConsole();
+      }
+    }).observe({
+      type: "navigation",
+      buffered: true
+    });
+    new PerformanceObserver((entryList) => {
+      for (const entry of entryList.getEntries()) {
+        state.value.firstInputDelay = entry.processingStart - entry.startTime;
+        showConsole();
+      }
+    }).observe({
+      type: "first-input",
+      buffered: true
+    });
+  }
+  __name(perfObserver, "perfObserver");
+  function domBenchmark() {
+    const end = window.performance.now();
+    state.value.timeToUpdate = end - state.value.startBenchmark;
+    showConsole();
+  }
+  __name(domBenchmark, "domBenchmark");
+  function showConsole() {
+    console.group(label);
+    console.log("LIFECYCLE", state.value.lifecycle);
+    console.log("TIME TO RENDER", state.value.timeToRender);
+    console.log("TIME TO INTERACTIVE", state.value.firstInputDelay);
+    console.log("TIME TO UPDATE", state.value.timeToUpdate);
+    console.groupEnd();
+  }
+  __name(showConsole, "showConsole");
+}, "usePerformanceObserver");
+
+export {
+  usePerformanceObserver
+};

package/dist/chunk-HXLTBFWE.mjs

@@ -0,0 +1,16 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/context.ts
+import { inject, provide } from "vue";
+var usePixelCreateContext = /* @__PURE__ */ __name((id) => {
+  const contextId = Symbol(id);
+  const provider = /* @__PURE__ */ __name((value) => provide(contextId, value), "provider");
+  const consumer = /* @__PURE__ */ __name((fallback) => inject(contextId, fallback), "consumer");
+  return [provider, consumer, contextId];
+}, "usePixelCreateContext");
+
+export {
+  usePixelCreateContext
+};

package/dist/chunk-PLTSXP5P.mjs

@@ -0,0 +1,35 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/object.ts
+import { isVNode } from "vue";
+function isObject(obj) {
+  return Object.prototype.toString.call(obj) === "[object Object]";
+}
+__name(isObject, "isObject");
+function objectFilter(object, fn) {
+  const result = {};
+  Object.keys(object).forEach((key) => {
+    const value = object[key];
+    const shouldPass = fn(value, key, object);
+    if (shouldPass)
+      result[key] = value;
+  });
+  return result;
+}
+__name(objectFilter, "objectFilter");
+var objectFilterUndefined = /* @__PURE__ */ __name((object) => objectFilter(object, (value) => value !== null && value !== void 0), "objectFilterUndefined");
+function getChildren(slots) {
+  var _a;
+  const slot = ((_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) || [];
+  return slot.filter((value) => isVNode(value));
+}
+__name(getChildren, "getChildren");
+
+export {
+  isObject,
+  objectFilter,
+  objectFilterUndefined,
+  getChildren
+};

package/dist/chunk-QZ7VFGWC.mjs

@@ -0,0 +1,6 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/chunk-TJIIVYQV.mjs

@@ -0,0 +1,31 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/generators.ts
+import { ref, computed } from "vue";
+var increment = 0;
+var getUniqueId = /* @__PURE__ */ __name((id, prefix) => {
+  const initial = id || ++increment;
+  const unique = ref(initial);
+  return computed(() => {
+    const result = unique.value !== null ? unique.value.toString() : void 0;
+    return prefix ? `mpx-${prefix}-${result}` : result;
+  });
+}, "getUniqueId");
+function useId(size = 3) {
+  let uuid = "";
+  const dictionary = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  for (let i = 0; i < size; i++) {
+    uuid += dictionary.charAt(Math.floor(Math.random() * dictionary.length));
+  }
+  return uuid;
+}
+__name(useId, "useId");
+var declareEmit = /* @__PURE__ */ __name((value) => value, "declareEmit");
+
+export {
+  getUniqueId,
+  useId,
+  declareEmit
+};

package/dist/chunk-VSOR555U.mjs

@@ -0,0 +1,31 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/dom.ts
+function isElementVisible(domElement) {
+  return new Promise((resolve) => {
+    const o = new IntersectionObserver(([entry]) => {
+      resolve(entry.intersectionRatio === 1);
+      o.disconnect();
+    });
+    o.observe(domElement);
+  });
+}
+__name(isElementVisible, "isElementVisible");
+function scrollToTargetElement(target, containerEl, position) {
+  const isElement = target && target.nodeType === 1;
+  if (isElement && !position) {
+    containerEl.scrollTop = target.offsetTop;
+  } else if (position === "bottom") {
+    containerEl.scrollTop = containerEl.scrollHeight - containerEl.offsetHeight;
+  } else if (position === "top") {
+    containerEl.scrollTop = 0;
+  }
+}
+__name(scrollToTargetElement, "scrollToTargetElement");
+
+export {
+  isElementVisible,
+  scrollToTargetElement
+};

package/dist/context.d.mts

@@ -0,0 +1,4 @@
+type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T, symbol];
+declare const usePixelCreateContext: <T>(id: string) => CreateContextReturn<T>;
+
+export { usePixelCreateContext };

package/dist/context.d.ts

@@ -0,0 +1,4 @@
+type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T, symbol];
+declare const usePixelCreateContext: <T>(id: string) => CreateContextReturn<T>;
+
+export { usePixelCreateContext };

package/dist/context.js

@@ -0,0 +1,37 @@
+"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/context.ts
+var context_exports = {};
+__export(context_exports, {
+  usePixelCreateContext: () => usePixelCreateContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_vue = require("vue");
+var usePixelCreateContext = /* @__PURE__ */ __name((id) => {
+  const contextId = Symbol(id);
+  const provider = /* @__PURE__ */ __name((value) => (0, import_vue.provide)(contextId, value), "provider");
+  const consumer = /* @__PURE__ */ __name((fallback) => (0, import_vue.inject)(contextId, fallback), "consumer");
+  return [provider, consumer, contextId];
+}, "usePixelCreateContext");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePixelCreateContext
+});

package/dist/context.mjs

@@ -0,0 +1,7 @@
+import {
+  usePixelCreateContext
+} from "./chunk-HXLTBFWE.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  usePixelCreateContext
+};

package/dist/dom.d.mts

@@ -0,0 +1,14 @@
+/**
+ * isElementVisible
+ * @param {DOM} domElement
+ * @returns {Boolean}
+ */
+declare function isElementVisible(domElement: Element): Promise<unknown>;
+/**
+ * scrollToTarget
+ * @param {DOM} target
+ * @param {DOM} containerEl
+ */
+declare function scrollToTargetElement(target: Element, containerEl: Element, position?: 'top' | 'bottom'): void;
+
+export { isElementVisible, scrollToTargetElement };

package/dist/dom.d.ts

@@ -0,0 +1,14 @@
+/**
+ * isElementVisible
+ * @param {DOM} domElement
+ * @returns {Boolean}
+ */
+declare function isElementVisible(domElement: Element): Promise<unknown>;
+/**
+ * scrollToTarget
+ * @param {DOM} target
+ * @param {DOM} containerEl
+ */
+declare function scrollToTargetElement(target: Element, containerEl: Element, position?: 'top' | 'bottom'): void;
+
+export { isElementVisible, scrollToTargetElement };

package/dist/dom.js

@@ -0,0 +1,53 @@
+"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/dom.ts
+var dom_exports = {};
+__export(dom_exports, {
+  isElementVisible: () => isElementVisible,
+  scrollToTargetElement: () => scrollToTargetElement
+});
+module.exports = __toCommonJS(dom_exports);
+function isElementVisible(domElement) {
+  return new Promise((resolve) => {
+    const o = new IntersectionObserver(([entry]) => {
+      resolve(entry.intersectionRatio === 1);
+      o.disconnect();
+    });
+    o.observe(domElement);
+  });
+}
+__name(isElementVisible, "isElementVisible");
+function scrollToTargetElement(target, containerEl, position) {
+  const isElement = target && target.nodeType === 1;
+  if (isElement && !position) {
+    containerEl.scrollTop = target.offsetTop;
+  } else if (position === "bottom") {
+    containerEl.scrollTop = containerEl.scrollHeight - containerEl.offsetHeight;
+  } else if (position === "top") {
+    containerEl.scrollTop = 0;
+  }
+}
+__name(scrollToTargetElement, "scrollToTargetElement");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isElementVisible,
+  scrollToTargetElement
+});

package/dist/dom.mjs

@@ -0,0 +1,9 @@
+import {
+  isElementVisible,
+  scrollToTargetElement
+} from "./chunk-VSOR555U.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  isElementVisible,
+  scrollToTargetElement
+};

package/dist/generators.d.mts

@@ -0,0 +1,7 @@
+import * as vue from 'vue';
+
+declare const getUniqueId: (id?: string, prefix?: string) => vue.ComputedRef<string | undefined>;
+declare function useId(size?: number): string;
+declare const declareEmit: <T extends string>(value: T[]) => T[];
+
+export { declareEmit, getUniqueId, useId };

package/dist/generators.d.ts

@@ -0,0 +1,7 @@
+import * as vue from 'vue';
+
+declare const getUniqueId: (id?: string, prefix?: string) => vue.ComputedRef<string | undefined>;
+declare function useId(size?: number): string;
+declare const declareEmit: <T extends string>(value: T[]) => T[];
+
+export { declareEmit, getUniqueId, useId };

package/dist/generators.js

@@ -0,0 +1,54 @@
+"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/generators.ts
+var generators_exports = {};
+__export(generators_exports, {
+  declareEmit: () => declareEmit,
+  getUniqueId: () => getUniqueId,
+  useId: () => useId
+});
+module.exports = __toCommonJS(generators_exports);
+var import_vue = require("vue");
+var increment = 0;
+var getUniqueId = /* @__PURE__ */ __name((id, prefix) => {
+  const initial = id || ++increment;
+  const unique = (0, import_vue.ref)(initial);
+  return (0, import_vue.computed)(() => {
+    const result = unique.value !== null ? unique.value.toString() : void 0;
+    return prefix ? `mpx-${prefix}-${result}` : result;
+  });
+}, "getUniqueId");
+function useId(size = 3) {
+  let uuid = "";
+  const dictionary = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  for (let i = 0; i < size; i++) {
+    uuid += dictionary.charAt(Math.floor(Math.random() * dictionary.length));
+  }
+  return uuid;
+}
+__name(useId, "useId");
+var declareEmit = /* @__PURE__ */ __name((value) => value, "declareEmit");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  declareEmit,
+  getUniqueId,
+  useId
+});

package/dist/generators.mjs

@@ -0,0 +1,11 @@
+import {
+  declareEmit,
+  getUniqueId,
+  useId
+} from "./chunk-TJIIVYQV.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  declareEmit,
+  getUniqueId,
+  useId
+};

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+export { usePerformanceObserver } from './performance.mjs';
+export { isDef, isEqual, isUndef } from './validators.mjs';
+export { declareEmit, getUniqueId, useId } from './generators.mjs';
+export { getChildren, isObject, objectFilter, objectFilterUndefined } from './object.mjs';
+export { usePixelCreateContext } from './context.mjs';
+export { isElementVisible, scrollToTargetElement } from './dom.mjs';
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes } from './types.mjs';
+export { groupBy } from './array.mjs';
+export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useStorage, useVirtualList } from '@vueuse/core';
+import 'vue';

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { usePerformanceObserver } from './performance.js';
+export { isDef, isEqual, isUndef } from './validators.js';
+export { declareEmit, getUniqueId, useId } from './generators.js';
+export { getChildren, isObject, objectFilter, objectFilterUndefined } from './object.js';
+export { usePixelCreateContext } from './context.js';
+export { isElementVisible, scrollToTargetElement } from './dom.js';
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes } from './types.js';
+export { groupBy } from './array.js';
+export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useStorage, useVirtualList } from '@vueuse/core';
+import 'vue';