@studiometa/ui 1.0.0-alpha.8 → 1.0.0-beta.0

package/{molecules/Accordion → Accordion}/Accordion.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/Accordion/Accordion.ts"],
+  "sources": ["../../packages/ui/Accordion/Accordion.ts"],
   "sourcesContent": ["import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AccordionCore } from './AccordionCore.js';\nimport type { AccordionProps } from './AccordionCore.js';\nimport { AccordionItem } from './AccordionItem.js';\n\n/**\n * Accordion class.\n */\nexport class Accordion<T extends BaseProps = BaseProps> extends AccordionCore<T & AccordionProps> {\n  static config: BaseConfig = {\n    ...AccordionCore.config,\n    components: {\n      AccordionItem,\n    },\n  };\n}\n"],
   "mappings": "AACA,SAAS,qBAAqB;AAE9B,SAAS,qBAAqB;AAKvB,MAAM,kBAAmD,cAAkC;AAAA,EAChG,OAAO,SAAqB;AAAA,IAC1B,GAAG,cAAc;AAAA,IACjB,YAAY;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []

package/{molecules/Accordion → Accordion}/AccordionCore.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/Accordion/AccordionCore.ts"],
+  "sources": ["../../packages/ui/Accordion/AccordionCore.ts"],
   "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport type { AccordionItem, AccordionItemProps } from './AccordionItem';\n\nexport interface AccordionProps extends BaseProps {\n  $refs: {\n    btn: HTMLElement[];\n    content: HTMLElement[];\n  };\n  $options: {\n    autoclose: boolean;\n    item: AccordionItemProps['$options'];\n  };\n  $children: {\n    AccordionItem: AccordionItem[];\n  };\n}\n\n/**\n * Accordion class.\n */\nexport class AccordionCore<T extends BaseProps = BaseProps> extends Base<T & AccordionProps> {\n  /**\n   * Accordion config.\n   */\n  static config: BaseConfig = {\n    name: 'Accordion',\n    emits: ['open', 'close'],\n    options: {\n      autoclose: Boolean,\n      item: {\n        type: Object,\n        default: (): Partial<AccordionItemProps['$options']> => ({}),\n      },\n    },\n  };\n\n  /**\n   * Synchronize close on open.\n   */\n  onAccordionItemOpen({ index }: { index: number }) {\n    this.$emit('open', this.$children.AccordionItem[index], index);\n    if (this.$options.autoclose) {\n      this.$children.AccordionItem.filter((el, i) => index !== i).forEach((item) => item.close());\n    }\n  }\n\n  /**\n   * Emit close event.\n   */\n  onAccordionItemClose({ index }: { index: number }) {\n    this.$emit('close', this.$children.AccordionItem[index], index);\n  }\n}\n"],
   "mappings": "AAAA,SAAS,YAAY;AAqBd,MAAM,sBAAuD,KAAyB;AAAA;AAAA;AAAA;AAAA,EAI3F,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO,CAAC,QAAQ,OAAO;AAAA,IACvB,SAAS;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,OAAgD,CAAC;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,oBAAoB,EAAE,MAAM,GAAsB;AAChD,SAAK,MAAM,QAAQ,KAAK,UAAU,cAAc,KAAK,GAAG,KAAK;AAC7D,QAAI,KAAK,SAAS,WAAW;AAC3B,WAAK,UAAU,cAAc,OAAO,CAAC,IAAI,MAAM,UAAU,CAAC,EAAE,QAAQ,CAAC,SAAS,KAAK,MAAM,CAAC;AAAA,IAC5F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,qBAAqB,EAAE,MAAM,GAAsB;AACjD,SAAK,MAAM,SAAS,KAAK,UAAU,cAAc,KAAK,GAAG,KAAK;AAAA,EAChE;AACF;",
   "names": []

