origam 0.1.0

package/dist/src/consts/Commons/locale.const.cjs

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LOCALE_RTL_DEFAULT = exports.FOXY_LOCALE_KEY = void 0;
+const FOXY_LOCALE_KEY = exports.FOXY_LOCALE_KEY = Symbol.for("foxy:locale");
+const LOCALE_RTL_DEFAULT = exports.LOCALE_RTL_DEFAULT = Object.freeze({
+  af: false,
+  ar: true,
+  bg: false,
+  ca: false,
+  ckb: false,
+  cs: false,
+  de: false,
+  el: false,
+  en: false,
+  es: false,
+  et: false,
+  fa: true,
+  fi: false,
+  fr: false,
+  hr: false,
+  hu: false,
+  he: true,
+  id: false,
+  it: false,
+  ja: false,
+  km: false,
+  ko: false,
+  lv: false,
+  lt: false,
+  nl: false,
+  no: false,
+  pl: false,
+  pt: false,
+  ro: false,
+  ru: false,
+  sk: false,
+  sl: false,
+  srCyrl: false,
+  srLatn: false,
+  sv: false,
+  th: false,
+  tr: false,
+  az: false,
+  uk: false,
+  vi: false,
+  zhHans: false,
+  zhHant: false
+});

package/dist/src/consts/Commons/locale.const.d.ts

@@ -0,0 +1,47 @@
+import type { ILocaleInstance, IRtlInstance } from "@foxy/interfaces";
+import type { InjectionKey } from "vue";
+export declare const FOXY_LOCALE_KEY: InjectionKey<ILocaleInstance & IRtlInstance>;
+export declare const LOCALE_RTL_DEFAULT: Readonly<{
+    af: false;
+    ar: true;
+    bg: false;
+    ca: false;
+    ckb: false;
+    cs: false;
+    de: false;
+    el: false;
+    en: false;
+    es: false;
+    et: false;
+    fa: true;
+    fi: false;
+    fr: false;
+    hr: false;
+    hu: false;
+    he: true;
+    id: false;
+    it: false;
+    ja: false;
+    km: false;
+    ko: false;
+    lv: false;
+    lt: false;
+    nl: false;
+    no: false;
+    pl: false;
+    pt: false;
+    ro: false;
+    ru: false;
+    sk: false;
+    sl: false;
+    srCyrl: false;
+    srLatn: false;
+    sv: false;
+    th: false;
+    tr: false;
+    az: false;
+    uk: false;
+    vi: false;
+    zhHans: false;
+    zhHant: false;
+}>;

package/dist/src/consts/Commons/locale.const.js

@@ -0,0 +1,45 @@
+export const FOXY_LOCALE_KEY = Symbol.for("foxy:locale");
+export const LOCALE_RTL_DEFAULT = Object.freeze({
+  af: false,
+  ar: true,
+  bg: false,
+  ca: false,
+  ckb: false,
+  cs: false,
+  de: false,
+  el: false,
+  en: false,
+  es: false,
+  et: false,
+  fa: true,
+  fi: false,
+  fr: false,
+  hr: false,
+  hu: false,
+  he: true,
+  id: false,
+  it: false,
+  ja: false,
+  km: false,
+  ko: false,
+  lv: false,
+  lt: false,
+  nl: false,
+  no: false,
+  pl: false,
+  pt: false,
+  ro: false,
+  ru: false,
+  sk: false,
+  sl: false,
+  srCyrl: false,
+  srLatn: false,
+  sv: false,
+  th: false,
+  tr: false,
+  az: false,
+  uk: false,
+  vi: false,
+  zhHans: false,
+  zhHant: false
+});

package/dist/src/consts/Commons/location.const.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OPPOSITE_MAP = exports.LOCATION_STRATEGIES = void 0;
+var _utils = require("@foxy/utils");
+const OPPOSITE_MAP = exports.OPPOSITE_MAP = {
+  center: "center",
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left",
+  start: "right",
+  end: "left"
+};
+const LOCATION_STRATEGIES = exports.LOCATION_STRATEGIES = {
+  static: _utils.staticLocationStrategy,
+  // specific viewport position, usually centered
+  connected: _utils.connectedLocationStrategy
+  // connected to a certain element
+};

package/dist/src/consts/Commons/location.const.d.ts

@@ -0,0 +1,13 @@
+export declare const OPPOSITE_MAP: {
+    center: string;
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    start: string;
+    end: string;
+};
+export declare const LOCATION_STRATEGIES: {
+    static: any;
+    connected: any;
+};

