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

package/molecules/Slider/SliderDrag.cjs

@@ -1,66 +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/molecules/Slider/SliderDrag.ts
-var SliderDrag_exports = {};
-__export(SliderDrag_exports, {
-  SliderDrag: () => SliderDrag
-});
-module.exports = __toCommonJS(SliderDrag_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var SliderDrag = class extends (0, import_js_toolkit.withDrag)(import_js_toolkit.Base) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "SliderDrag",
-    emits: ["start", "drag", "drop", "inertia", "stop"],
-    options: {
-      scrollLockThreshold: {
-        type: Number,
-        default: 10
-      }
-    }
-  };
-  /**
-   * Test if the scroll should be blocked. Used with the touchmove event to prevent
-   * scrolling vertically when trying to drag the slider.
-   */
-  get shouldPreventScroll() {
-    const { distance } = this.$services.get("dragged");
-    return Math.abs(distance.x) > this.$options.scrollLockThreshold && Math.abs(distance.x) > Math.abs(distance.y);
-  }
-  /**
-   * Touchmove handler.
-   * @param   {TouchEvent} event
-   * @returns {void}
-   */
-  onTouchmove(event) {
-    if (this.shouldPreventScroll) {
-      event.preventDefault();
-    }
-  }
-  /**
-   * Emit drag events.
-   */
-  dragged(props) {
-    this.$emit(props.mode, props);
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=SliderDrag.cjs.map

package/molecules/Slider/SliderDrag.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Slider/SliderDrag.ts"],
-  "sourcesContent": ["import type { BaseProps, BaseConfig, DragServiceProps } from '@studiometa/js-toolkit';\nimport { Base, withDrag } from '@studiometa/js-toolkit';\n\nexport interface SliderDragProps extends BaseProps {\n  $options: {\n    scrollLockThreshold: number;\n  };\n}\n\n/**\n * SliderDrag class.\n */\nexport class SliderDrag<T extends BaseProps = BaseProps> extends withDrag(Base)<\n  T & SliderDragProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'SliderDrag',\n    emits: ['start', 'drag', 'drop', 'inertia', 'stop'],\n    options: {\n      scrollLockThreshold: {\n        type: Number,\n        default: 10,\n      },\n    },\n  };\n\n  /**\n   * Test if the scroll should be blocked. Used with the touchmove event to prevent\n   * scrolling vertically when trying to drag the slider.\n   */\n  get shouldPreventScroll() {\n    const { distance } = this.$services.get('dragged') as DragServiceProps;\n    return (\n      Math.abs(distance.x) > this.$options.scrollLockThreshold &&\n      Math.abs(distance.x) > Math.abs(distance.y)\n    );\n  }\n\n  /**\n   * Touchmove handler.\n   * @param   {TouchEvent} event\n   * @returns {void}\n   */\n  onTouchmove(event: TouchEvent) {\n    if (this.shouldPreventScroll) {\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * Emit drag events.\n   */\n  dragged(props: DragServiceProps) {\n    this.$emit(props.mode, props);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAA+B;AAWxB,IAAM,aAAN,kBAA0D,4BAAS,sBAAI,EAE5E;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,OAAO,CAAC,SAAS,QAAQ,QAAQ,WAAW,MAAM;AAAA,IAClD,SAAS;AAAA,MACP,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,sBAAsB;AACxB,UAAM,EAAE,SAAS,IAAI,KAAK,UAAU,IAAI,SAAS;AACjD,WACE,KAAK,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,uBACrC,KAAK,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,SAAS,CAAC;AAAA,EAE9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,YAAY,OAAmB;AAC7B,QAAI,KAAK,qBAAqB;AAC5B,YAAM,eAAe;AAAA,IACvB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,OAAyB;AAC/B,SAAK,MAAM,MAAM,MAAM,KAAK;AAAA,EAC9B;AACF;",
-  "names": []
-}

package/molecules/Slider/SliderItem.cjs

@@ -1,177 +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/molecules/Slider/SliderItem.ts
-var SliderItem_exports = {};
-__export(SliderItem_exports, {
-  SliderItem: () => SliderItem
-});
-module.exports = __toCommonJS(SliderItem_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var SliderItem = class extends (0, import_js_toolkit.withIntersectionObserver)(import_js_toolkit.Base, {
-  threshold: [0, 1]
-}) {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "SliderItem",
-    emits: ["is-fully-visible", "is-partially-visible", "is-hidden"]
-  };
-  /**
-   * Wether the SliderItem is visible or not.
-   * @type {boolean}
-   */
-  isVisible = false;
-  /**
-   * The SliderItem `x` position.
-   * @type {number}
-   */
-  x = 0;
-  /**
-   * The smoothed `x` position.
-   * @type {number}
-   */
-  dampedX = 0;
-  /**
-   * Item original position.
-   */
-  __rect;
-  shouldEvaluateRect = false;
-  get rect() {
-    if (!this.__rect || this.shouldEvaluateRect) {
-      this.shouldEvaluateRect = false;
-      const x = this.x * -1;
-      const rect = this.$el.getBoundingClientRect().toJSON();
-      this.__rect = {
-        ...rect,
-        left: rect.left + x,
-        right: rect.left + x + rect.width,
-        x: rect.left + x
-      };
-    }
-    return this.__rect;
-  }
-  /**
-   * Mounted hook
-   */
-  mounted() {
-    this.setAccessibilityAttributes();
-  }
-  /**
-   * Update SliderItem bounding rectangle on resize.
-   */
-  resized() {
-    this.shouldEvaluateRect = true;
-  }
-  /**
-   * Reset position to `0` on destroy.
-   */
-  destroyed() {
-    this.moveInstantly(0);
-  }
-  /**
-   * Intersected hook.
-   */
-  intersected([{ intersectionRatio, isIntersecting }]) {
-    if (intersectionRatio >= 1) {
-      this.$emit("is-fully-visible");
-    } else if (intersectionRatio > 0) {
-      this.$emit("is-partially-visible");
-    } else {
-      this.$emit("is-hidden");
-    }
-    this.isVisible = isIntersecting;
-  }
-  /**
-   * Ticked hook.
-   * @todo create AbstractSliderItem with `render` method
-   * @todo add state to SliderItem
-   * @todo add origin to SliderItem
-   * @returns {void}
-   */
-  ticked() {
-    this.dampedX = (0, import_utils.damp)(this.x, this.dampedX, 0.1, 1e-5);
-    this.render();
-    if (this.dampedX === this.x) {
-      this.$services.disable("ticked");
-    }
-  }
-  /**
-   * Set accessibility attributes for the component
-   */
-  setAccessibilityAttributes() {
-    this.$el.setAttribute("role", "group");
-    this.$el.setAttribute("aria-roledescription", "slide");
-    this.$el.setAttribute("aria-label", this.$id);
-  }
-  /**
-   * Enable the SliderItem.
-   */
-  activate() {
-    this.$el.classList.add("is-active");
-  }
-  /**
-   * Disable the SliderItem.
-   */
-  disactivate() {
-    this.$el.classList.remove("is-active");
-  }
-  /**
-   * Move the SliderItem to the given target position.
-   */
-  move(targetPosition) {
-    this.x = targetPosition;
-    if (!this.$services.has("ticked")) {
-      this.$services.enable("ticked");
-    }
-  }
-  /**
-   * Move the SliderItem instantly to the given target position.
-   */
-  moveInstantly(targetPosition) {
-    this.x = targetPosition;
-    this.dampedX = targetPosition;
-    this.render();
-  }
-  /**
-   * Render the component.
-   */
-  render() {
-    import_utils.domScheduler.write(() => {
-      (0, import_utils.transform)(this.$el, { x: this.dampedX });
-    });
-  }
-  /**
-   * Check if SliderItem is partially visible for the given target position.
-   */
-  willBeVisible(targetPosition) {
-    return this.rect.x + targetPosition < window.innerWidth * 1.5 && this.rect.x + targetPosition + this.rect.width > window.innerWidth * -0.5;
-  }
-  /**
-   * Check if SliderItem is fully visible for the given target position.
-   * @param   {number} targetPosition
-   * @returns {boolean}
-   */
-  willBeFullyVisible(targetPosition) {
-    return this.rect.x + targetPosition < window.innerWidth && this.rect.x + targetPosition > 0 && this.rect.x + targetPosition + this.rect.width < window.innerWidth && this.rect.x + targetPosition + this.rect.width > 0;
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=SliderItem.cjs.map

package/molecules/Slider/SliderItem.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Slider/SliderItem.ts"],
-  "sourcesContent": ["import { Base, withIntersectionObserver } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { damp, domScheduler, transform } from '@studiometa/js-toolkit/utils';\n\n/**\n * Manage a slider item and its state transition.\n */\nexport class SliderItem<T extends BaseProps = BaseProps> extends withIntersectionObserver(Base, {\n  threshold: [0, 1],\n})<T> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'SliderItem',\n    emits: ['is-fully-visible', 'is-partially-visible', 'is-hidden'],\n  };\n\n  /**\n   * Wether the SliderItem is visible or not.\n   * @type {boolean}\n   */\n  isVisible = false;\n\n  /**\n   * The SliderItem `x` position.\n   * @type {number}\n   */\n  x = 0;\n\n  /**\n   * The smoothed `x` position.\n   * @type {number}\n   */\n  dampedX = 0;\n\n  /**\n   * Item original position.\n   */\n  __rect: {\n    x: number;\n    y: number;\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n    width: number;\n    height: number;\n  };\n\n  shouldEvaluateRect = false;\n\n  get rect() {\n    if (!this.__rect || this.shouldEvaluateRect) {\n      this.shouldEvaluateRect = false;\n      const x = this.x * -1;\n      const rect = this.$el.getBoundingClientRect().toJSON();\n      this.__rect = {\n        ...rect,\n        left: rect.left + x,\n        right: rect.left + x + rect.width,\n        x: rect.left + x,\n      };\n    }\n\n    return this.__rect;\n  }\n\n  /**\n   * Mounted hook\n   */\n  mounted() {\n    this.setAccessibilityAttributes();\n  }\n\n  /**\n   * Update SliderItem bounding rectangle on resize.\n   */\n  resized() {\n    this.shouldEvaluateRect = true;\n  }\n\n  /**\n   * Reset position to `0` on destroy.\n   */\n  destroyed() {\n    this.moveInstantly(0);\n  }\n\n  /**\n   * Intersected hook.\n   */\n  intersected([{ intersectionRatio, isIntersecting }]: IntersectionObserverEntry[]) {\n    if (intersectionRatio >= 1) {\n      this.$emit('is-fully-visible');\n    } else if (intersectionRatio > 0) {\n      this.$emit('is-partially-visible');\n    } else {\n      this.$emit('is-hidden');\n    }\n\n    this.isVisible = isIntersecting;\n  }\n\n  /**\n   * Ticked hook.\n   * @todo create AbstractSliderItem with `render` method\n   * @todo add state to SliderItem\n   * @todo add origin to SliderItem\n   * @returns {void}\n   */\n  ticked() {\n    this.dampedX = damp(this.x, this.dampedX, 0.1, 0.00001);\n    this.render();\n\n    if (this.dampedX === this.x) {\n      this.$services.disable('ticked');\n    }\n  }\n\n  /**\n   * Set accessibility attributes for the component\n   */\n  setAccessibilityAttributes() {\n    this.$el.setAttribute('role', 'group');\n    this.$el.setAttribute('aria-roledescription', 'slide');\n    this.$el.setAttribute('aria-label', this.$id);\n  }\n\n  /**\n   * Enable the SliderItem.\n   */\n  activate() {\n    this.$el.classList.add('is-active');\n  }\n\n  /**\n   * Disable the SliderItem.\n   */\n  disactivate() {\n    this.$el.classList.remove('is-active');\n  }\n\n  /**\n   * Move the SliderItem to the given target position.\n   */\n  move(targetPosition: number) {\n    this.x = targetPosition;\n\n    if (!this.$services.has('ticked')) {\n      this.$services.enable('ticked');\n    }\n  }\n\n  /**\n   * Move the SliderItem instantly to the given target position.\n   */\n  moveInstantly(targetPosition: number) {\n    this.x = targetPosition;\n    this.dampedX = targetPosition;\n    this.render();\n  }\n\n  /**\n   * Render the component.\n   */\n  render() {\n    domScheduler.write(() => {\n      transform(this.$el, { x: this.dampedX });\n    });\n  }\n\n  /**\n   * Check if SliderItem is partially visible for the given target position.\n   */\n  willBeVisible(targetPosition: number) {\n    return (\n      this.rect.x + targetPosition < window.innerWidth * 1.5 &&\n      this.rect.x + targetPosition + this.rect.width > window.innerWidth * -0.5\n    );\n  }\n\n  /**\n   * Check if SliderItem is fully visible for the given target position.\n   * @param   {number} targetPosition\n   * @returns {boolean}\n   */\n  willBeFullyVisible(targetPosition) {\n    return (\n      this.rect.x + targetPosition < window.innerWidth &&\n      this.rect.x + targetPosition > 0 &&\n      this.rect.x + targetPosition + this.rect.width < window.innerWidth &&\n      this.rect.x + targetPosition + this.rect.width > 0\n    );\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/molecules/Slider/SliderProgress.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/molecules/Slider/SliderProgress.ts
-var SliderProgress_exports = {};
-__export(SliderProgress_exports, {
-  SliderProgress: () => SliderProgress
-});
-module.exports = __toCommonJS(SliderProgress_exports);
-var import_utils = require("@studiometa/js-toolkit/utils");
-var import_AbstractSliderChild = require("./AbstractSliderChild.cjs");
-var SliderProgress = class extends import_AbstractSliderChild.AbstractSliderChild {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "SliderProgress",
-    refs: ["progress"]
-  };
-  /**
-   * Update the progress indicator.
-   */
-  update(index) {
-    import_utils.domScheduler.read(() => {
-      const { progress } = this.$refs;
-      const x = (0, import_utils.map)(index, 0, this.$parent.indexMax, progress.clientWidth * -1, 0);
-      import_utils.domScheduler.write(() => {
-        (0, import_utils.transform)(progress, { x });
-      });
-    });
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=SliderProgress.cjs.map

package/molecules/Slider/SliderProgress.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Slider/SliderProgress.ts"],
-  "sourcesContent": ["import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { transform, map, domScheduler } from '@studiometa/js-toolkit/utils';\nimport { AbstractSliderChild } from './AbstractSliderChild.js';\n\nexport interface SliderProgressProps extends BaseProps {\n  $refs: {\n    progress: HTMLElement;\n  };\n}\n\n/**\n * SliderProgress class.\n */\nexport class SliderProgress<T extends BaseProps = BaseProps> extends AbstractSliderChild<\n  T & SliderProgressProps\n> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'SliderProgress',\n    refs: ['progress'],\n  };\n\n  /**\n   * Update the progress indicator.\n   */\n  update(index: number) {\n    domScheduler.read(() => {\n      const { progress } = this.$refs;\n      const x = map(index, 0, this.$parent.indexMax, progress.clientWidth * -1, 0);\n      domScheduler.write(() => {\n        transform(progress, { x });\n      });\n    });\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6C;AAC7C,iCAAoC;AAW7B,IAAM,iBAAN,cAA8D,+CAEnE;AAAA;AAAA;AAAA;AAAA,EAIA,OAAO,SAAqB;AAAA,IAC1B,MAAM;AAAA,IACN,MAAM,CAAC,UAAU;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,OAAe;AACpB,8BAAa,KAAK,MAAM;AACtB,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,YAAM,QAAI,kBAAI,OAAO,GAAG,KAAK,QAAQ,UAAU,SAAS,cAAc,IAAI,CAAC;AAC3E,gCAAa,MAAM,MAAM;AACvB,oCAAU,UAAU,EAAE,EAAE,CAAC;AAAA,MAC3B,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;",
-  "names": []
-}

package/molecules/Slider/index.cjs

@@ -1,28 +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/molecules/Slider/index.ts
-var Slider_exports = {};
-module.exports = __toCommonJS(Slider_exports);
-__reExport(Slider_exports, require("./AbstractSliderChild.cjs"), module.exports);
-__reExport(Slider_exports, require("./Slider.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderBtn.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderCount.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderDrag.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderItem.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderProgress.cjs"), module.exports);
-__reExport(Slider_exports, require("./SliderDots.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/Slider/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Slider/index.ts"],
-  "sourcesContent": ["export * from './AbstractSliderChild.js';\nexport * from './Slider.js';\nexport * from './SliderBtn.js';\nexport * from './SliderCount.js';\nexport * from './SliderDrag.js';\nexport * from './SliderItem.js';\nexport * from './SliderProgress.js';\nexport * from './SliderDots.js';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,sCAAd;AACA,2BAAc,yBADd;AAEA,2BAAc,4BAFd;AAGA,2BAAc,8BAHd;AAIA,2BAAc,6BAJd;AAKA,2BAAc,6BALd;AAMA,2BAAc,iCANd;AAOA,2BAAc,6BAPd;",
-  "names": []
-}

package/molecules/Sticky/Sticky.cjs

@@ -1,177 +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/molecules/Sticky/Sticky.ts
-var Sticky_exports = {};
-__export(Sticky_exports, {
-  Sticky: () => Sticky
-});
-module.exports = __toCommonJS(Sticky_exports);
-var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_primitives = require("../../primitives/index.cjs");
-var Sticky = class _Sticky extends import_js_toolkit.Base {
-  /**
-   * Config.
-   */
-  static config = {
-    name: "Sticky",
-    refs: ["inner", "sentinelRef"],
-    components: {
-      Sentinel: import_primitives.Sentinel
-    },
-    options: {
-      zIndex: {
-        type: Number,
-        default: 100
-      },
-      hideWhenUp: Boolean,
-      hideWhenDown: Boolean
-    }
-  };
-  /**
-   * Holder for all instances.
-   */
-  // eslint-disable-next-line no-use-before-define
-  static instances = /* @__PURE__ */ new Set();
-  /**
-   * Is the component sticky?
-   */
-  isSticky = false;
-  /**
-   * Is the component visible?
-   */
-  isVisible = true;
-  /**
-   * Set the Y value.
-   */
-  set y(value) {
-    this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;
-  }
-  /**
-   * Get instances as array.
-   */
-  get instances() {
-    return Array.from(_Sticky.instances);
-  }
-  /**
-   * Mounted hook.
-   */
-  mounted() {
-    _Sticky.instances.add(this);
-    this.setSentinelSize();
-  }
-  /**
-   * Resized hook.
-   */
-  resized() {
-    this.setSentinelSize();
-  }
-  /**
-   * Destroyed hook.
-   */
-  destroyed() {
-    _Sticky.instances.delete(this);
-  }
-  /**
-   * Scrolled hook.
-   */
-  scrolled(props) {
-    if (!this.isSticky || props.y === props.last.y) {
-      return;
-    }
-    if (props.direction.y === "DOWN" && this.$options.hideWhenDown || props.direction.y === "UP" && this.$options.hideWhenUp) {
-      this.hide();
-    } else {
-      this.show();
-    }
-  }
-  /**
-   * Listen to the sentinel's `intersected` event to set the `isSticky` value.
-   * @param   {IntersectionObserverEntry[]} entries
-   * @returns {void}
-   */
-  onSentinelIntersected([entry]) {
-    this.isSticky = entry.isIntersecting && entry.boundingClientRect.y < 0;
-    this.setPosition();
-  }
-  /**
-   * Hide the sticky component when another one is sticky.
-   */
-  hide() {
-    if (!this.isVisible) {
-      return;
-    }
-    this.isVisible = false;
-    this.$el.classList.add("pointer-events-none");
-    this.instances.forEach((instance, index) => instance.setPosition(index));
-  }
-  /**
-   * Show the sticky component when the other one is not sticky anymore.
-   */
-  show() {
-    if (this.isVisible) {
-      return;
-    }
-    this.isVisible = true;
-    this.$el.classList.remove("pointer-events-none");
-    this.instances.forEach((instance, index) => instance.setPosition(index));
-  }
-  /**
-   * Set the sentinel height based on the previous instances.
-   */
-  setSentinelSize() {
-    const { instances } = this;
-    const index = instances.indexOf(this);
-    const height = instances.slice(0, index).filter(
-      // Test each instance sticky context against the current element
-      (instance) => this.closestRelativeElement(instance.$el).contains(this.$el)
-    ).reduce((acc, instance) => acc + instance.$el.offsetHeight, 0);
-    this.$refs.sentinelRef.style.height = `${height + 1}px`;
-    this.$el.style.top = `${height}px`;
-    this.$el.style.zIndex = String(this.$options.zIndex - index);
-  }
-  /**
-   * Set the component's position.
-   * @param   {number} [index] The instance index in all the pages' instances.
-   * @returns {void}
-   */
-  setPosition(index) {
-    if (!this.isSticky) {
-      this.y = 0;
-      return;
-    }
-    const { instances } = this;
-    index = index ?? instances.indexOf(this);
-    this.y = instances.slice(0, index).filter((instance) => instance.isSticky && !instance.isVisible).reduce(
-      (y, instance) => y - instance.$refs.inner.offsetHeight,
-      this.isVisible ? 0 : this.$refs.inner.offsetHeight * -1
-    );
-  }
-  /**
-   * Find the first parent which has a relative position.
-   */
-  closestRelativeElement(element) {
-    let parent = element.parentElement;
-    while (getComputedStyle(parent).position !== "relative" && parent.parentElement) {
-      parent = parent.parentElement;
-    }
-    return parent;
-  }
-};
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=Sticky.cjs.map

package/molecules/Sticky/Sticky.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/ui/molecules/Sticky/Sticky.ts"],
-  "sourcesContent": ["import { Base } from '@studiometa/js-toolkit';\nimport type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';\nimport { Sentinel } from '../../primitives/index.js';\n\n/**\n * @typedef {object} StickyRefs\n * @property {HTMLElement} inner\n * @property {HTMLElement} sentinelRef\n */\n\n/**\n * @typedef {object} StickyPrivateInterface\n * @property {StickyRefs} $refs\n * @property {{ zIndex: number, hideWhenUp: boolean, hideWhenDown: boolean }} $options\n * @property {{ Sentinel: Sentinel[] }} $children\n */\n\nexport interface StickyProps extends BaseProps {\n  $refs: {\n    inner: HTMLElement;\n    sentinelRef: HTMLElement;\n  };\n  $options: {\n    zIndex: number;\n    hideWhenUp: boolean;\n    hideWhenDown: boolean;\n  };\n  $children: {\n    Sentinel: Sentinel[];\n  };\n}\n\n/**\n * Sticky class.\n */\nexport class Sticky<T extends BaseProps = BaseProps> extends Base<T & StickyProps> {\n  /**\n   * Config.\n   */\n  static config: BaseConfig = {\n    name: 'Sticky',\n    refs: ['inner', 'sentinelRef'],\n    components: {\n      Sentinel,\n    },\n    options: {\n      zIndex: {\n        type: Number,\n        default: 100,\n      },\n      hideWhenUp: Boolean,\n      hideWhenDown: Boolean,\n    },\n  };\n\n  /**\n   * Holder for all instances.\n   */\n  // eslint-disable-next-line no-use-before-define\n  static instances: Set<Sticky> = new Set();\n\n  /**\n   * Is the component sticky?\n   */\n  isSticky = false;\n\n  /**\n   * Is the component visible?\n   */\n  isVisible = true;\n\n  /**\n   * Set the Y value.\n   */\n  set y(value: number) {\n    this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;\n  }\n\n  /**\n   * Get instances as array.\n   */\n  get instances(): Sticky[] {\n    return Array.from(Sticky.instances);\n  }\n\n  /**\n   * Mounted hook.\n   */\n  mounted() {\n    Sticky.instances.add(this);\n    this.setSentinelSize();\n  }\n\n  /**\n   * Resized hook.\n   */\n  resized() {\n    this.setSentinelSize();\n  }\n\n  /**\n   * Destroyed hook.\n   */\n  destroyed() {\n    Sticky.instances.delete(this);\n  }\n\n  /**\n   * Scrolled hook.\n   */\n  scrolled(props) {\n    if (!this.isSticky || props.y === props.last.y) {\n      return;\n    }\n\n    if (\n      (props.direction.y === 'DOWN' && this.$options.hideWhenDown) ||\n      (props.direction.y === 'UP' && this.$options.hideWhenUp)\n    ) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Listen to the sentinel's `intersected` event to set the `isSticky` value.\n   * @param   {IntersectionObserverEntry[]} entries\n   * @returns {void}\n   */\n  onSentinelIntersected([entry]: IntersectionObserverEntry[]) {\n    this.isSticky = entry.isIntersecting && entry.boundingClientRect.y < 0;\n    this.setPosition();\n  }\n\n  /**\n   * Hide the sticky component when another one is sticky.\n   */\n  hide() {\n    if (!this.isVisible) {\n      return;\n    }\n\n    this.isVisible = false;\n    this.$el.classList.add('pointer-events-none');\n\n    this.instances.forEach((instance, index) => instance.setPosition(index));\n  }\n\n  /**\n   * Show the sticky component when the other one is not sticky anymore.\n   */\n  show() {\n    if (this.isVisible) {\n      return;\n    }\n\n    this.isVisible = true;\n    this.$el.classList.remove('pointer-events-none');\n    this.instances.forEach((instance, index) => instance.setPosition(index));\n  }\n\n  /**\n   * Set the sentinel height based on the previous instances.\n   */\n  setSentinelSize() {\n    const { instances } = this;\n    const index = instances.indexOf(this);\n    const height = instances\n      .slice(0, index)\n      .filter(\n        // Test each instance sticky context against the current element\n        (instance) => this.closestRelativeElement(instance.$el).contains(this.$el),\n      )\n      .reduce((acc, instance) => acc + instance.$el.offsetHeight, 0);\n\n    this.$refs.sentinelRef.style.height = `${height + 1}px`;\n    this.$el.style.top = `${height}px`;\n    this.$el.style.zIndex = String(this.$options.zIndex - index);\n  }\n\n  /**\n   * Set the component's position.\n   * @param   {number} [index] The instance index in all the pages' instances.\n   * @returns {void}\n   */\n  setPosition(index?: number) {\n    if (!this.isSticky) {\n      this.y = 0;\n      return;\n    }\n\n    const { instances } = this;\n\n    // eslint-disable-next-line no-param-reassign\n    index = index ?? instances.indexOf(this);\n\n    this.y = instances\n      .slice(0, index)\n      .filter((instance) => instance.isSticky && !instance.isVisible)\n      .reduce<number>(\n        (y: number, instance) => y - instance.$refs.inner.offsetHeight,\n        this.isVisible ? 0 : this.$refs.inner.offsetHeight * -1,\n      ) as number;\n  }\n\n  /**\n   * Find the first parent which has a relative position.\n   */\n  closestRelativeElement(element: HTMLElement) {\n    let parent = element.parentElement;\n\n    while (getComputedStyle(parent).position !== 'relative' && parent.parentElement) {\n      parent = parent.parentElement;\n    }\n\n    return parent;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/molecules/Sticky/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/molecules/Sticky/index.ts
-var Sticky_exports = {};
-module.exports = __toCommonJS(Sticky_exports);
-__reExport(Sticky_exports, require("./Sticky.cjs"), module.exports);
-if (module.exports.default) module.exports = module.exports.default;
-//# sourceMappingURL=index.cjs.map

package/molecules/Sticky/index.cjs.map

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