package/{molecules/Accordion → Accordion}/AccordionItem.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/Accordion/AccordionItem.ts"],
+  "sources": ["../../packages/ui/Accordion/AccordionItem.ts"],
   "sourcesContent": ["import deepmerge from 'deepmerge';\nimport { Base, BaseConfig } from '@studiometa/js-toolkit';\nimport type { BaseProps } from '@studiometa/js-toolkit';\nimport { transition } from '@studiometa/js-toolkit/utils';\nimport { AccordionCore as Accordion } from './AccordionCore.js';\n\ntype AccordionItemStates = Partial<\n  Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>\n>;\n\nexport interface AccordionItemProps extends BaseProps {\n  $refs: {\n    btn: HTMLElement;\n    content: HTMLElement;\n    container: HTMLElement;\n  };\n  $options: {\n    isOpen: boolean;\n    styles: Partial<Record<keyof AccordionItemProps['$refs'], AccordionItemStates>>;\n  };\n}\n\n/**\n * AccordionItem class.\n */\nexport class AccordionItem<T extends BaseProps = BaseProps> extends Base<T & AccordionItemProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AccordionItem',\n    refs: ['btn', 'content', 'container'],\n    emits: ['open', 'close'],\n    options: {\n      isOpen: Boolean,\n      styles: {\n        type: Object,\n        default: (): AccordionItemProps['$options']['styles'] => ({\n          container: {\n            open: '',\n            active: '',\n            closed: '',\n          },\n        }),\n        merge: true,\n      },\n    },\n  };\n\n  /**\n   * Add aria-attributes on mounted.\n   */\n  mounted() {\n    if (this.$parent && this.$parent instanceof Accordion && this.$parent.$options.item) {\n      Object.entries(this.$parent.$options.item).forEach(([key, value]) => {\n        if (key in this.$options) {\n          // @ts-ignore\n          const type = AccordionItem.config.options[key].type ?? AccordionItem.config.options[key];\n          if (type === Array || type === Object) {\n            // @ts-ignore\n            this.$options[key] = deepmerge(this.$options[key], /** @type {any} */ value);\n          } else {\n            // @ts-ignore\n            this.$options[key] = value;\n          }\n        }\n      });\n    }\n\n    this.$refs.btn.setAttribute('id', this.$id);\n    this.$refs.btn.setAttribute('aria-controls', this.contentId);\n    this.$refs.content.setAttribute('aria-labelledby', this.$id);\n    this.$refs.content.setAttribute('id', this.contentId);\n\n    const { isOpen } = this.$options;\n    this.updateAttributes(isOpen);\n\n    // Update refs styles on mount\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { container, ...otherStyles } = this.$options.styles;\n\n    const { $refs } = this;\n    Object.entries(otherStyles)\n      .filter(([refName]) => $refs[refName])\n      .forEach(([refName, { open, closed } = { open: '', closed: '' }]) => {\n        transition($refs[refName] as HTMLElement, { to: isOpen ? open : closed }, 'keep');\n      });\n  }\n\n  /**\n   * Remove styles on destroy.\n   */\n  destroyed() {\n    this.$refs.container.style.visibility = '';\n    this.$refs.container.style.height = '';\n  }\n\n  /**\n   * Handler for the click event on the `btn` ref.\n   */\n  onBtnClick() {\n    if (this.$options.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Get the content ID.\n   */\n  get contentId(): string {\n    return `content-${this.$id}`;\n  }\n\n  /**\n   * Update the refs' attributes according to the given type.\n   */\n  updateAttributes(isOpen: boolean) {\n    this.$refs.container.style.visibility = isOpen ? '' : 'invisible';\n    this.$refs.container.style.height = isOpen ? '' : '0';\n    this.$refs.content.setAttribute('aria-hidden', isOpen ? 'false' : 'true');\n    this.$refs.btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n  }\n\n  /**\n   * Open an item.\n   */\n  async open() {\n    if (this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('open');\n    this.$emit('open');\n\n    this.$options.isOpen = true;\n    this.updateAttributes(this.$options.isOpen);\n\n    this.$refs.container.style.visibility = '';\n    const { container, ...otherStyles } = this.$options.styles;\n\n    const { $refs } = this;\n\n    await Promise.all([\n      transition($refs.container, {\n        from: { height: '0' },\n        active: container.active,\n        to: { height: `${$refs.content.offsetHeight}px` },\n      }).then(() => {\n        // Remove style only if the item has not been closed before the end\n        if (this.$options.isOpen) {\n          $refs.content.style.position = '';\n        }\n\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => $refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            $refs[refName] as HTMLElement,\n            {\n              from: closed,\n              active,\n              to: open,\n            },\n            'keep',\n          ),\n        ),\n    ]);\n  }\n\n  /**\n   * Close an item.\n   */\n  async close() {\n    if (!this.$options.isOpen) {\n      return;\n    }\n\n    this.$log('close');\n    this.$emit('close');\n\n    this.$options.isOpen = false;\n\n    const height = this.$refs.container.offsetHeight;\n    this.$refs.content.style.position = 'absolute';\n    const { container, ...otherStyles } = this.$options.styles;\n\n    /** @type {AccordionItemRefs} */\n    const refs = this.$refs;\n\n    await Promise.all([\n      transition(refs.container, {\n        from: { height: `${height}px` },\n        active: container.active,\n        to: { height: '0' },\n      }).then(() => {\n        // Add end styles only if the item has not been re-opened before the end\n        if (!this.$options.isOpen) {\n          refs.container.style.height = '0';\n          refs.container.style.visibility = 'invisible';\n          this.updateAttributes(this.$options.isOpen);\n        }\n        return Promise.resolve();\n      }),\n      ...Object.entries(otherStyles)\n        .filter(([refName]) => refs[refName])\n        .map(([refName, { open, active, closed } = { open: '', active: '', closed: '' }]) =>\n          transition(\n            refs[refName] as HTMLElement,\n            {\n              from: open,\n              active,\n              to: closed,\n            },\n            'keep',\n          ),\n        ),\n    ]);\n  }\n}\n"],
   "mappings": "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",
   "names": []

