@studiometa/ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/atoms/Action/Action.cjs

@@ -1,115 +0,0 @@
-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);
-
-// packages/ui/atoms/Action/Action.ts
-var Action_exports = {};
-__export(Action_exports, {
-  Action: () => Action
-});
-module.exports = __toCommonJS(Action_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var TARGET_REGEX = /([a-zA-Z]+)(\((.*)\))?/;
-var effectCache = /* @__PURE__ */ new Map();
-var Action = class extends import_js_toolkit.Base {
-  static config = {
-    name: "Action",
-    options: {
-      on: {
-        type: String,
-        default: "click"
-      },
-      target: String,
-      selector: String,
-      effect: String
-    }
-  };
-  get event() {
-    const [event] = this.$options.on.split(".", 1);
-    return event;
-  }
-  get modifiers() {
-    return this.$options.on.split(".").slice(1);
-  }
-  get effect() {
-    const { effect } = this.$options;
-    if (!effectCache.has(effect)) {
-      effectCache.set(effect, new Function("ctx", "event", "target", `return ${effect}`));
-    }
-    return effectCache.get(effect);
-  }
-  get targets() {
-    const { target } = this.$options;
-    const parts = target.split(" ").map((part) => {
-      const [, name, , selector] = part.match(TARGET_REGEX) ?? [];
-      return [name, selector];
-    });
-    const targets = [];
-    for (const instance of (0, import_js_toolkit.getInstances)()) {
-      const { name } = instance.__config;
-      for (const part of parts) {
-        const shouldPush = part[0] === name && (!part[1] || part[1] && instance.$el.matches(part[1]));
-        if (shouldPush) {
-          targets.push({ [instance.$options.name]: instance });
-        }
-      }
-    }
-    return targets;
-  }
-  /**
-   * Run method on targeted components
-   */
-  handleEvent(event) {
-    const { targets, effect, modifiers } = this;
-    if (modifiers.includes("prevent")) {
-      event.preventDefault();
-    }
-    if (modifiers.includes("stop")) {
-      event.stopPropagation();
-    }
-    for (const target of targets) {
-      try {
-        const [name, currentTarget] = Object.entries(target).flat();
-        const value = effect(target, event, currentTarget);
-        if (typeof value === "function") {
-          value(target, event, currentTarget);
-        }
-      } catch (err) {
-        this.$warn(err);
-      }
-    }
-  }
-  /**
-   * Mounted
-   */
-  mounted() {
-    const { event, modifiers } = this;
-    this.$el.addEventListener(event, this, {
-      capture: modifiers.includes("capture"),
-      once: modifiers.includes("once"),
-      passive: modifiers.includes("passive")
-    });
-  }
-  /**
-   * Destroyed
-   */
-  destroyed() {
-    this.$el.removeEventListener(this.$options.on, this);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Action.cjs.map

package/atoms/Action/Action.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/Action.ts"],
-  "sourcesContent": ["import { Base, getInstances } from '@studiometa/js-toolkit';\nimport { isFunction } from '@studiometa/js-toolkit/utils';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\nexport interface ActionProps extends BaseProps {\n  $options: {\n    on: string;\n    target: string;\n    selector: string;\n    effect: string;\n  };\n}\n\n/**\n * Extract component name and an optional additional selector from a string.\n * @type {RegExp}\n */\nconst TARGET_REGEX = /([a-zA-Z]+)(\\((.*)\\))?/;\n\nconst effectCache = new Map<string, Function>();\n\n/**\n * Action class.\n */\nexport class Action<T extends BaseProps = BaseProps> extends Base<ActionProps & T> {\n  static config: BaseConfig = {\n    name: 'Action',\n    options: {\n      on: {\n        type: String,\n        default: 'click',\n      },\n      target: String,\n      selector: String,\n      effect: String,\n    },\n  };\n\n  get event() {\n    const [event] = this.$options.on.split('.', 1);\n    return event;\n  }\n\n  get modifiers() {\n    return this.$options.on.split('.').slice(1);\n  }\n\n  get effect() {\n    const { effect } = this.$options;\n    if (!effectCache.has(effect)) {\n      effectCache.set(effect, new Function('ctx', 'event', 'target', `return ${effect}`));\n    }\n    return effectCache.get(effect);\n  }\n\n  get targets() {\n    const { target } = this.$options;\n    const parts = target.split(' ').map((part) => {\n      const [, name, , selector] = part.match(TARGET_REGEX) ?? [];\n      return [name, selector];\n    });\n\n    const targets = [] as Array<Record<string, Base>>;\n\n    for (const instance of getInstances()) {\n      const { name } = instance.__config;\n\n      for (const part of parts) {\n        const shouldPush =\n          part[0] === name && (!part[1] || (part[1] && instance.$el.matches(part[1])));\n        if (shouldPush) {\n          targets.push({ [instance.$options.name]: instance });\n        }\n      }\n    }\n\n    return targets;\n  }\n\n  /**\n   * Run method on targeted components\n   */\n  handleEvent(event: Event) {\n    const { targets, effect, modifiers } = this;\n\n    if (modifiers.includes('prevent')) {\n      event.preventDefault();\n    }\n\n    if (modifiers.includes('stop')) {\n      event.stopPropagation();\n    }\n\n    for (const target of targets) {\n      try {\n        const [name, currentTarget] = Object.entries(target).flat();\n        const value = effect(target, event, currentTarget);\n        if (typeof value === 'function') {\n          value(target, event, currentTarget);\n        }\n      } catch (err) {\n        this.$warn(err);\n      }\n    }\n  }\n\n  /**\n   * Mounted\n   */\n  mounted() {\n    const { event, modifiers } = this;\n\n    this.$el.addEventListener(event, this, {\n      capture: modifiers.includes('capture'),\n      once: modifiers.includes('once'),\n      passive: modifiers.includes('passive'),\n    });\n  }\n\n  /**\n   * Destroyed\n   */\n  destroyed() {\n    this.$el.removeEventListener(this.$options.on, this);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAmC;AAiBnC,IAAM,eAAe;AAErB,IAAM,cAAc,oBAAI,IAAsB;AAKvC,IAAM,SAAN,cAAsD,uBAAsB;AAAA,EACjF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,IAAI,QAAQ;AACV,UAAM,CAAC,KAAK,IAAI,KAAK,SAAS,GAAG,MAAM,KAAK,CAAC;AAC7C,WAAO;AAAA,EACT;AAAA,EAEA,IAAI,YAAY;AACd,WAAO,KAAK,SAAS,GAAG,MAAM,GAAG,EAAE,MAAM,CAAC;AAAA,EAC5C;AAAA,EAEA,IAAI,SAAS;AACX,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,QAAI,CAAC,YAAY,IAAI,MAAM,GAAG;AAC5B,kBAAY,IAAI,QAAQ,IAAI,SAAS,OAAO,SAAS,UAAU,UAAU,MAAM,EAAE,CAAC;AAAA,IACpF;AACA,WAAO,YAAY,IAAI,MAAM;AAAA,EAC/B;AAAA,EAEA,IAAI,UAAU;AACZ,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,UAAM,QAAQ,OAAO,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS;AAC5C,YAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,IAAI,KAAK,MAAM,YAAY,KAAK,CAAC;AAC1D,aAAO,CAAC,MAAM,QAAQ;AAAA,IACxB,CAAC;AAED,UAAM,UAAU,CAAC;AAEjB,eAAW,gBAAY,gCAAa,GAAG;AACrC,YAAM,EAAE,KAAK,IAAI,SAAS;AAE1B,iBAAW,QAAQ,OAAO;AACxB,cAAM,aACJ,KAAK,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,KAAM,KAAK,CAAC,KAAK,SAAS,IAAI,QAAQ,KAAK,CAAC,CAAC;AAC3E,YAAI,YAAY;AACd,kBAAQ,KAAK,EAAE,CAAC,SAAS,SAAS,IAAI,GAAG,SAAS,CAAC;AAAA,QACrD;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY,OAAc;AACxB,UAAM,EAAE,SAAS,QAAQ,UAAU,IAAI;AAEvC,QAAI,UAAU,SAAS,SAAS,GAAG;AACjC,YAAM,eAAe;AAAA,IACvB;AAEA,QAAI,UAAU,SAAS,MAAM,GAAG;AAC9B,YAAM,gBAAgB;AAAA,IACxB;AAEA,eAAW,UAAU,SAAS;AAC5B,UAAI;AACF,cAAM,CAAC,MAAM,aAAa,IAAI,OAAO,QAAQ,MAAM,EAAE,KAAK;AAC1D,cAAM,QAAQ,OAAO,QAAQ,OAAO,aAAa;AACjD,YAAI,OAAO,UAAU,YAAY;AAC/B,gBAAM,QAAQ,OAAO,aAAa;AAAA,QACpC;AAAA,MACF,SAAS,KAAK;AACZ,aAAK,MAAM,GAAG;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,UAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SAAK,IAAI,iBAAiB,OAAO,MAAM;AAAA,MACrC,SAAS,UAAU,SAAS,SAAS;AAAA,MACrC,MAAM,UAAU,SAAS,MAAM;AAAA,MAC/B,SAAS,UAAU,SAAS,SAAS;AAAA,IACvC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,SAAK,IAAI,oBAAoB,KAAK,SAAS,IAAI,IAAI;AAAA,EACrD;AACF;",
-  "names": []
-}

package/atoms/Action/Target.cjs

@@ -1,35 +0,0 @@
-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);
-
-// packages/ui/atoms/Action/Target.ts
-var Target_exports = {};
-__export(Target_exports, {
-  Target: () => Target
-});
-module.exports = __toCommonJS(Target_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var Target = class extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "Target"
-  };
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Target.cjs.map

package/atoms/Action/Target.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/Target.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\n\nexport interface TargetProps extends BaseProps {}\n\n/**\n * Target class.\n */\nexport class Target extends Base<TargetProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'Target',\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAQd,IAAM,SAAN,cAAqB,uBAAkB;AAAA;AAAA;AAAA;AAAA,EAI5C,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AACF;",
-  "names": []
-}

package/atoms/Action/index.cjs

@@ -1,22 +0,0 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/Action/index.ts
-var Action_exports = {};
-module.exports = __toCommonJS(Action_exports);
-__reExport(Action_exports, require("./Action.cjs"), module.exports);
-__reExport(Action_exports, require("./Target.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/Action/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/index.ts"],
-  "sourcesContent": ["export * from './Action.js';\nexport * from './Target.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,yBAAd;AACA,2BAAc,yBADd;",
-  "names": []
-}

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs

@@ -1,52 +0,0 @@
-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);
-
-// packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts
-var AnchorScrollTo_exports = {};
-__export(AnchorScrollTo_exports, {
-  AnchorScrollTo: () => AnchorScrollTo
-});
-module.exports = __toCommonJS(AnchorScrollTo_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var AnchorScrollTo = class extends import_js_toolkit.Base {
-  static config = {
-    name: "AnchorScrollTo"
-  };
-  /**
-   * Get the target selector.
-   * @returns {string}
-   */
-  get targetSelector() {
-    return this.$el.hash;
-  }
-  /**
-   * Scroll to the target selector on click.
-   * @param   {MouseEvent} event
-   * @returns {void}
-   */
-  onClick(event) {
-    try {
-      (0, import_utils.scrollTo)(this.targetSelector);
-      event.preventDefault();
-    } catch {
-    }
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=AnchorScrollTo.cjs.map

package/atoms/AnchorScrollTo/AnchorScrollTo.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { scrollTo } from '@studiometa/js-toolkit/utils';\n\nexport interface AnchorScrollToProps extends BaseProps {\n  $el: HTMLAnchorElement;\n}\n\n/**\n * AncorScrollTo class.\n */\nexport class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<AnchorScrollToProps & T> {\n  static config: BaseConfig = {\n    name: 'AnchorScrollTo',\n  };\n\n  /**\n   * Get the target selector.\n   * @returns {string}\n   */\n  get targetSelector() {\n    return this.$el.hash;\n  }\n\n  /**\n   * Scroll to the target selector on click.\n   * @param   {MouseEvent} event\n   * @returns {void}\n   */\n  onClick(event) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,mBAAyB;AASlB,IAAM,iBAAN,cAA8D,uBAA8B;AAAA,EACjG,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,iBAAiB;AACnB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,QAAQ,OAAO;AACb,QAAI;AACF,iCAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAQ;AAAA,IAER;AAAA,EACF;AACF;",
-  "names": []
-}

package/atoms/AnchorScrollTo/index.cjs

@@ -1,21 +0,0 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/AnchorScrollTo/index.ts
-var AnchorScrollTo_exports = {};
-module.exports = __toCommonJS(AnchorScrollTo_exports);
-__reExport(AnchorScrollTo_exports, require("./AnchorScrollTo.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/AnchorScrollTo/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/index.ts"],
-  "sourcesContent": ["export * from './AnchorScrollTo.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mCAAc,iCAAd;",
-  "names": []
-}

package/atoms/CircularMarquee/CircularMarquee.cjs

@@ -1,69 +0,0 @@
-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);
-
-// packages/ui/atoms/CircularMarquee/CircularMarquee.ts
-var CircularMarquee_exports = {};
-__export(CircularMarquee_exports, {
-  CircularMarquee: () => CircularMarquee
-});
-module.exports = __toCommonJS(CircularMarquee_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var CircularMarquee = class extends import_js_toolkit.Base {
-  /**
-   * CircularMarquee Configuration
-   */
-  static config = {
-    name: "CircularMarquee",
-    options: {
-      sensitivity: {
-        type: Number,
-        default: 0.1
-      }
-    }
-  };
-  /**
-   * Rotate value.
-   * @type {number}
-   */
-  rotate = 0;
-  /**
-   * Scroll delta Y.
-   * @type {number}
-   */
-  deltaY = 0;
-  /**
-   * Transform values.
-   * @type {object}
-   */
-  transform = {
-    rotate: 0
-  };
-  scrolled(props) {
-    this.deltaY = props.delta.y;
-  }
-  ticked() {
-    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;
-    this.transform.rotate = (0, import_utils.damp)(this.rotate, this.transform.rotate, 0.25);
-    return () => {
-      (0, import_utils.transform)(this.$el, this.transform);
-    };
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=CircularMarquee.cjs.map

package/atoms/CircularMarquee/CircularMarquee.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/CircularMarquee/CircularMarquee.ts"],
-  "sourcesContent": ["import { Base, BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, transform } from '@studiometa/js-toolkit/utils';\n\nexport interface CircularMarqueeProps extends BaseProps {\n  $options: {\n    sensitivity: number;\n  };\n}\n\n/**\n * CircularMarquee component\n */\nexport class CircularMarquee extends Base<CircularMarqueeProps> {\n  /**\n   * CircularMarquee Configuration\n   */\n  static config: BaseConfig = {\n    name: 'CircularMarquee',\n    options: {\n      sensitivity: {\n        type: Number,\n        default: 0.1,\n      },\n    },\n  };\n\n  /**\n   * Rotate value.\n   * @type {number}\n   */\n  rotate = 0;\n\n  /**\n   * Scroll delta Y.\n   * @type {number}\n   */\n  deltaY = 0;\n\n  /**\n   * Transform values.\n   * @type {object}\n   */\n  transform = {\n    rotate: 0,\n  };\n\n  scrolled(props) {\n    this.deltaY = props.delta.y;\n  }\n\n  ticked() {\n    this.rotate -= (Math.abs(this.deltaY) + 1) * this.$options.sensitivity;\n\n    this.transform.rotate = damp(this.rotate, this.transform.rotate, 0.25);\n\n    return () => {\n      transform(this.$el, this.transform);\n    };\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4C;AAC5C,mBAAgC;AAWzB,IAAM,kBAAN,cAA8B,uBAA2B;AAAA;AAAA;AAAA;AAAA,EAI9D,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,aAAa;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EAEA,SAAS,OAAO;AACd,SAAK,SAAS,MAAM,MAAM;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,SAAK,WAAW,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;AAE3D,SAAK,UAAU,aAAS,mBAAK,KAAK,QAAQ,KAAK,UAAU,QAAQ,IAAI;AAErE,WAAO,MAAM;AACX,kCAAU,KAAK,KAAK,KAAK,SAAS;AAAA,IACpC;AAAA,EACF;AACF;",
-  "names": []
-}

package/atoms/CircularMarquee/index.cjs

@@ -1,21 +0,0 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/CircularMarquee/index.ts
-var CircularMarquee_exports = {};
-module.exports = __toCommonJS(CircularMarquee_exports);
-__reExport(CircularMarquee_exports, require("./CircularMarquee.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/CircularMarquee/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/CircularMarquee/index.ts"],
-  "sourcesContent": ["export * from './CircularMarquee.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAc,kCAAd;",
-  "names": []
-}

package/atoms/Cursor/Cursor.cjs

@@ -1,137 +0,0 @@
-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);
-
-// packages/ui/atoms/Cursor/Cursor.ts
-var Cursor_exports = {};
-__export(Cursor_exports, {
-  Cursor: () => Cursor
-});
-module.exports = __toCommonJS(Cursor_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var Cursor = class extends import_js_toolkit.Base {
-  static config = {
-    name: "Cursor",
-    options: {
-      growSelectors: {
-        type: String,
-        default: "a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *"
-      },
-      shrinkSelectors: {
-        type: String,
-        default: "[data-cursor-shrink], [data-cursor-shrink] *"
-      },
-      scale: {
-        type: Number,
-        default: 1
-      },
-      growTo: {
-        type: Number,
-        default: 2
-      },
-      shrinkTo: {
-        type: Number,
-        default: 0.5
-      },
-      translateDampFactor: {
-        type: Number,
-        default: 0.25
-      },
-      growDampFactor: {
-        type: Number,
-        default: 0.25
-      },
-      shrinkDampFactor: {
-        type: Number,
-        default: 0.25
-      }
-    }
-  };
-  x = 0;
-  y = 0;
-  scale = 0;
-  pointerX = 0;
-  pointerY = 0;
-  pointerScale = 0;
-  /**
-   * Mounted hook.
-   */
-  mounted() {
-    this.x = 0;
-    this.y = 0;
-    this.scale = 0;
-    this.pointerX = 0;
-    this.pointerY = 0;
-    this.pointerScale = 0;
-    this.render({ x: this.x, y: this.y, scale: this.scale });
-  }
-  /**
-   * Moved hook.
-   */
-  moved({ event, x, y, isDown }) {
-    if (!this.$services.has("ticked")) {
-      this.$services.enable("ticked");
-    }
-    this.pointerX = x;
-    this.pointerY = y;
-    let { scale } = this.$options;
-    if (!event) {
-      this.pointerScale = scale;
-      return;
-    }
-    const shouldGrow = event.target instanceof Element && event.target.matches(this.$options.growSelectors) || false;
-    const shouldReduce = isDown || event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors) || false;
-    if (shouldGrow) {
-      scale = this.$options.growTo;
-    }
-    if (shouldReduce) {
-      scale = this.$options.shrinkTo;
-    }
-    this.pointerScale = scale;
-  }
-  /**
-   * RequestAnimationFrame hook.
-   */
-  ticked() {
-    this.x = (0, import_utils.damp)(this.pointerX, this.x, this.$options.translateDampFactor);
-    this.y = (0, import_utils.damp)(this.pointerY, this.y, this.$options.translateDampFactor);
-    this.scale = (0, import_utils.damp)(
-      this.pointerScale,
-      this.scale,
-      this.pointerScale < this.scale ? this.$options.shrinkDampFactor : this.$options.growDampFactor
-    );
-    this.render({ x: this.x, y: this.y, scale: this.scale });
-    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {
-      this.$services.disable("ticked");
-    }
-  }
-  /**
-   * Render the cursor.
-   */
-  render({ x, y, scale }) {
-    const transform = (0, import_utils.matrix)({
-      translateX: x,
-      translateY: y,
-      scaleX: scale,
-      scaleY: scale
-    });
-    this.$el.style.transform = `translateZ(0) ${transform}`;
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Cursor.cjs.map

package/atoms/Cursor/Cursor.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, PointerServiceProps, BaseProps } from '@studiometa/js-toolkit';\nimport { damp, matrix } from '@studiometa/js-toolkit/utils';\n\nexport interface CursorProps extends BaseProps {\n  $options: {\n    growSelectors: string;\n    shrinkSelectors: string;\n    scale: number;\n    growTo: number;\n    shrinkTo: number;\n    translateDampFactor: number;\n    growDampFactor: number;\n    shrinkDampFactor: number;\n  };\n}\n\n/**\n * Cursor class.\n */\nexport class Cursor<T extends BaseProps = BaseProps> extends Base<CursorProps & T> {\n  static config: BaseConfig = {\n    name: 'Cursor',\n    options: {\n      growSelectors: {\n        type: String,\n        default: 'a, a *, button, button *, [data-cursor-grow], [data-cursor-grow] *',\n      },\n      shrinkSelectors: {\n        type: String,\n        default: '[data-cursor-shrink], [data-cursor-shrink] *',\n      },\n      scale: {\n        type: Number,\n        default: 1,\n      },\n      growTo: {\n        type: Number,\n        default: 2,\n      },\n      shrinkTo: {\n        type: Number,\n        default: 0.5,\n      },\n      translateDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      growDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n      shrinkDampFactor: {\n        type: Number,\n        default: 0.25,\n      },\n    },\n  };\n\n  x = 0;\n\n  y = 0;\n\n  scale = 0;\n\n  pointerX = 0;\n\n  pointerY = 0;\n\n  pointerScale = 0;\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    this.x = 0;\n    this.y = 0;\n    this.scale = 0;\n    this.pointerX = 0;\n    this.pointerY = 0;\n    this.pointerScale = 0;\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n  }\n\n  /**\n   * Moved hook.\n   */\n  moved({ event, x, y, isDown }: PointerServiceProps) {\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n\n    this.pointerX = x;\n    this.pointerY = y;\n\n    let { scale } = this.$options;\n\n    if (!event) {\n      this.pointerScale = scale;\n      return;\n    }\n\n    const shouldGrow =\n      (event.target instanceof Element && event.target.matches(this.$options.growSelectors)) ||\n      false;\n    const shouldReduce =\n      isDown ||\n      (event.target instanceof Element && event.target.matches(this.$options.shrinkSelectors)) ||\n      false;\n\n    if (shouldGrow) {\n      scale = this.$options.growTo;\n    }\n\n    if (shouldReduce) {\n      scale = this.$options.shrinkTo;\n    }\n\n    this.pointerScale = scale;\n  }\n\n  /**\n   * RequestAnimationFrame hook.\n   */\n  ticked() {\n    this.x = damp(this.pointerX, this.x, this.$options.translateDampFactor);\n    this.y = damp(this.pointerY, this.y, this.$options.translateDampFactor);\n    this.scale = damp(\n      this.pointerScale,\n      this.scale,\n      this.pointerScale < this.scale\n        ? this.$options.shrinkDampFactor\n        : this.$options.growDampFactor,\n    );\n\n    this.render({ x: this.x, y: this.y, scale: this.scale });\n\n    if (this.x === this.pointerX && this.y === this.pointerY && this.scale === this.pointerScale) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Render the cursor.\n   */\n  render({ x, y, scale }: { x: number; y: number; scale: number }) {\n    const transform = matrix({\n      translateX: x,\n      translateY: y,\n      scaleX: scale,\n      scaleY: scale,\n    });\n    this.$el.style.transform = `translateZ(0) ${transform}`;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/atoms/Cursor/index.cjs

@@ -1,21 +0,0 @@
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/ui/atoms/Cursor/index.ts
-var Cursor_exports = {};
-module.exports = __toCommonJS(Cursor_exports);
-__reExport(Cursor_exports, require("./Cursor.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/Cursor/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Cursor/index.ts"],
-  "sourcesContent": ["export * from './Cursor.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,yBAAd;",
-  "names": []
-}