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

package/atoms/Data/DataBind.cjs

@@ -1,124 +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/Data/DataBind.ts
-var DataBind_exports = {};
-__export(DataBind_exports, {
-  DataBind: () => DataBind
-});
-module.exports = __toCommonJS(DataBind_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_utils2 = require("./utils.cjs");
-var instances = /* @__PURE__ */ new Map();
-var DataBind = class extends import_js_toolkit.Base {
-  static config = {
-    name: "DataBind",
-    options: {
-      prop: String,
-      name: String
-    }
-  };
-  get relatedInstances() {
-    const { name } = this.$options;
-    if (!instances.has(name)) {
-      instances.set(name, /* @__PURE__ */ new Set());
-    }
-    return instances.get(name);
-  }
-  get multiple() {
-    return this.$options.name.endsWith("[]");
-  }
-  get target() {
-    return this.$el;
-  }
-  get prop() {
-    if (this.$options.prop) {
-      return this.$options.prop;
-    }
-    const { target } = this;
-    if (target instanceof HTMLInputElement) {
-      return "value";
-    }
-    return "textContent";
-  }
-  get value() {
-    return this.get();
-  }
-  set value(value) {
-    this.set(value);
-  }
-  get() {
-    const { target, multiple } = this;
-    if ((0, import_utils2.isSelect)(target)) {
-      if (multiple) {
-        const values = [];
-        for (const option2 of target.options) {
-          if (option2.selected) {
-            values.push(option2.value);
-          }
-        }
-        return values;
-      }
-      const option = target.options.item(target.selectedIndex);
-      return option.value;
-    }
-    if ((0, import_utils2.isCheckbox)(target)) {
-      if (multiple) {
-        const values = /* @__PURE__ */ new Set();
-        for (const instance of this.relatedInstances) {
-          if ((0, import_utils2.isCheckbox)(instance.target) && instance.target.checked) {
-            values.add(instance.target.value);
-          }
-        }
-        return Array.from(values);
-      } else {
-        return target.checked;
-      }
-    }
-    return target[this.prop];
-  }
-  set(value) {
-    const { target, multiple } = this;
-    if ((0, import_utils2.isSelect)(target)) {
-      for (const option of target.options) {
-        option.selected = multiple && (0, import_utils.isArray)(value) ? value.includes(option.value) : option.value === value;
-      }
-      return;
-    }
-    if ((0, import_utils2.isInput)(target)) {
-      switch (target.type) {
-        case "radio":
-          target.checked = target.value === value;
-          return;
-        case "checkbox":
-          target.checked = multiple && (0, import_utils.isArray)(value) ? value.includes(target.value) : Boolean(value);
-          return;
-      }
-    }
-    target[this.prop] = value;
-  }
-  mounted() {
-    this.relatedInstances.add(this);
-  }
-  destroyed() {
-    this.relatedInstances.delete(this);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=DataBind.cjs.map

package/atoms/Data/DataBind.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataBind.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { isArray } from '@studiometa/js-toolkit/utils';\nimport { isInput, isCheckbox, isSelect } from './utils.js';\n\nconst instances = new Map<string, Set<DataBind>>();\n\nexport interface DataBindProps extends BaseProps {\n  $options: {\n    prop: string;\n    name: string;\n  };\n}\n\nexport class DataBind<T extends BaseProps = BaseProps> extends Base<DataBindProps & T> {\n  static config: BaseConfig = {\n    name: 'DataBind',\n    options: {\n      prop: String,\n      name: String,\n    },\n  };\n\n  get relatedInstances() {\n    const { name } = this.$options;\n\n    if (!instances.has(name)) {\n      instances.set(name, new Set());\n    }\n\n    return instances.get(name);\n  }\n\n  get multiple() {\n    return this.$options.name.endsWith('[]');\n  }\n\n  get target() {\n    return this.$el;\n  }\n\n  get prop() {\n    if (this.$options.prop) {\n      return this.$options.prop;\n    }\n\n    const { target } = this;\n    if (target instanceof HTMLInputElement) {\n      return 'value';\n    }\n\n    return 'textContent';\n  }\n\n  get value() {\n    return this.get();\n  }\n\n  set value(value) {\n    this.set(value);\n  }\n\n  get() {\n    const { target, multiple } = this;\n\n    if (isSelect(target)) {\n      if (multiple) {\n        const values = [];\n        for (const option of target.options) {\n          if (option.selected) {\n            values.push(option.value);\n          }\n        }\n\n        return values;\n      }\n\n      const option = target.options.item(target.selectedIndex);\n      return option.value;\n    }\n\n    if (isCheckbox(target)) {\n      if (multiple) {\n        const values = new Set();\n        for (const instance of this.relatedInstances) {\n          if (isCheckbox(instance.target) && instance.target.checked) {\n            values.add(instance.target.value);\n          }\n        }\n        return Array.from(values);\n      } else {\n        return target.checked;\n      }\n    }\n\n    return target[this.prop];\n  }\n\n  set(value: boolean | string | string[]) {\n    const { target, multiple } = this;\n\n    if (isSelect(target)) {\n      for (const option of target.options) {\n        option.selected =\n          multiple && isArray(value) ? value.includes(option.value) : option.value === value;\n      }\n      return;\n    }\n\n    if (isInput(target)) {\n      switch (target.type) {\n        case 'radio':\n          target.checked = target.value === value;\n          return;\n        case 'checkbox':\n          target.checked =\n            multiple && isArray(value) ? value.includes(target.value) : Boolean(value);\n          return;\n      }\n    }\n\n    target[this.prop] = value;\n  }\n\n  mounted() {\n    this.relatedInstances.add(this);\n  }\n\n  destroyed() {\n    this.relatedInstances.delete(this);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAErB,mBAAwB;AACxB,IAAAA,gBAA8C;AAE9C,IAAM,YAAY,oBAAI,IAA2B;AAS1C,IAAM,WAAN,cAAwD,uBAAwB;AAAA,EACrF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,IAAI,mBAAmB;AACrB,UAAM,EAAE,KAAK,IAAI,KAAK;AAEtB,QAAI,CAAC,UAAU,IAAI,IAAI,GAAG;AACxB,gBAAU,IAAI,MAAM,oBAAI,IAAI,CAAC;AAAA,IAC/B;AAEA,WAAO,UAAU,IAAI,IAAI;AAAA,EAC3B;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,SAAS,KAAK,SAAS,IAAI;AAAA,EACzC;AAAA,EAEA,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,OAAO;AACT,QAAI,KAAK,SAAS,MAAM;AACtB,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,UAAM,EAAE,OAAO,IAAI;AACnB,QAAI,kBAAkB,kBAAkB;AACtC,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,IAAI,QAAQ;AACV,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAEA,IAAI,MAAM,OAAO;AACf,SAAK,IAAI,KAAK;AAAA,EAChB;AAAA,EAEA,MAAM;AACJ,UAAM,EAAE,QAAQ,SAAS,IAAI;AAE7B,YAAI,wBAAS,MAAM,GAAG;AACpB,UAAI,UAAU;AACZ,cAAM,SAAS,CAAC;AAChB,mBAAWC,WAAU,OAAO,SAAS;AACnC,cAAIA,QAAO,UAAU;AACnB,mBAAO,KAAKA,QAAO,KAAK;AAAA,UAC1B;AAAA,QACF;AAEA,eAAO;AAAA,MACT;AAEA,YAAM,SAAS,OAAO,QAAQ,KAAK,OAAO,aAAa;AACvD,aAAO,OAAO;AAAA,IAChB;AAEA,YAAI,0BAAW,MAAM,GAAG;AACtB,UAAI,UAAU;AACZ,cAAM,SAAS,oBAAI,IAAI;AACvB,mBAAW,YAAY,KAAK,kBAAkB;AAC5C,kBAAI,0BAAW,SAAS,MAAM,KAAK,SAAS,OAAO,SAAS;AAC1D,mBAAO,IAAI,SAAS,OAAO,KAAK;AAAA,UAClC;AAAA,QACF;AACA,eAAO,MAAM,KAAK,MAAM;AAAA,MAC1B,OAAO;AACL,eAAO,OAAO;AAAA,MAChB;AAAA,IACF;AAEA,WAAO,OAAO,KAAK,IAAI;AAAA,EACzB;AAAA,EAEA,IAAI,OAAoC;AACtC,UAAM,EAAE,QAAQ,SAAS,IAAI;AAE7B,YAAI,wBAAS,MAAM,GAAG;AACpB,iBAAW,UAAU,OAAO,SAAS;AACnC,eAAO,WACL,gBAAY,sBAAQ,KAAK,IAAI,MAAM,SAAS,OAAO,KAAK,IAAI,OAAO,UAAU;AAAA,MACjF;AACA;AAAA,IACF;AAEA,YAAI,uBAAQ,MAAM,GAAG;AACnB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK;AACH,iBAAO,UAAU,OAAO,UAAU;AAClC;AAAA,QACF,KAAK;AACH,iBAAO,UACL,gBAAY,sBAAQ,KAAK,IAAI,MAAM,SAAS,OAAO,KAAK,IAAI,QAAQ,KAAK;AAC3E;AAAA,MACJ;AAAA,IACF;AAEA,WAAO,KAAK,IAAI,IAAI;AAAA,EACtB;AAAA,EAEA,UAAU;AACR,SAAK,iBAAiB,IAAI,IAAI;AAAA,EAChC;AAAA,EAEA,YAAY;AACV,SAAK,iBAAiB,OAAO,IAAI;AAAA,EACnC;AACF;",
-  "names": ["import_utils", "option"]
-}

package/atoms/Data/DataComputed.cjs

@@ -1,49 +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/Data/DataComputed.ts
-var DataComputed_exports = {};
-__export(DataComputed_exports, {
-  DataComputed: () => DataComputed
-});
-module.exports = __toCommonJS(DataComputed_exports);
-var import_DataBind = require("./DataBind.cjs");
-var import_utils = require("./utils.cjs");
-var DataComputed = class extends import_DataBind.DataBind {
-  static config = {
-    name: "DataComputed",
-    options: {
-      compute: String
-    }
-  };
-  get compute() {
-    const { name, compute } = this.$options;
-    return (0, import_utils.getCallback)(name, `return ${compute};`);
-  }
-  set(value) {
-    let newValue = value;
-    try {
-      newValue = this.compute(value, this.target);
-    } catch (error) {
-      console.error("Failed", error);
-    }
-    super.set(newValue);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=DataComputed.cjs.map

package/atoms/Data/DataComputed.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataComputed.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { isDefined } from '@studiometa/js-toolkit/utils';\nimport { DataBind } from './DataBind.js';\nimport type { DataBindProps } from './DataBind.js';\nimport { getCallback } from './utils.js';\n\nexport interface DataComputedProps extends DataBindProps {\n  $options: {\n    compute: string;\n  } & DataBindProps['$options'];\n}\n\nconst callbacks = new Map<string, Function>();\n\nexport class DataComputed<T extends BaseProps = BaseProps> extends DataBind<DataComputedProps & T> {\n  static config: BaseConfig = {\n    name: 'DataComputed',\n    options: {\n      compute: String,\n    },\n  };\n\n  get compute() {\n    const { name, compute } = this.$options;\n    return getCallback(name, `return ${compute};`);\n  }\n\n  set(value: boolean | string | string[]) {\n    let newValue = value;\n\n    try {\n      newValue = this.compute(value, this.target);\n    } catch (error) {\n      // @todo better handling of errors?\n      console.error('Failed', error);\n    }\n\n    super.set(newValue);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAyB;AAEzB,mBAA4B;AAUrB,IAAM,eAAN,cAA4D,yBAAgC;AAAA,EACjG,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,IAAI,UAAU;AACZ,UAAM,EAAE,MAAM,QAAQ,IAAI,KAAK;AAC/B,eAAO,0BAAY,MAAM,UAAU,OAAO,GAAG;AAAA,EAC/C;AAAA,EAEA,IAAI,OAAoC;AACtC,QAAI,WAAW;AAEf,QAAI;AACF,iBAAW,KAAK,QAAQ,OAAO,KAAK,MAAM;AAAA,IAC5C,SAAS,OAAO;AAEd,cAAQ,MAAM,UAAU,KAAK;AAAA,IAC/B;AAEA,UAAM,IAAI,QAAQ;AAAA,EACpB;AACF;",
-  "names": []
-}

package/atoms/Data/DataEffect.cjs

@@ -1,47 +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/Data/DataEffect.ts
-var DataEffect_exports = {};
-__export(DataEffect_exports, {
-  DataEffect: () => DataEffect
-});
-module.exports = __toCommonJS(DataEffect_exports);
-var import_DataBind = require("./DataBind.cjs");
-var import_utils = require("./utils.cjs");
-var DataEffect = class extends import_DataBind.DataBind {
-  static config = {
-    name: "DataEffect",
-    options: {
-      effect: String
-    }
-  };
-  get effect() {
-    const { name, effect } = this.$options;
-    return (0, import_utils.getCallback)(name, effect);
-  }
-  set(value) {
-    try {
-      this.effect(value, this.target);
-    } catch (error) {
-      console.error("Failed", error);
-    }
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=DataEffect.cjs.map

package/atoms/Data/DataEffect.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataEffect.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { isDefined } from '@studiometa/js-toolkit/utils';\nimport { DataBind } from './DataBind.js';\nimport type { DataBindProps } from './DataBind.js';\nimport { getCallback } from './utils.js';\n\nexport interface DataEffectProps extends DataBindProps {\n  $options: {\n    effect: string;\n  } & DataBindProps['$options'];\n}\n\nexport class DataEffect<T extends BaseProps = BaseProps> extends DataBind<DataEffectProps & T> {\n  static config: BaseConfig = {\n    name: 'DataEffect',\n    options: {\n      effect: String,\n    },\n  };\n\n  get effect() {\n    const { name, effect } = this.$options;\n    return getCallback(name, effect);\n  }\n\n  set(value: boolean | string | string[]) {\n    try {\n      this.effect(value, this.target);\n    } catch (error) {\n      // @todo better handling of errors?\n      console.error('Failed', error);\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAyB;AAEzB,mBAA4B;AAQrB,IAAM,aAAN,cAA0D,yBAA8B;AAAA,EAC7F,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,IAAI,SAAS;AACX,UAAM,EAAE,MAAM,OAAO,IAAI,KAAK;AAC9B,eAAO,0BAAY,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,IAAI,OAAoC;AACtC,QAAI;AACF,WAAK,OAAO,OAAO,KAAK,MAAM;AAAA,IAChC,SAAS,OAAO;AAEd,cAAQ,MAAM,UAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AACF;",
-  "names": []
-}

package/atoms/Data/DataModel.cjs

@@ -1,48 +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/Data/DataModel.ts
-var DataModel_exports = {};
-__export(DataModel_exports, {
-  DataModel: () => DataModel
-});
-module.exports = __toCommonJS(DataModel_exports);
-var import_DataBind = require("./DataBind.cjs");
-var import_utils = require("./utils.cjs");
-var DataModel = class extends import_DataBind.DataBind {
-  static config = {
-    name: "DataModel"
-  };
-  dispatch() {
-    const { target, multiple } = this;
-    let value = this.get();
-    if (multiple && (0, import_utils.isCheckbox)(target) && !target.checked) {
-      const set = new Set(value);
-      set.delete(target.value);
-      value = Array.from(set);
-    }
-    for (const instance of this.relatedInstances) {
-      instance.set(value);
-    }
-  }
-  onInput() {
-    this.dispatch();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=DataModel.cjs.map

package/atoms/Data/DataModel.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataModel.ts"],
-  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { DataBind } from './DataBind.js';\nimport type { DataBindProps } from './DataBind.js';\nimport { isCheckbox } from './utils.js';\n\nexport interface DataModelProps extends DataBindProps {}\n\nexport class DataModel<T extends BaseProps = BaseProps> extends DataBind<DataModelProps & T> {\n  static config: BaseConfig = {\n    name: 'DataModel',\n  };\n\n  dispatch() {\n    const { target, multiple } = this;\n    let value = this.get();\n\n    if (multiple && isCheckbox(target) && !target.checked) {\n      const set = new Set(value);\n      set.delete(target.value);\n      value = Array.from(set);\n    }\n\n    for (const instance of this.relatedInstances) {\n      instance.set(value);\n    }\n  }\n\n  onInput() {\n    this.dispatch();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAyB;AAEzB,mBAA2B;AAIpB,IAAM,YAAN,cAAyD,yBAA6B;AAAA,EAC3F,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA,EAEA,WAAW;AACT,UAAM,EAAE,QAAQ,SAAS,IAAI;AAC7B,QAAI,QAAQ,KAAK,IAAI;AAErB,QAAI,gBAAY,yBAAW,MAAM,KAAK,CAAC,OAAO,SAAS;AACrD,YAAM,MAAM,IAAI,IAAI,KAAK;AACzB,UAAI,OAAO,OAAO,KAAK;AACvB,cAAQ,MAAM,KAAK,GAAG;AAAA,IACxB;AAEA,eAAW,YAAY,KAAK,kBAAkB;AAC5C,eAAS,IAAI,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,UAAU;AACR,SAAK,SAAS;AAAA,EAChB;AACF;",
-  "names": []
-}

package/atoms/Data/index.cjs

@@ -1,24 +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/Data/index.ts
-var Data_exports = {};
-module.exports = __toCommonJS(Data_exports);
-__reExport(Data_exports, require("./DataBind.cjs"), module.exports);
-__reExport(Data_exports, require("./DataComputed.cjs"), module.exports);
-__reExport(Data_exports, require("./DataEffect.cjs"), module.exports);
-__reExport(Data_exports, require("./DataModel.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/atoms/Data/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/index.ts"],
-  "sourcesContent": ["export * from './DataBind.js';\nexport * from './DataComputed.js';\nexport * from './DataEffect.js';\nexport * from './DataModel.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,2BAAd;AACA,yBAAc,+BADd;AAEA,yBAAc,6BAFd;AAGA,yBAAc,4BAHd;",
-  "names": []
-}

package/atoms/Data/utils.cjs

@@ -1,46 +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/Data/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getCallback: () => getCallback,
-  isCheckbox: () => isCheckbox,
-  isInput: () => isInput,
-  isSelect: () => isSelect
-});
-module.exports = __toCommonJS(utils_exports);
-function isInput(el) {
-  return el instanceof HTMLInputElement;
-}
-function isCheckbox(el) {
-  return isInput(el) && el.type === "checkbox";
-}
-function isSelect(el) {
-  return el instanceof HTMLSelectElement;
-}
-var callbacks = /* @__PURE__ */ new Map();
-function getCallback(name, code) {
-  const key = code + name;
-  if (!callbacks.has(key)) {
-    callbacks.set(key, new Function("value", "target", code));
-  }
-  return callbacks.get(key);
-}
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=utils.cjs.map

package/atoms/Data/utils.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/utils.ts"],
-  "sourcesContent": ["export function isInput(el: Element): el is HTMLInputElement {\n  return el instanceof HTMLInputElement;\n}\n\nexport function isCheckbox(el: Element): el is HTMLInputElement {\n  return isInput(el) && el.type === 'checkbox';\n}\n\nexport function isSelect(el: Element): el is HTMLSelectElement {\n  return el instanceof HTMLSelectElement;\n}\n\nconst callbacks = new Map<string, Function>();\n\nexport function getCallback(name: string, code: string): Function {\n  const key = code + name;\n\n  if (!callbacks.has(key)) {\n    callbacks.set(key, new Function('value', 'target', code));\n  }\n\n  return callbacks.get(key);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,QAAQ,IAAqC;AAC3D,SAAO,cAAc;AACvB;AAEO,SAAS,WAAW,IAAqC;AAC9D,SAAO,QAAQ,EAAE,KAAK,GAAG,SAAS;AACpC;AAEO,SAAS,SAAS,IAAsC;AAC7D,SAAO,cAAc;AACvB;AAEA,IAAM,YAAY,oBAAI,IAAsB;AAErC,SAAS,YAAY,MAAc,MAAwB;AAChE,QAAM,MAAM,OAAO;AAEnB,MAAI,CAAC,UAAU,IAAI,GAAG,GAAG;AACvB,cAAU,IAAI,KAAK,IAAI,SAAS,SAAS,UAAU,IAAI,CAAC;AAAA,EAC1D;AAEA,SAAO,UAAU,IAAI,GAAG;AAC1B;",
-  "names": []
-}

package/atoms/Figure/Figure.cjs

@@ -1,105 +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/Figure/Figure.ts
-var Figure_exports = {};
-__export(Figure_exports, {
-  Figure: () => Figure,
-  loadImage: () => loadImage
-});
-module.exports = __toCommonJS(Figure_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_primitives = require("../../primitives/index.cjs");
-function loadImage(src) {
-  return new Promise((resolve) => {
-    const img = new Image();
-    img.addEventListener("load", () => resolve(img));
-    img.src = src;
-  });
-}
-var Figure = class extends (0, import_js_toolkit.withMountWhenInView)(
-  import_primitives.Transition,
-  {
-    threshold: [0, 1]
-  }
-) {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_primitives.Transition.config,
-    name: "Figure",
-    emits: ["load"],
-    refs: ["img"],
-    options: {
-      ...import_primitives.Transition.config.options,
-      lazy: Boolean
-    }
-  };
-  /**
-   * Get the transition target.
-   */
-  get target() {
-    return this.$refs.img;
-  }
-  /**
-   * Get the image source.
-   */
-  get src() {
-    return this.$refs.img.src;
-  }
-  /**
-   * Set the image source.
-   */
-  set src(value) {
-    this.$refs.img.src = value;
-  }
-  /**
-   * Get the original source.
-   */
-  get original() {
-    return this.$refs.img.dataset.src;
-  }
-  /**
-   * Load on mount.
-   */
-  async mounted() {
-    const { img } = this.$refs;
-    if (!img) {
-      throw new Error("[Figure] The `img` ref is required.");
-    }
-    if (!(img instanceof HTMLImageElement)) {
-      throw new Error("[Figure] The `img` ref must be an `<img>` element.");
-    }
-    const src = this.original;
-    if (this.$options.lazy && src && src !== this.src) {
-      await loadImage(src);
-      this.src = src;
-      this.enter();
-      this.$emit("load");
-    }
-  }
-  /**
-   * Terminate the component on load.
-   */
-  onLoad() {
-    this.$terminate();
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Figure.cjs.map

package/atoms/Figure/Figure.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/atoms/Figure/Figure.ts"],
-  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../../primitives/index.js';\n\nexport interface FigureProps extends BaseProps {\n  $refs: {\n    img: HTMLImageElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * Load the given image.\n */\nexport function loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise((resolve) => {\n    const img = new Image();\n    img.addEventListener('load', () => resolve(img));\n    img.src = src;\n  });\n}\n\n/**\n * Figure class.\n */\nexport class Figure<T extends BaseProps = BaseProps> extends withMountWhenInView<Transition>(\n  Transition,\n  {\n    threshold: [0, 1],\n  },\n)<T & FigureProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'Figure',\n    emits: ['load'],\n    refs: ['img'],\n    options: {\n      ...Transition.config.options,\n      lazy: Boolean,\n    },\n  };\n\n  /**\n   * Get the transition target.\n   */\n  get target() {\n    return this.$refs.img;\n  }\n\n  /**\n   * Get the image source.\n   */\n  get src() {\n    return this.$refs.img.src;\n  }\n\n  /**\n   * Set the image source.\n   */\n  set src(value: string) {\n    this.$refs.img.src = value;\n  }\n\n  /**\n   * Get the original source.\n   */\n  get original() {\n    return this.$refs.img.dataset.src;\n  }\n\n  /**\n   * Load on mount.\n   */\n  async mounted() {\n    const { img } = this.$refs;\n\n    if (!img) {\n      throw new Error('[Figure] The `img` ref is required.');\n    }\n\n    if (!(img instanceof HTMLImageElement)) {\n      throw new Error('[Figure] The `img` ref must be an `<img>` element.');\n    }\n\n    const src = this.original;\n\n    if (this.$options.lazy && src && src !== this.src) {\n      await loadImage(src);\n      this.src = src;\n      this.enter();\n      this.$emit('load');\n    }\n  }\n\n  /**\n   * Terminate the component on load.\n   */\n  onLoad() {\n    this.$terminate();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAoC;AAEpC,wBAA2B;AAcpB,SAAS,UAAU,KAAwC;AAChE,SAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,UAAM,MAAM,IAAI,MAAM;AACtB,QAAI,iBAAiB,QAAQ,MAAM,QAAQ,GAAG,CAAC;AAC/C,QAAI,MAAM;AAAA,EACZ,CAAC;AACH;AAKO,IAAM,SAAN,kBAAsD;AAAA,EAC3D;AAAA,EACA;AAAA,IACE,WAAW,CAAC,GAAG,CAAC;AAAA,EAClB;AACF,EAAmB;AAAA;AAAA;AAAA;AAAA,EAIjB,OAAO,SAAqB;AAAA,IAC1B,GAAG,6BAAW;AAAA,IACd,MAAM;AAAA,IACN,OAAO,CAAC,MAAM;AAAA,IACd,MAAM,CAAC,KAAK;AAAA,IACZ,SAAS;AAAA,MACP,GAAG,6BAAW,OAAO;AAAA,MACrB,MAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAS;AACX,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,MAAM;AACR,WAAO,KAAK,MAAM,IAAI;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,IAAI,OAAe;AACrB,SAAK,MAAM,IAAI,MAAM;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,WAAW;AACb,WAAO,KAAK,MAAM,IAAI,QAAQ;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,UAAU;AACd,UAAM,EAAE,IAAI,IAAI,KAAK;AAErB,QAAI,CAAC,KAAK;AACR,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAEA,QAAI,EAAE,eAAe,mBAAmB;AACtC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,MAAM,KAAK;AAEjB,QAAI,KAAK,SAAS,QAAQ,OAAO,QAAQ,KAAK,KAAK;AACjD,YAAM,UAAU,GAAG;AACnB,WAAK,MAAM;AACX,WAAK,MAAM;AACX,WAAK,MAAM,MAAM;AAAA,IACnB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,SAAK,WAAW;AAAA,EAClB;AACF;",
-  "names": []
-}

package/atoms/Figure/FigureTwicpics.cjs

@@ -1,123 +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/Figure/FigureTwicpics.ts
-var FigureTwicpics_exports = {};
-__export(FigureTwicpics_exports, {
-  FigureTwicpics: () => FigureTwicpics
-});
-module.exports = __toCommonJS(FigureTwicpics_exports);
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_Figure = require("./Figure.cjs");
-function normalizeSize(that, prop) {
-  const { step } = that.$options;
-  return Math.ceil(that.$refs.img[prop] / step) * step;
-}
-var isBot = /bot|crawl|slurp|spider/i.test(navigator.userAgent);
-var FigureTwicpics = class extends import_Figure.Figure {
-  /**
-   * Config.
-   */
-  static config = {
-    ...import_Figure.Figure.config,
-    name: "FigureTwicpics",
-    options: {
-      ...import_Figure.Figure.config.options,
-      transform: String,
-      domain: String,
-      path: String,
-      disable: Boolean,
-      step: {
-        type: Number,
-        default: 50
-      },
-      mode: {
-        type: String,
-        default: "cover"
-      },
-      dpr: {
-        type: Boolean,
-        default: true
-      }
-    }
-  };
-  /**
-   * Get the Twicpics path.
-   */
-  get path() {
-    return (0, import_utils.withoutTrailingSlash)((0, import_utils.withoutLeadingSlash)(this.$options.path));
-  }
-  /**
-   * Get the Twicpics domain.
-   */
-  get domain() {
-    const url = new URL(this.$refs.img.dataset.src);
-    return url.host;
-  }
-  /**
-   * Get formatted original source.
-   * If `disable` option is `true` returns the original src.
-   */
-  get original() {
-    return this.$options.disable ? super.original : this.formatSrc(super.original);
-  }
-  /**
-   * Get the current device pixel ratio
-   * Returns 1 if user agent is considered as a bot.
-   * Returns 1 if disabled by the `data-option-no-dpr` attribute.
-   */
-  get devicePixelRatio() {
-    if (!this.$options.dpr || isBot) {
-      return 1;
-    }
-    return window.devicePixelRatio;
-  }
-  /**
-   * Format the source for Twicpics.
-   */
-  formatSrc(src) {
-    const url = new URL(src, "https://localhost");
-    url.host = this.domain;
-    url.port = "";
-    if (this.path && !url.pathname.startsWith((0, import_utils.withLeadingSlash)(this.path))) {
-      url.pathname = `/${this.path}${url.pathname}`;
-    }
-    const width = normalizeSize(this, "offsetWidth") * this.devicePixelRatio;
-    const height = normalizeSize(this, "offsetHeight") * this.devicePixelRatio;
-    url.searchParams.set(
-      "twic",
-      ["v1", this.$options.transform, `${this.$options.mode}=${width}x${height}`].filter(Boolean).join("/")
-    );
-    url.search = decodeURIComponent(url.search);
-    return url.toString();
-  }
-  /**
-   * Reassign the source from the original on resize.
-   */
-  async resized() {
-    const { src } = await (0, import_Figure.loadImage)(this.original);
-    this.src = src;
-  }
-  /**
-   * Do not terminate on image load as we need to set the src on resize.
-   */
-  onLoad() {
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=FigureTwicpics.cjs.map