package/{molecules/Accordion → Accordion}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/Accordion/index.ts"],
+  "sources": ["../../packages/ui/Accordion/index.ts"],
   "sourcesContent": ["export * from './Accordion.js';\nexport * from './AccordionItem.js';\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []

package/{atoms/Action → Action}/Action.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/Action.ts"],
+  "sources": ["../../packages/ui/Action/Action.ts"],
   "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { ActionEvent } from './ActionEvent.js';\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 * 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      effect: String,\n    },\n  };\n\n  /**\n   * @private\n   */\n  __actionEvents: Set<ActionEvent<Action>>;\n\n  get actionEvents() {\n    if (this.__actionEvents) {\n      return this.__actionEvents;\n    }\n\n    const { on } = this.$options;\n    this.__actionEvents = new Set();\n\n    // @ts-ignore\n    for (const attribute of this.$el.attributes) {\n      if (attribute.name.includes('on:')) {\n        const name = attribute.name.split('on:').pop();\n        this.__actionEvents.add(new ActionEvent(this, name, attribute.value));\n      }\n    }\n\n    if (on) {\n      const { target, effect } = this.$options;\n      const effectDefinition = target ? `${target}${ActionEvent.effectSeparator}${effect}` : effect;\n      this.__actionEvents.add(new ActionEvent(this, on, effectDefinition));\n    }\n\n    return this.__actionEvents;\n  }\n\n  /**\n   * Mounted\n   */\n  mounted() {\n    for (const actionEvent of this.actionEvents) {\n      actionEvent.attachEvent();\n    }\n  }\n\n  /**\n   * Destroyed\n   */\n  destroyed() {\n    for (const actionEvent of this.actionEvents) {\n      actionEvent.detachEvent();\n    }\n  }\n}\n"],
   "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,mBAAmB;AAcrB,MAAM,eAAgD,KAAsB;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,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA,EAEA,IAAI,eAAe;AACjB,QAAI,KAAK,gBAAgB;AACvB,aAAO,KAAK;AAAA,IACd;AAEA,UAAM,EAAE,GAAG,IAAI,KAAK;AACpB,SAAK,iBAAiB,oBAAI,IAAI;AAG9B,eAAW,aAAa,KAAK,IAAI,YAAY;AAC3C,UAAI,UAAU,KAAK,SAAS,KAAK,GAAG;AAClC,cAAM,OAAO,UAAU,KAAK,MAAM,KAAK,EAAE,IAAI;AAC7C,aAAK,eAAe,IAAI,IAAI,YAAY,MAAM,MAAM,UAAU,KAAK,CAAC;AAAA,MACtE;AAAA,IACF;AAEA,QAAI,IAAI;AACN,YAAM,EAAE,QAAQ,OAAO,IAAI,KAAK;AAChC,YAAM,mBAAmB,SAAS,GAAG,MAAM,GAAG,YAAY,eAAe,GAAG,MAAM,KAAK;AACvF,WAAK,eAAe,IAAI,IAAI,YAAY,MAAM,IAAI,gBAAgB,CAAC;AAAA,IACrE;AAEA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,eAAW,eAAe,KAAK,cAAc;AAC3C,kBAAY,YAAY;AAAA,IAC1B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACV,eAAW,eAAe,KAAK,cAAc;AAC3C,kBAAY,YAAY;AAAA,IAC1B;AAAA,EACF;AACF;",
   "names": []

package/{atoms/Action → Action}/ActionEvent.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/ActionEvent.ts"],
+  "sources": ["../../packages/ui/Action/ActionEvent.ts"],
   "sourcesContent": ["import { getInstances } from '@studiometa/js-toolkit';\nimport type { Base } from '@studiometa/js-toolkit';\nimport { isFunction } from '@studiometa/js-toolkit/utils';\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\nexport type Modifiers = 'prevent' | 'stop' | 'once' | 'passive' | 'capture';\n\nexport class ActionEvent<T extends Base> {\n  static modifierSeparator = '.';\n  static targetSeparator = ' ';\n  static effectSeparator = '->';\n\n  /**\n   * The Action instance.\n   */\n  action: T;\n\n  /**\n   * The event to listen to.\n   */\n  event: string;\n\n  /**\n   * The modifiers to apply to the event.\n   */\n  modifiers: Modifiers[];\n\n  /**\n   * Target definition.\n   * Ex: `Target Target(.selector)`.\n   */\n  targetDefinition: string;\n\n  /**\n   * The content of the effect callback function.\n   */\n  effectDefinition: string;\n\n  /**\n   * Class constructor.\n   * @param {T}      action The parent Action instance.\n   * @param {string} eventDefinition  The event with its modifiers: `click.prevent.stop`\n   * @param {string} effectDefinition The target and effect definition: `Target(.selector)->target.$destroy()`\n   */\n  constructor(action: T, eventDefinition: string, effectDefinition: string) {\n    this.action = action;\n    const [event, ...modifiers] = eventDefinition.split(ActionEvent.modifierSeparator);\n    this.event = event;\n    this.modifiers = modifiers as Modifiers[];\n\n    let effect = effectDefinition;\n    let targetDefinition = '';\n\n    if (effect.includes(ActionEvent.effectSeparator)) {\n      [targetDefinition, effect] = effect.split(ActionEvent.effectSeparator);\n    }\n\n    this.targetDefinition = targetDefinition.trim();\n    this.effectDefinition = effect.trim();\n  }\n\n  /**\n   * Get the generated function for the defined effect.\n   */\n  get effect() {\n    const { effectDefinition } = this;\n\n    if (!effectCache.has(effectDefinition)) {\n      effectCache.set(\n        effectDefinition,\n        new Function('ctx', 'event', 'target', 'action', 'self', `return ${effectDefinition}`),\n      );\n    }\n\n    return effectCache.get(effectDefinition) as Function;\n  }\n\n  /**\n   * Get the targets object for the defined targets string.\n   */\n  get targets() {\n    const { targetDefinition } = this;\n\n    if (!targetDefinition) {\n      return [{ Action: this.action }];\n    }\n\n    // Extract component's names and selectors.\n    const parts = targetDefinition.split(ActionEvent.targetSeparator).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.__config.name]: instance });\n        }\n      }\n    }\n\n    return targets;\n  }\n\n  /**\n   * Handle the defined event and trigger the effect for each defined target.\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 [currentTarget] = Object.values(target).flat();\n        const value = effect(target, event, currentTarget, this.action, this.action);\n        if (isFunction(value)) {\n          value(target, event, currentTarget, this.action, this.action);\n        }\n      } catch (err) {\n        this.action.$warn(err);\n      }\n    }\n  }\n\n  /**\n   * Bind the defined event to the given Action instance root element.\n   */\n  attachEvent() {\n    const { event, modifiers } = this;\n    this.action.$el.addEventListener(event, this, {\n      capture: modifiers.includes('capture'),\n      once: modifiers.includes('once'),\n      passive: modifiers.includes('passive'),\n    });\n  }\n\n  /**\n   * Unbind the event from the given Action instance root element.\n   */\n  detachEvent() {\n    this.action.$el.removeEventListener(this.event, this);\n  }\n}\n"],
   "mappings": "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",
   "names": []