package/dist/src/consts/Commons/location.const.js

@@ -0,0 +1,16 @@
+import { connectedLocationStrategy, staticLocationStrategy } from "@foxy/utils";
+export const OPPOSITE_MAP = {
+  center: "center",
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left",
+  start: "right",
+  end: "left"
+};
+export const LOCATION_STRATEGIES = {
+  static: staticLocationStrategy,
+  // specific viewport position, usually centered
+  connected: connectedLocationStrategy
+  // connected to a certain element
+};

package/dist/src/consts/Commons/margin.const.cjs

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MARGIN_REGEX = void 0;
+const MARGIN_REGEX = exports.MARGIN_REGEX = /^(?<margin>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/margin.const.d.ts

@@ -0,0 +1 @@
+export declare const MARGIN_REGEX: RegExp;

package/dist/src/consts/Commons/margin.const.js

@@ -0,0 +1 @@
+export const MARGIN_REGEX = /^(?<margin>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/nested.const.cjs

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SINGLE_OPEN_STRATEGY = exports.MULTIPLE_OPEN_STRATEGY = exports.LIST_OPEN_STRATEGY = exports.FOXY_NESTED_KEY = exports.EMPTY_NESTED = void 0;
+var _vue = require("vue");
+const SINGLE_OPEN_STRATEGY = exports.SINGLE_OPEN_STRATEGY = {
+  open: ({
+    id,
+    value,
+    opened,
+    parents
+  }) => {
+    if (value) {
+      const newOpened = /* @__PURE__ */new Set();
+      newOpened.add(id);
+      let parent = parents.get(id);
+      while (parent != null) {
+        newOpened.add(parent);
+        parent = parents.get(parent);
+      }
+      return newOpened;
+    } else {
+      opened.delete(id);
+      return opened;
+    }
+  },
+  select: () => null
+};
+const MULTIPLE_OPEN_STRATEGY = exports.MULTIPLE_OPEN_STRATEGY = {
+  open: ({
+    id,
+    value,
+    opened,
+    parents
+  }) => {
+    if (value) {
+      let parent = parents.get(id);
+      opened.add(id);
+      while (parent != null && parent !== id) {
+        opened.add(parent);
+        parent = parents.get(parent);
+      }
+      return opened;
+    } else {
+      opened.delete(id);
+    }
+    return opened;
+  },
+  select: () => null
+};
+const LIST_OPEN_STRATEGY = exports.LIST_OPEN_STRATEGY = {
+  open: MULTIPLE_OPEN_STRATEGY.open,
+  select: ({
+    id,
+    value,
+    opened,
+    parents
+  }) => {
+    if (!value) return opened;
+    const path = [];
+    let parent = parents.get(id);
+    while (parent != null) {
+      path.push(parent);
+      parent = parents.get(parent);
+    }
+    return new Set(path);
+  }
+};
+const FOXY_NESTED_KEY = exports.FOXY_NESTED_KEY = Symbol.for("foxy:nested");
+const EMPTY_NESTED = exports.EMPTY_NESTED = {
+  id: (0, _vue.shallowRef)(),
+  root: {
+    register: () => null,
+    unregister: () => null,
+    parents: (0, _vue.ref)(/* @__PURE__ */new Map()),
+    children: (0, _vue.ref)(/* @__PURE__ */new Map()),
+    open: () => null,
+    openOnSelect: () => null,
+    select: () => null,
+    opened: (0, _vue.ref)(/* @__PURE__ */new Set()),
+    selected: (0, _vue.ref)(/* @__PURE__ */new Map()),
+    selectedValues: (0, _vue.ref)([])
+  }
+};

package/dist/src/consts/Commons/nested.const.d.ts

@@ -0,0 +1,7 @@
+import type { TNestedProvide, TStrategyOpen } from '@foxy/types';
+import type { InjectionKey } from 'vue';
+export declare const SINGLE_OPEN_STRATEGY: TStrategyOpen;
+export declare const MULTIPLE_OPEN_STRATEGY: TStrategyOpen;
+export declare const LIST_OPEN_STRATEGY: TStrategyOpen;
+export declare const FOXY_NESTED_KEY: InjectionKey<TNestedProvide>;
+export declare const EMPTY_NESTED: TNestedProvide;

package/dist/src/consts/Commons/nested.const.js

@@ -0,0 +1,65 @@
+import { ref, shallowRef } from "vue";
+export const SINGLE_OPEN_STRATEGY = {
+  open: ({ id, value, opened, parents }) => {
+    if (value) {
+      const newOpened = /* @__PURE__ */ new Set();
+      newOpened.add(id);
+      let parent = parents.get(id);
+      while (parent != null) {
+        newOpened.add(parent);
+        parent = parents.get(parent);
+      }
+      return newOpened;
+    } else {
+      opened.delete(id);
+      return opened;
+    }
+  },
+  select: () => null
+};
+export const MULTIPLE_OPEN_STRATEGY = {
+  open: ({ id, value, opened, parents }) => {
+    if (value) {
+      let parent = parents.get(id);
+      opened.add(id);
+      while (parent != null && parent !== id) {
+        opened.add(parent);
+        parent = parents.get(parent);
+      }
+      return opened;
+    } else {
+      opened.delete(id);
+    }
+    return opened;
+  },
+  select: () => null
+};
+export const LIST_OPEN_STRATEGY = {
+  open: MULTIPLE_OPEN_STRATEGY.open,
+  select: ({ id, value, opened, parents }) => {
+    if (!value) return opened;
+    const path = [];
+    let parent = parents.get(id);
+    while (parent != null) {
+      path.push(parent);
+      parent = parents.get(parent);
+    }
+    return new Set(path);
+  }
+};
+export const FOXY_NESTED_KEY = Symbol.for("foxy:nested");
+export const EMPTY_NESTED = {
+  id: shallowRef(),
+  root: {
+    register: () => null,
+    unregister: () => null,
+    parents: ref(/* @__PURE__ */ new Map()),
+    children: ref(/* @__PURE__ */ new Map()),
+    open: () => null,
+    openOnSelect: () => null,
+    select: () => null,
+    opened: ref(/* @__PURE__ */ new Set()),
+    selected: ref(/* @__PURE__ */ new Map()),
+    selectedValues: ref([])
+  }
+};

package/dist/src/consts/Commons/padding.const.cjs

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PADDING_REGEX = void 0;
+const PADDING_REGEX = exports.PADDING_REGEX = /^(?<padding>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/padding.const.d.ts

@@ -0,0 +1 @@
+export declare const PADDING_REGEX: RegExp;

package/dist/src/consts/Commons/padding.const.js

@@ -0,0 +1 @@
+export const PADDING_REGEX = /^(?<padding>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/ripple.const.cjs

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RIPPLE_OPTIONS = exports.RIPPLES = exports.KEYCODES = exports.FOXY_RIPPLE_STOP_KEY = exports.DELAY_RIPPLE = void 0;
+var _utils = require("@foxy/utils");
+const FOXY_RIPPLE_STOP_KEY = exports.FOXY_RIPPLE_STOP_KEY = Symbol("foxy:rippleStop");
+const DELAY_RIPPLE = exports.DELAY_RIPPLE = 80;
+const KEYCODES = exports.KEYCODES = Object.freeze({
+  enter: 13,
+  tab: 9,
+  delete: 46,
+  esc: 27,
+  space: 32,
+  up: 38,
+  down: 40,
+  left: 37,
+  right: 39,
+  end: 35,
+  home: 36,
+  del: 46,
+  backspace: 8,
+  insert: 45,
+  pageup: 33,
+  pagedown: 34,
+  shift: 16
+});
+const RIPPLE_OPTIONS = exports.RIPPLE_OPTIONS = {
+  class: "foxy-ripple__element",
+  center: false,
+  circle: false,
+  duration: 1e3,
+  easing: "ease-out",
+  opacity: 0.3,
+  x: 0,
+  y: 0
+};
+const RIPPLES = exports.RIPPLES = {
+  show(e, el, value = {}) {
+    if (!el?._ripple?.enabled) {
+      return;
+    }
+    const container = document.createElement("span");
+    const animation = document.createElement("span");
+    container.appendChild(animation);
+    container.className = "foxy-ripple__container";
+    if (value.class) {
+      container.className += ` ${value.class}`;
+    }
+    const {
+      radius,
+      scale,
+      x,
+      y,
+      centerX,
+      centerY
+    } = (0, _utils.calculate)(e, el, value);
+    const size = `${radius * 2}px`;
+    animation.className = "foxy-ripple__animation";
+    animation.style.width = size;
+    animation.style.height = size;
+    el.appendChild(container);
+    const computed = window.getComputedStyle(el);
+    if (computed && computed.position === "static") {
+      el.style.position = "relative";
+      el.dataset.previousPosition = "static";
+    }
+    animation.classList.add("foxy-ripple__animation--enter");
+    animation.classList.add("foxy-ripple__animation--visible");
+    (0, _utils.rippleTransform)(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
+    animation.dataset.activated = String(performance.now());
+    setTimeout(() => {
+      animation.classList.remove("foxy-ripple__animation--enter");
+      animation.classList.add("foxy-ripple__animation--in");
+      (0, _utils.rippleTransform)(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+    }, 0);
+  },
+  hide(el) {
+    if (!el?._ripple?.enabled) return;
+    const ripples = el.getElementsByClassName("foxy-ripple__animation");
+    if (ripples.length === 0) return;
+    const animation = ripples[ripples.length - 1];
+    if (animation.dataset?.isHiding) return;else animation.dataset.isHiding = "true";
+    const diff = performance.now() - Number(animation.dataset.activated);
+    const delay = Math.max(250 - diff, 0);
+    setTimeout(() => {
+      animation.classList.remove("foxy-ripple__animation--in");
+      animation.classList.add("foxy-ripple__animation--out");
+      setTimeout(() => {
+        const ripples2 = el.getElementsByClassName("foxy-ripple__animation");
+        if (ripples2.length === 1 && el.dataset.previousPosition) {
+          el.style.position = el.dataset.previousPosition;
+          delete el.dataset.previousPosition;
+        }
+        if (animation.parentNode?.parentNode === el) el.removeChild(animation.parentNode);
+      }, 300);
+    }, delay);
+  }
+};

package/dist/src/consts/Commons/ripple.const.d.ts

@@ -0,0 +1,37 @@
+import type { IRippleHtmlElement, IRippleOptions } from '@foxy/interfaces';
+import type { TRippleEvent } from '@foxy/types';
+export declare const FOXY_RIPPLE_STOP_KEY: unique symbol;
+export declare const DELAY_RIPPLE = 80;
+export declare const KEYCODES: Readonly<{
+    enter: 13;
+    tab: 9;
+    delete: 46;
+    esc: 27;
+    space: 32;
+    up: 38;
+    down: 40;
+    left: 37;
+    right: 39;
+    end: 35;
+    home: 36;
+    del: 46;
+    backspace: 8;
+    insert: 45;
+    pageup: 33;
+    pagedown: 34;
+    shift: 16;
+}>;
+export declare const RIPPLE_OPTIONS: {
+    readonly class: "foxy-ripple__element";
+    readonly center: false;
+    readonly circle: false;
+    readonly duration: 1000;
+    readonly easing: "ease-out";
+    readonly opacity: 0.3;
+    readonly x: 0;
+    readonly y: 0;
+};
+export declare const RIPPLES: {
+    show(e: TRippleEvent, el: IRippleHtmlElement, value?: IRippleOptions): void;
+    hide(el: IRippleHtmlElement | null): void;
+};

package/dist/src/consts/Commons/ripple.const.js

@@ -0,0 +1,88 @@
+import { calculate, rippleTransform } from "@foxy/utils";
+export const FOXY_RIPPLE_STOP_KEY = Symbol("foxy:rippleStop");
+export const DELAY_RIPPLE = 80;
+export const KEYCODES = Object.freeze({
+  enter: 13,
+  tab: 9,
+  delete: 46,
+  esc: 27,
+  space: 32,
+  up: 38,
+  down: 40,
+  left: 37,
+  right: 39,
+  end: 35,
+  home: 36,
+  del: 46,
+  backspace: 8,
+  insert: 45,
+  pageup: 33,
+  pagedown: 34,
+  shift: 16
+});
+export const RIPPLE_OPTIONS = {
+  class: "foxy-ripple__element",
+  center: false,
+  circle: false,
+  duration: 1e3,
+  easing: "ease-out",
+  opacity: 0.3,
+  x: 0,
+  y: 0
+};
+export const RIPPLES = {
+  show(e, el, value = {}) {
+    if (!el?._ripple?.enabled) {
+      return;
+    }
+    const container = document.createElement("span");
+    const animation = document.createElement("span");
+    container.appendChild(animation);
+    container.className = "foxy-ripple__container";
+    if (value.class) {
+      container.className += ` ${value.class}`;
+    }
+    const { radius, scale, x, y, centerX, centerY } = calculate(e, el, value);
+    const size = `${radius * 2}px`;
+    animation.className = "foxy-ripple__animation";
+    animation.style.width = size;
+    animation.style.height = size;
+    el.appendChild(container);
+    const computed = window.getComputedStyle(el);
+    if (computed && computed.position === "static") {
+      el.style.position = "relative";
+      el.dataset.previousPosition = "static";
+    }
+    animation.classList.add("foxy-ripple__animation--enter");
+    animation.classList.add("foxy-ripple__animation--visible");
+    rippleTransform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
+    animation.dataset.activated = String(performance.now());
+    setTimeout(() => {
+      animation.classList.remove("foxy-ripple__animation--enter");
+      animation.classList.add("foxy-ripple__animation--in");
+      rippleTransform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+    }, 0);
+  },
+  hide(el) {
+    if (!el?._ripple?.enabled) return;
+    const ripples = el.getElementsByClassName("foxy-ripple__animation");
+    if (ripples.length === 0) return;
+    const animation = ripples[ripples.length - 1];
+    if (animation.dataset?.isHiding) return;
+    else animation.dataset.isHiding = "true";
+    const diff = performance.now() - Number(animation.dataset.activated);
+    const delay = Math.max(250 - diff, 0);
+    setTimeout(() => {
+      animation.classList.remove("foxy-ripple__animation--in");
+      animation.classList.add("foxy-ripple__animation--out");
+      setTimeout(() => {
+        const ripples2 = el.getElementsByClassName("foxy-ripple__animation");
+        if (ripples2.length === 1 && el.dataset.previousPosition) {
+          el.style.position = el.dataset.previousPosition;
+          delete el.dataset.previousPosition;
+        }
+        if (animation.parentNode?.parentNode === el) el.removeChild(animation.parentNode);
+      }, 300);
+    }, delay);
+  }
+};

package/dist/src/consts/Commons/rounded.const.cjs

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BORDER_RADIUS_REGEX = void 0;
+const BORDER_RADIUS_REGEX = exports.BORDER_RADIUS_REGEX = /^(?<radius>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/rounded.const.d.ts

@@ -0,0 +1 @@
+export declare const BORDER_RADIUS_REGEX: RegExp;

package/dist/src/consts/Commons/rounded.const.js

@@ -0,0 +1 @@
+export const BORDER_RADIUS_REGEX = /^(?<radius>(?: ?(?:[0-9]+)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr)){0,4})$/;

package/dist/src/consts/Commons/scroll.const.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCROLL_STRATEGIES = void 0;
+var _utils = require("@foxy/utils");
+const SCROLL_STRATEGIES = exports.SCROLL_STRATEGIES = {
+  none: null,
+  close: _utils.closeScrollStrategy,
+  block: _utils.blockScrollStrategy,
+  reposition: _utils.repositionScrollStrategy
+};

package/dist/src/consts/Commons/scroll.const.d.ts

@@ -0,0 +1,6 @@
+export declare const SCROLL_STRATEGIES: {
+    none: null;
+    close: any;
+    block: any;
+    reposition: any;
+};

package/dist/src/consts/Commons/scroll.const.js

@@ -0,0 +1,7 @@
+import { blockScrollStrategy, closeScrollStrategy, repositionScrollStrategy } from "@foxy/utils";
+export const SCROLL_STRATEGIES = {
+  none: null,
+  close: closeScrollStrategy,
+  block: blockScrollStrategy,
+  reposition: repositionScrollStrategy
+};

package/dist/src/consts/Commons/size.const.cjs

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZES_ARRAY = void 0;
+var _enums = require("@foxy/enums");
+const SIZES_ARRAY = exports.SIZES_ARRAY = [_enums.SIZES.X_SMALL, _enums.SIZES.SMALL, _enums.SIZES.DEFAULT, _enums.SIZES.LARGE, _enums.SIZES.X_LARGE];

package/dist/src/consts/Commons/size.const.d.ts

@@ -0,0 +1,2 @@
+import type { TSize } from '@foxy/types';
+export declare const SIZES_ARRAY: Array<TSize>;

package/dist/src/consts/Commons/size.const.js

@@ -0,0 +1,8 @@
+import { SIZES } from "@foxy/enums";
+export const SIZES_ARRAY = [
+  SIZES.X_SMALL,
+  SIZES.SMALL,
+  SIZES.DEFAULT,
+  SIZES.LARGE,
+  SIZES.X_LARGE
+];