package/{atoms/Action → Action}/Target.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/Target.ts"],
+  "sources": ["../../packages/ui/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,SAAS,YAAY;AAQd,MAAM,eAAe,KAAkB;AAAA;AAAA;AAAA;AAAA,EAI5C,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AACF;",
   "names": []

package/{atoms/Action → Action}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Action/index.ts"],
+  "sources": ["../../packages/ui/Action/index.ts"],
   "sourcesContent": ["export * from './Action.js';\nexport * from './Target.js';\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []

package/{molecules/AnchorNav → AnchorNav}/AnchorNav.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNav.ts"],
+  "sources": ["../../packages/ui/AnchorNav/AnchorNav.ts"],
   "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorNavLink } from './AnchorNavLink.js';\nimport { AnchorNavTarget } from './AnchorNavTarget.js';\n\nexport interface AnchorNavProps extends BaseProps {\n  $children: {\n    AnchorNavLink: AnchorNavLink[];\n    AnchorNavTarget: AnchorNavTarget[];\n  };\n}\n\nexport class AnchorNav<T extends BaseProps = BaseProps> extends Base<T & AnchorNavProps> {\n  /**\n   * Config\n   */\n  static config: BaseConfig = {\n    name: 'AnchorNav',\n    components: {\n      AnchorNavLink,\n      AnchorNavTarget,\n    },\n  };\n\n  /**\n   * Listen to the AnchorNavTarget that is mounted\n   */\n  onAnchorNavTargetMounted({ target }: { target: AnchorNavTarget }) {\n    const { id } = target.$el;\n    this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n      if (id === anchorNavLink.targetId) {\n        anchorNavLink.enter();\n      }\n    });\n  }\n\n  /**\n   * Listen to the AnchorNavTarget that is destroyed\n   */\n  onAnchorNavTargetDestroyed({ target }: { target: AnchorNavTarget }) {\n    const { id } = target.$el;\n    this.$children.AnchorNavLink.forEach((anchorNavLink) => {\n      if (id === anchorNavLink.targetId) {\n        anchorNavLink.leave();\n      }\n    });\n  }\n}\n"],
   "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AASzB,MAAM,kBAAmD,KAAyB;AAAA;AAAA;AAAA;AAAA,EAIvF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,YAAY;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,yBAAyB,EAAE,OAAO,GAAgC;AAChE,UAAM,EAAE,GAAG,IAAI,OAAO;AACtB,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKA,2BAA2B,EAAE,OAAO,GAAgC;AAClE,UAAM,EAAE,GAAG,IAAI,OAAO;AACtB,SAAK,UAAU,cAAc,QAAQ,CAAC,kBAAkB;AACtD,UAAI,OAAO,cAAc,UAAU;AACjC,sBAAc,MAAM;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []

package/{molecules/AnchorNav → AnchorNav}/AnchorNavLink.d.ts

@@ -1,11 +1,11 @@
 import type { BaseConfig } from '@studiometa/js-toolkit';
-import { AnchorScrollToProps } from '../../atoms/AnchorScrollTo/AnchorScrollTo.js';
+import { AnchorScrollToProps } from '../AnchorScrollTo/AnchorScrollTo.js';
 export interface AnchorNavLinkProps extends AnchorScrollToProps {
     $options: {
         id: string;
     };
 }
-declare const AnchorNavLink_base: import("@studiometa/js-toolkit").BaseDecorator<import("#private/decorators/withTransition.js").TransitionInterface, import("@studiometa/js-toolkit").Base<import("@studiometa/js-toolkit").BaseProps>, import("#private/decorators/withTransition.js").TransitionProps>;
+declare const AnchorNavLink_base: import("@studiometa/js-toolkit").BaseDecorator<import("../decorators/withTransition.js").TransitionInterface, import("@studiometa/js-toolkit").Base<import("@studiometa/js-toolkit").BaseProps>, import("../decorators/withTransition.js").TransitionProps>;
 /**
  * Manage a slider item and its state transition.
  */

package/{molecules/AnchorNav → AnchorNav}/AnchorNavLink.js

@@ -1,5 +1,5 @@
-import { AnchorScrollTo } from "../../atoms/AnchorScrollTo/AnchorScrollTo.js";
-import { withTransition } from "../../decorators/index.js";
+import { AnchorScrollTo } from "../AnchorScrollTo/AnchorScrollTo.js";
+import { withTransition } from "../decorators/index.js";
 class AnchorNavLink extends withTransition(AnchorScrollTo) {
   /**
    * Config.

package/AnchorNav/AnchorNavLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/AnchorNav/AnchorNavLink.ts"],
+  "sourcesContent": ["import type { BaseConfig } from '@studiometa/js-toolkit';\nimport { AnchorScrollTo, AnchorScrollToProps } from '../AnchorScrollTo/AnchorScrollTo.js';\nimport { withTransition } from '../decorators/index.js';\n\nexport interface AnchorNavLinkProps extends AnchorScrollToProps {\n  $options: {\n    id: string;\n  };\n}\n\n/**\n * Manage a slider item and its state transition.\n */\nexport class AnchorNavLink extends withTransition(AnchorScrollTo)<AnchorNavLinkProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...AnchorScrollTo.config,\n    name: 'AnchorNavLink',\n  };\n\n  get targetId() {\n    return this.$el.hash.replace(/^#/, '');\n  }\n}\n"],
+  "mappings": "AACA,SAAS,sBAA2C;AACpD,SAAS,sBAAsB;AAWxB,MAAM,sBAAsB,eAAe,cAAc,EAAsB;AAAA;AAAA;AAAA;AAAA,EAIpF,OAAO,SAAqB;AAAA,IAC1B,GAAG,eAAe;AAAA,IAClB,MAAM;AAAA,EACR;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,IAAI,KAAK,QAAQ,MAAM,EAAE;AAAA,EACvC;AACF;",
+  "names": []
+}

package/{molecules/AnchorNav → AnchorNav}/AnchorNavTarget.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/AnchorNavTarget.ts"],
+  "sources": ["../../packages/ui/AnchorNav/AnchorNavTarget.ts"],
   "sourcesContent": ["import { Base, withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\n\n/**\n * Manage a sticky table section.\n */\nexport class AnchorNavTarget extends withMountWhenInView(Base)<BaseProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'AnchorNavTarget',\n  };\n}\n"],
   "mappings": "AAAA,SAAS,MAAM,2BAA2B;AAMnC,MAAM,wBAAwB,oBAAoB,IAAI,EAAa;AAAA;AAAA;AAAA;AAAA,EAIxE,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AACF;",
   "names": []

package/{molecules/AnchorNav → AnchorNav}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/molecules/AnchorNav/index.ts"],
+  "sources": ["../../packages/ui/AnchorNav/index.ts"],
   "sourcesContent": ["export * from './AnchorNav.js';\nexport * from './AnchorNavLink.js';\nexport * from './AnchorNavTarget.js';\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []

package/{atoms/AnchorScrollTo → AnchorScrollTo}/AnchorScrollTo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts"],
+  "sources": ["../../packages/ui/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   */\n  onClick({ event }: { event: MouseEvent }) {\n    try {\n      scrollTo(this.targetSelector);\n      event.preventDefault();\n    } catch {\n      // Silence is golden.\n    }\n  }\n}\n"],
   "mappings": "AAAA,SAAS,YAAY;AAErB,SAAS,gBAAgB;AASlB,MAAM,uBAAwD,KAA8B;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,EAKA,QAAQ,EAAE,MAAM,GAA0B;AACxC,QAAI;AACF,eAAS,KAAK,cAAc;AAC5B,YAAM,eAAe;AAAA,IACvB,QAAQ;AAAA,IAER;AAAA,EACF;AACF;",
   "names": []

package/{atoms/AnchorScrollTo → AnchorScrollTo}/index.js.map

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

package/{atoms/Button → Button}/Button.twig

@@ -41,7 +41,7 @@
 {% set rendered_icon %}
   {% block icon %}
     {# @TODO: Breaking change -> Delete icon_classes to use only icon_attr #}
-    {% include '@ui/atoms/Icon/IconInline.twig' with {
+    {% include '@ui/Icon/Icon.twig' with {
       name: icon ?? '',
       attr: merge_html_attributes(
         icon_attr ?? null,

package/{atoms/Button → Button}/StyledButton.twig

@@ -7,7 +7,7 @@
  */
 #}
 
-{% extends '@ui/atoms/Button/Button.twig' %}
+{% extends '@ui/Button/Button.twig' %}
 
 {% set icon_only = icon_only|default(false) %}
 

package/{atoms/Button → Button}/StyledButtonRounded.twig

@@ -8,7 +8,7 @@
  */
 #}
 
-{% extends '@ui/atoms/Button/Button.twig' %}
+{% extends '@ui/Button/Button.twig' %}
 
 {% set icon_only = icon_only|default(false) %}
 

package/{atoms/CircularMarquee → CircularMarquee}/CircularMarquee.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/CircularMarquee/CircularMarquee.ts"],
+  "sources": ["../../packages/ui/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,SAAS,YAAmC;AAC5C,SAAS,MAAM,iBAAiB;AAWzB,MAAM,wBAAwB,KAA2B;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,SAAS,KAAK,KAAK,QAAQ,KAAK,UAAU,QAAQ,IAAI;AAErE,WAAO,MAAM;AACX,gBAAU,KAAK,KAAK,KAAK,SAAS;AAAA,IACpC;AAAA,EACF;AACF;",
   "names": []

package/{atoms/CircularMarquee → CircularMarquee}/CircularMarquee.twig

@@ -36,7 +36,7 @@
 %}
 
 <div data-component="CircularMarquee"
-  {{ html_attributes({ data_option_sensitivity: sensitivity }) }}>
+  {{ html_attributes({ data_option_sensitivity: sensitivity ?? null }) }}>
   <svg aria-hidden="true"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 {{ outer_diameter }} {{ outer_diameter }}"

package/{atoms/CircularMarquee → CircularMarquee}/index.js.map

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

package/{atoms/Cursor → Cursor}/Cursor.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Cursor/Cursor.ts"],
+  "sources": ["../../packages/ui/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 → Cursor}/index.js.map

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

package/{atoms/Data → Data}/DataBind.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataBind.ts"],
+  "sources": ["../../packages/ui/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 groups = new Map<string, Set<DataBind>>();\n\nexport interface DataBindProps extends BaseProps {\n  $options: {\n    prop: string;\n    group: 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      group: String,\n    },\n  };\n\n  get relatedInstances() {\n    const { group } = this.$options;\n\n    const instances = groups.get(group) ?? groups.set(group, new Set()).get(group);\n\n    for (const instance of instances) {\n      if (!instance.$el.isConnected) {\n        instances.delete(instance);\n      }\n    }\n\n    return instances;\n  }\n\n  get multiple() {\n    return this.$options.group.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        // @ts-ignore\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[], dispatch = true) {\n    const { target, multiple, relatedInstances } = this;\n\n    if (dispatch) {\n      for (const instance of relatedInstances) {\n        if (instance !== this && instance.value !== value) {\n          instance.set(value, false);\n        }\n      }\n    }\n\n    if (isSelect(target)) {\n      // @ts-ignore\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": "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",
   "names": ["option"]

package/{atoms/Data → Data}/DataComputed.js

@@ -1,6 +1,5 @@
 import { DataBind } from "./DataBind.js";
 import { getCallback } from "./utils.js";
-const callbacks = /* @__PURE__ */ new Map();
 class DataComputed extends DataBind {
   static config = {
     name: "DataComputed",

package/Data/DataComputed.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/Data/DataComputed.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\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\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 { group, compute } = this.$options;\n    return getCallback(group, `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, false);\n  }\n}\n"],
+  "mappings": "AACA,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB;AAQrB,MAAM,qBAAsD,SAAgC;AAAA,EACjG,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,IAAI,UAAU;AACZ,UAAM,EAAE,OAAO,QAAQ,IAAI,KAAK;AAChC,WAAO,YAAY,OAAO,UAAU,OAAO,GAAG;AAAA,EAChD;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,UAAU,KAAK;AAAA,EAC3B;AACF;",
+  "names": []
+}

package/Data/DataEffect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/Data/DataEffect.ts"],
+  "sourcesContent": ["import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\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 { group, effect } = this.$options;\n    return getCallback(group, 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": "AACA,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB;AAQrB,MAAM,mBAAoD,SAA8B;AAAA,EAC7F,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,IAAI,SAAS;AACX,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WAAO,YAAY,OAAO,MAAM;AAAA,EAClC;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 → Data}/DataModel.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/DataModel.ts"],
+  "sources": ["../../packages/ui/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, false);\n    }\n  }\n\n  onInput() {\n    this.dispatch();\n  }\n}\n"],
   "mappings": "AACA,SAAS,gBAAgB;AAEzB,SAAS,kBAAkB;AAIpB,MAAM,kBAAmD,SAA6B;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,YAAY,WAAW,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,OAAO,KAAK;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,UAAU;AACR,SAAK,SAAS;AAAA,EAChB;AACF;",
   "names": []

package/{atoms/Data → Data}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/index.ts"],
+  "sources": ["../../packages/ui/Data/index.ts"],
   "sourcesContent": ["export * from './DataBind.js';\nexport * from './DataComputed.js';\nexport * from './DataEffect.js';\nexport * from './DataModel.js';\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []

package/{atoms/Data → Data}/utils.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/atoms/Data/utils.ts"],
+  "sources": ["../../packages/ui/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": "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,MAAM,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/{primitives/Draggable → Draggable}/Draggable.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/primitives/Draggable/Draggable.ts"],
+  "sources": ["../../packages/ui/Draggable/Draggable.ts"],
   "sourcesContent": ["import { Base, withDrag } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig, DragServiceProps } from '@studiometa/js-toolkit';\nimport { matrix } from '@studiometa/js-toolkit/utils';\n\n/**\n * Draggable class.\n */\nexport class Draggable<T extends BaseProps = BaseProps> extends withDrag(Base)<T> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'DraggableElement',\n  };\n\n  /**\n   * Horizontal transformation.\n   */\n  x = 0;\n\n  /**\n   * Vertical transformation.\n   */\n  y = 0;\n\n  /**\n   * Horizontal position origin.\n   */\n  originX = 0;\n\n  /**\n   * Vertical position origin.\n   */\n  originY = 0;\n\n  /**\n   * Drag service hook.\n   */\n  dragged(props: DragServiceProps) {\n    if (props.mode === 'start') {\n      this.originX = this.x;\n      this.originY = this.y;\n      return;\n    }\n\n    this.x = this.originX + props.x - props.origin.x;\n    this.y = this.originY + props.y - props.origin.y;\n\n    this.$el.style.transform = matrix({ translateX: this.x, translateY: this.y });\n  }\n}\n"],
   "mappings": "AAAA,SAAS,MAAM,gBAAgB;AAE/B,SAAS,cAAc;AAKhB,MAAM,kBAAmD,SAAS,IAAI,EAAK;AAAA;AAAA;AAAA;AAAA,EAIhF,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI;AAAA;AAAA;AAAA;AAAA,EAKJ,IAAI;AAAA;AAAA;AAAA;AAAA,EAKJ,UAAU;AAAA;AAAA;AAAA;AAAA,EAKV,UAAU;AAAA;AAAA;AAAA;AAAA,EAKV,QAAQ,OAAyB;AAC/B,QAAI,MAAM,SAAS,SAAS;AAC1B,WAAK,UAAU,KAAK;AACpB,WAAK,UAAU,KAAK;AACpB;AAAA,IACF;AAEA,SAAK,IAAI,KAAK,UAAU,MAAM,IAAI,MAAM,OAAO;AAC/C,SAAK,IAAI,KAAK,UAAU,MAAM,IAAI,MAAM,OAAO;AAE/C,SAAK,IAAI,MAAM,YAAY,OAAO,EAAE,YAAY,KAAK,GAAG,YAAY,KAAK,EAAE,CAAC;AAAA,EAC9E;AACF;",
   "names": []

package/{primitives/Draggable → Draggable}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../packages/ui/primitives/Draggable/index.ts"],
+  "sources": ["../../packages/ui/Draggable/index.ts"],
   "sourcesContent": ["export * from './Draggable.js';\n"],
   "mappings": "AAAA,cAAc;",
   "names": []

package/{atoms/Figure/Figure.d.ts → Figure/AbstractFigure.d.ts}

@@ -1,6 +1,6 @@
 import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
-import { Transition } from '../../primitives/index.js';
-export interface FigureProps extends BaseProps {
+import { Transition } from '../Transition/index.js';
+export interface AbstractFigureProps extends BaseProps {
     $refs: {
         img: HTMLImageElement;
     };
@@ -8,15 +8,11 @@ export interface FigureProps extends BaseProps {
         lazy: boolean;
     };
 }
-/**
- * Load the given image.
- */
-export declare function loadImage(src: string): Promise<HTMLImageElement>;
-declare const Figure_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithMountWhenInViewInterface, Transition<BaseProps>, import("@studiometa/js-toolkit").WithMountWhenInViewProps>;
+declare const AbstractFigure_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithMountWhenInViewInterface, Transition<BaseProps>, import("@studiometa/js-toolkit").WithMountWhenInViewProps>;
 /**
  * Figure class.
  */
-export declare class Figure<T extends BaseProps = BaseProps> extends Figure_base<T & FigureProps> {
+export declare class AbstractFigure<T extends BaseProps = BaseProps> extends AbstractFigure_base<T & AbstractFigureProps> {
     /**
      * Config.
      */
@@ -41,9 +37,5 @@ export declare class Figure<T extends BaseProps = BaseProps> extends Figure_base
      * Load on mount.
      */
     mounted(): Promise<void>;
-    /**
-     * Terminate the component on load.
-     */
-    onLoad(): void;
 }
 export {};

package/{atoms/Figure/Figure.js → Figure/AbstractFigure.js}

@@ -1,24 +1,15 @@
 import { withMountWhenInView } from "@studiometa/js-toolkit";
-import { Transition } from "../../primitives/index.js";
-function loadImage(src) {
-  return new Promise((resolve) => {
-    const img = new Image();
-    img.addEventListener("load", () => resolve(img));
-    img.src = src;
-  });
-}
-class Figure extends withMountWhenInView(
-  Transition,
-  {
-    threshold: [0, 1]
-  }
-) {
+import { Transition } from "../Transition/index.js";
+import { loadImage } from "./utils.js";
+class AbstractFigure extends withMountWhenInView(Transition, {
+  threshold: [0, 1]
+}) {
   /**
    * Config.
    */
   static config = {
     ...Transition.config,
-    name: "Figure",
+    name: "AbstractFigure",
     emits: ["load"],
     refs: ["img"],
     options: {
@@ -55,11 +46,9 @@ class Figure extends withMountWhenInView(
    */
   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.");
+    if (!img || !(img instanceof HTMLImageElement)) {
+      this.$warn("The `img` refs is missing or not an `<img>` element.");
+      return;
     }
     const src = this.original;
     if (this.$options.lazy && src && src !== this.src) {
@@ -69,15 +58,8 @@ class Figure extends withMountWhenInView(
       this.$emit("load");
     }
   }
-  /**
-   * Terminate the component on load.
-   */
-  onLoad() {
-    this.$terminate();
-  }
 }
 export {
-  Figure,
-  loadImage
+  AbstractFigure
 };
-//# sourceMappingURL=Figure.js.map
+//# sourceMappingURL=AbstractFigure.js.map

package/Figure/AbstractFigure.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/Figure/AbstractFigure.ts"],
+  "sourcesContent": ["import { withMountWhenInView } from '@studiometa/js-toolkit';\nimport type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';\nimport { Transition } from '../Transition/index.js';\nimport { loadImage } from './utils.js';\n\nexport interface AbstractFigureProps extends BaseProps {\n  $refs: {\n    img: HTMLImageElement;\n  };\n  $options: {\n    lazy: boolean;\n  };\n}\n\n/**\n * Figure class.\n */\nexport class AbstractFigure<\n  T extends BaseProps = BaseProps,\n> extends withMountWhenInView<Transition>(Transition, {\n  threshold: [0, 1],\n})<T & AbstractFigureProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    ...Transition.config,\n    name: 'AbstractFigure',\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 || !(img instanceof HTMLImageElement)) {\n      this.$warn('The `img` refs is missing or not an `<img>` element.');\n      return;\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"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAEpC,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAcnB,MAAM,uBAEH,oBAAgC,YAAY;AAAA,EACpD,WAAW,CAAC,GAAG,CAAC;AAClB,CAAC,EAA2B;AAAA;AAAA;AAAA;AAAA,EAI1B,OAAO,SAAqB;AAAA,IAC1B,GAAG,WAAW;AAAA,IACd,MAAM;AAAA,IACN,OAAO,CAAC,MAAM;AAAA,IACd,MAAM,CAAC,KAAK;AAAA,IACZ,SAAS;AAAA,MACP,GAAG,WAAW,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,OAAO,EAAE,eAAe,mBAAmB;AAC9C,WAAK,MAAM,sDAAsD;AACjE;AAAA,IACF;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;AACF;",
+  "names": []
+}

package/Figure/AbstractFigureDynamic.d.ts

@@ -0,0 +1,29 @@
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import { AbstractFigure } from './AbstractFigure.js';
+export interface AbstractFigureDynamicProps extends BaseProps {
+    $options: {
+        disable: boolean;
+        step: number;
+    };
+}
+/**
+ * AbstractFigureDynamic class.
+ */
+export declare class AbstractFigureDynamic<T extends BaseProps = BaseProps> extends AbstractFigure<T & AbstractFigureDynamicProps> {
+    /**
+     * Config.
+     */
+    static config: BaseConfig;
+    /**
+     * Get the formatted source or the original based on the `disable` option.
+     */
+    get original(): string;
+    /**
+     * Format the source with dynamic parameters.
+     */
+    formatSrc(src: string): string;
+    /**
+     * Reassign the source from the original on resize.
+     */
+    resized(): Promise<void>;
+}

package/Figure/AbstractFigureDynamic.js

@@ -0,0 +1,48 @@
+import { AbstractFigure } from "./AbstractFigure.js";
+import { loadImage } from "./utils.js";
+class AbstractFigureDynamic extends AbstractFigure {
+  /**
+   * Config.
+   */
+  static config = {
+    ...AbstractFigure.config,
+    name: "AbstractFigureDynamic",
+    options: {
+      ...AbstractFigure.config.options,
+      disable: Boolean,
+      step: {
+        type: Number,
+        default: 50
+      },
+      lazy: {
+        type: Boolean,
+        default: true
+      }
+    }
+  };
+  /**
+   * Get the formatted source or the original based on the `disable` option.
+   */
+  get original() {
+    return this.$options.disable ? super.original : this.formatSrc(super.original);
+  }
+  /**
+   * Format the source with dynamic parameters.
+   */
+  /* v8 ignore next 3 */
+  formatSrc(src) {
+    return src;
+  }
+  /**
+   * Reassign the source from the original on resize.
+   */
+  async resized() {
+    const { original } = this;
+    await loadImage(original);
+    this.src = original;
+  }
+}
+export {
+  AbstractFigureDynamic
+};
+//# sourceMappingURL=AbstractFigureDynamic.js.map