@studiometa/ui 0.2.13 → 0.2.14

package/molecules/Slider/SliderProgress.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,22 +15,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/molecules/Slider/SliderProgress.js
+// packages/ui/molecules/Slider/SliderProgress.ts
 var SliderProgress_exports = {};
 __export(SliderProgress_exports, {
-  default: () => SliderProgress
+  SliderProgress: () => SliderProgress
 });
 module.exports = __toCommonJS(SliderProgress_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
-var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
-var SliderProgress = class extends import_AbstractSliderChild.default {
+var import_AbstractSliderChild = require("./AbstractSliderChild.cjs");
+var SliderProgress = class extends import_AbstractSliderChild.AbstractSliderChild {
   update(index) {
     import_utils.domScheduler.read(() => {
       const { progress } = this.$refs;

package/molecules/Slider/SliderProgress.d.ts

@@ -1,35 +1,20 @@
-/**
- * @typedef {SliderProgress & {
- *   $refs: {
- *     progress: HTMLElement
- *   },
- *   $parent: import('./Slider.js').default
- * }} SliderProgressInterface
- */
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { AbstractSliderChild } from './AbstractSliderChild.js';
+export interface SliderProgressProps extends BaseProps {
+    $refs: {
+        progress: HTMLElement;
+    };
+}
 /**
  * SliderProgress class.
  */
-export default class SliderProgress extends AbstractSliderChild {
+export declare class SliderProgress<T extends BaseProps = BaseProps> extends AbstractSliderChild<T & SliderProgressProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        refs: string[];
-    };
+    static config: BaseConfig;
     /**
      * Update the progress indicator.
-     *
-     * @this    {SliderProgressInterface}
-     * @param   {number} index The new active index.
-     * @returns {void}
      */
-    update(this: SliderProgressInterface, index: number): void;
+    update(index: number): void;
 }
-export type SliderProgressInterface = SliderProgress & {
-    $refs: {
-        progress: HTMLElement;
-    };
-    $parent: import('./Slider.js').default;
-};
-import AbstractSliderChild from "./AbstractSliderChild.js";

package/molecules/Slider/SliderProgress.js

@@ -1 +1,26 @@
-import{transform as i,map as o,domScheduler as e}from"@studiometa/js-toolkit/utils";import d from"./AbstractSliderChild.js";class a extends d{static config={name:"SliderProgress",refs:["progress"]};update(s){e.read(()=>{const{progress:r}=this.$refs,t=o(s,0,this.$parent.indexMax,r.clientWidth*-1,0);e.write(()=>{i(r,{x:t})})})}}export{a as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { transform, map, domScheduler } from "@studiometa/js-toolkit/utils";
+import { AbstractSliderChild } from "./AbstractSliderChild.js";
+class SliderProgress extends AbstractSliderChild {
+  update(index) {
+    domScheduler.read(() => {
+      const { progress } = this.$refs;
+      const x = map(index, 0, this.$parent.indexMax, progress.clientWidth * -1, 0);
+      domScheduler.write(() => {
+        transform(progress, { x });
+      });
+    });
+  }
+}
+__publicField(SliderProgress, "config", {
+  name: "SliderProgress",
+  refs: ["progress"]
+});
+export {
+  SliderProgress
+};

package/molecules/Slider/index.cjs

@@ -1,13 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 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))
@@ -16,28 +10,18 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+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.js
+// packages/ui/molecules/Slider/index.ts
 var Slider_exports = {};
-__export(Slider_exports, {
-  AbstractSliderChild: () => import_AbstractSliderChild.default,
-  Slider: () => import_Slider.default,
-  SliderBtn: () => import_SliderBtn.default,
-  SliderCount: () => import_SliderCount.default,
-  SliderDots: () => import_SliderDots.default,
-  SliderDrag: () => import_SliderDrag.default,
-  SliderItem: () => import_SliderItem.default,
-  SliderProgress: () => import_SliderProgress.default
-});
 module.exports = __toCommonJS(Slider_exports);
-var import_AbstractSliderChild = __toESM(require("./AbstractSliderChild.cjs"), 1);
-var import_Slider = __toESM(require("./Slider.cjs"), 1);
-var import_SliderBtn = __toESM(require("./SliderBtn.cjs"), 1);
-var import_SliderCount = __toESM(require("./SliderCount.cjs"), 1);
-var import_SliderDrag = __toESM(require("./SliderDrag.cjs"), 1);
-var import_SliderItem = __toESM(require("./SliderItem.cjs"), 1);
-var import_SliderProgress = __toESM(require("./SliderProgress.cjs"), 1);
-var import_SliderDots = __toESM(require("./SliderDots.cjs"), 1);
+__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;

package/molecules/Slider/index.d.ts

@@ -1,8 +1,8 @@
-export { default as AbstractSliderChild } from "./AbstractSliderChild.js";
-export { default as Slider } from "./Slider.js";
-export { default as SliderBtn } from "./SliderBtn.js";
-export { default as SliderCount } from "./SliderCount.js";
-export { default as SliderDrag } from "./SliderDrag.js";
-export { default as SliderItem } from "./SliderItem.js";
-export { default as SliderProgress } from "./SliderProgress.js";
-export { default as SliderDots } from "./SliderDots.js";
+export * from './AbstractSliderChild.js';
+export * from './Slider.js';
+export * from './SliderBtn.js';
+export * from './SliderCount.js';
+export * from './SliderDrag.js';
+export * from './SliderItem.js';
+export * from './SliderProgress.js';
+export * from './SliderDots.js';

package/molecules/Slider/index.js

@@ -1 +1,8 @@
-import{default as t}from"./AbstractSliderChild.js";import{default as a}from"./Slider.js";import{default as l}from"./SliderBtn.js";import{default as s}from"./SliderCount.js";import{default as m}from"./SliderDrag.js";import{default as p}from"./SliderItem.js";import{default as S}from"./SliderProgress.js";import{default as n}from"./SliderDots.js";export{t as AbstractSliderChild,a as Slider,l as SliderBtn,s as SliderCount,n as SliderDots,m as SliderDrag,p as SliderItem,S as SliderProgress};
+export * from "./AbstractSliderChild.js";
+export * from "./Slider.js";
+export * from "./SliderBtn.js";
+export * from "./SliderCount.js";
+export * from "./SliderDrag.js";
+export * from "./SliderItem.js";
+export * from "./SliderProgress.js";
+export * from "./SliderDots.js";

package/molecules/Sticky/Sticky.cjs

@@ -21,17 +21,20 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/molecules/Sticky/Sticky.js
+// packages/ui/molecules/Sticky/Sticky.ts
 var Sticky_exports = {};
 __export(Sticky_exports, {
-  default: () => Sticky
+  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 extends import_js_toolkit.Base {
-  isSticky = false;
-  isVisible = true;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isSticky", false);
+    __publicField(this, "isVisible", true);
+  }
   set y(value) {
     this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;
   }
@@ -80,8 +83,10 @@ var _Sticky = class extends import_js_toolkit.Base {
   }
   setSentinelSize() {
     const { instances } = this;
-    const index = instances.findIndex((instance) => instance === this);
-    const height = instances.slice(0, index).filter((instance) => this.closestRelativeElement(instance.$el).contains(this.$el)).reduce((acc, instance) => acc + instance.$el.offsetHeight, 0);
+    const index = instances.indexOf(this);
+    const height = instances.slice(0, index).filter(
+      (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);
@@ -92,10 +97,11 @@ var _Sticky = class extends import_js_toolkit.Base {
       return;
     }
     const { instances } = this;
-    index = index ?? instances.findIndex((instance) => instance === this);
-    this.y = instances.slice(0, index).filter((instance) => instance.isSticky && !instance.isVisible).reduce((y, instance) => {
-      return y - instance.$refs.inner.offsetHeight;
-    }, this.isVisible ? 0 : this.$refs.inner.offsetHeight * -1);
+    index = index != null ? 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
+    );
   }
   closestRelativeElement(element) {
     let parent = element.parentElement;

package/molecules/Sticky/Sticky.d.ts

@@ -1,3 +1,6 @@
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { Sentinel } from '../../primitives/index.js';
 /**
  * @typedef {Object} StickyRefs
  * @property {HTMLElement} inner
@@ -9,80 +12,64 @@
  * @property {{ zIndex: number, hideWhenUp: boolean, hideWhenDown: boolean }} $options
  * @property {{ Sentinel: Sentinel[] }} $children
  */
-/**
- * @typedef {Sticky & StickyPrivateInterface} StickyInterface
- */
+export interface StickyProps extends BaseProps {
+    $refs: {
+        inner: HTMLElement;
+        sentinelRef: HTMLElement;
+    };
+    $options: {
+        zIndex: number;
+        hideWhenUp: boolean;
+        hideWhenDown: boolean;
+    };
+    $children: {
+        Sentinel: Sentinel[];
+    };
+}
 /**
  * Sticky class.
  */
-export default class Sticky extends Base {
+export declare class Sticky<T extends BaseProps = BaseProps> extends Base<T & StickyProps> {
     /**
      * Config.
      */
-    static config: {
-        name: string;
-        refs: string[];
-        components: {
-            Sentinel: typeof Sentinel;
-        };
-        options: {
-            zIndex: {
-                type: NumberConstructor;
-                default: number;
-            };
-            hideWhenUp: BooleanConstructor;
-            hideWhenDown: BooleanConstructor;
-        };
-    };
+    static config: BaseConfig;
     /**
      * Holder for all instances.
-     * @type {Set<StickyInterface>}
      */
-    static instances: Set<StickyInterface>;
+    static instances: Set<Sticky>;
     /**
      * Is the component sticky?
-     * @type {boolean}
      */
     isSticky: boolean;
     /**
      * Is the component visible?
-     * @type {Boolean}
      */
     isVisible: boolean;
     /**
      * Set the Y value.
-     *
-     * @this    {StickyInterface}
-     * @param   {number} value
-     * @returns {void}
      */
-    set y(arg: number);
+    set y(value: number);
     /**
      * Get instances as array.
-     * @return {Array<StickyInterface>}
      */
-    get instances(): StickyInterface[];
+    get instances(): Sticky[];
     /**
      * Mounted hook.
-     * @this {StickyInterface}
      */
-    mounted(this: StickyInterface): void;
+    mounted(): void;
     /**
      * Resized hook.
-     * @this {StickyInterface}
-     * @returns {void}
      */
-    resized(this: StickyInterface): void;
+    resized(): void;
     /**
      * Destroyed hook.
-     * @this {StickyInterface}
      */
-    destroyed(this: StickyInterface): void;
+    destroyed(): void;
     /**
      * Scrolled hook.
-     * @this {StickyInterface}
      */
-    scrolled(this: StickyInterface, props: any): void;
+    scrolled(props: any): void;
     /**
      * Listen to the sentinel's `intersected` event to set the `isSticky` value.
      *
@@ -92,50 +79,25 @@ export default class Sticky extends Base {
     onSentinelIntersected([entry]: IntersectionObserverEntry[]): void;
     /**
      * Hide the sticky component when another one is sticky.
-     * @this {StickyInterface}
      */
-    hide(this: StickyInterface): void;
+    hide(): void;
     /**
      * Show the sticky component when the other one is not sticky anymore.
-     * @this {StickyInterface}
      */
-    show(this: StickyInterface): void;
+    show(): void;
     /**
      * Set the sentinel height based on the previous instances.
-     * @this {StickyInterface}
      */
-    setSentinelSize(this: StickyInterface): void;
+    setSentinelSize(): void;
     /**
      * Set the component's position.
      *
-     * @this    {StickyInterface}
      * @param   {number} [index] The instance index in all the pages' instances.
      * @returns {void}
      */
-    setPosition(this: StickyInterface, index?: number): void;
+    setPosition(index?: number): void;
     /**
      * Find the first parent which has a relative position.
-     *
-     * @param   {HTMLElement} element
-     * @returns {HTMLElement}
      */
     closestRelativeElement(element: HTMLElement): HTMLElement;
 }
-export type StickyRefs = {
-    inner: HTMLElement;
-    sentinelRef: HTMLElement;
-};
-export type StickyPrivateInterface = {
-    $refs: StickyRefs;
-    $options: {
-        zIndex: number;
-        hideWhenUp: boolean;
-        hideWhenDown: boolean;
-    };
-    $children: {
-        Sentinel: Sentinel[];
-    };
-};
-export type StickyInterface = Sticky & StickyPrivateInterface;
-import { Base } from "@studiometa/js-toolkit";
-import { Sentinel } from "../../primitives/index.js";

package/molecules/Sticky/Sticky.js

@@ -1 +1,110 @@
-import{Base as o}from"@studiometa/js-toolkit";import{Sentinel as h}from"../../primitives/index.js";class n extends o{static config={name:"Sticky",refs:["inner","sentinelRef"],components:{Sentinel:h},options:{zIndex:{type:Number,default:100},hideWhenUp:Boolean,hideWhenDown:Boolean}};static instances=new Set;isSticky=!1;isVisible=!0;set y(e){this.$refs.inner.style.transform=`translateY(${e}px) translateZ(0px)`}get instances(){return Array.from(n.instances)}mounted(){n.instances.add(this),this.setSentinelSize()}resized(){this.setSentinelSize()}destroyed(){n.instances.delete(this)}scrolled(e){!this.isSticky||e.y===e.last.y||(e.direction.y==="DOWN"&&this.$options.hideWhenDown||e.direction.y==="UP"&&this.$options.hideWhenUp?this.hide():this.show())}onSentinelIntersected([e]){this.isSticky=e.isIntersecting&&e.boundingClientRect.y<0,this.setPosition()}hide(){!this.isVisible||(this.isVisible=!1,this.$el.classList.add("pointer-events-none"),this.instances.forEach((e,t)=>e.setPosition(t)))}show(){this.isVisible||(this.isVisible=!0,this.$el.classList.remove("pointer-events-none"),this.instances.forEach((e,t)=>e.setPosition(t)))}setSentinelSize(){const{instances:e}=this,t=e.findIndex(s=>s===this),i=e.slice(0,t).filter(s=>this.closestRelativeElement(s.$el).contains(this.$el)).reduce((s,l)=>s+l.$el.offsetHeight,0);this.$refs.sentinelRef.style.height=`${i+1}px`,this.$el.style.top=`${i}px`,this.$el.style.zIndex=String(this.$options.zIndex-t)}setPosition(e){if(!this.isSticky){this.y=0;return}const{instances:t}=this;e=e??t.findIndex(i=>i===this),this.y=t.slice(0,e).filter(i=>i.isSticky&&!i.isVisible).reduce((i,s)=>i-s.$refs.inner.offsetHeight,this.isVisible?0:this.$refs.inner.offsetHeight*-1)}closestRelativeElement(e){let t=e.parentElement;for(;getComputedStyle(t).position!=="relative"&&t.parentElement;)t=t.parentElement;return t}}export{n as default};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { Base } from "@studiometa/js-toolkit";
+import { Sentinel } from "../../primitives/index.js";
+const _Sticky = class extends Base {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isSticky", false);
+    __publicField(this, "isVisible", true);
+  }
+  set y(value) {
+    this.$refs.inner.style.transform = `translateY(${value}px) translateZ(0px)`;
+  }
+  get instances() {
+    return Array.from(_Sticky.instances);
+  }
+  mounted() {
+    _Sticky.instances.add(this);
+    this.setSentinelSize();
+  }
+  resized() {
+    this.setSentinelSize();
+  }
+  destroyed() {
+    _Sticky.instances.delete(this);
+  }
+  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();
+    }
+  }
+  onSentinelIntersected([entry]) {
+    this.isSticky = entry.isIntersecting && entry.boundingClientRect.y < 0;
+    this.setPosition();
+  }
+  hide() {
+    if (!this.isVisible) {
+      return;
+    }
+    this.isVisible = false;
+    this.$el.classList.add("pointer-events-none");
+    this.instances.forEach((instance, index) => instance.setPosition(index));
+  }
+  show() {
+    if (this.isVisible) {
+      return;
+    }
+    this.isVisible = true;
+    this.$el.classList.remove("pointer-events-none");
+    this.instances.forEach((instance, index) => instance.setPosition(index));
+  }
+  setSentinelSize() {
+    const { instances } = this;
+    const index = instances.indexOf(this);
+    const height = instances.slice(0, index).filter(
+      (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);
+  }
+  setPosition(index) {
+    if (!this.isSticky) {
+      this.y = 0;
+      return;
+    }
+    const { instances } = this;
+    index = index != null ? 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
+    );
+  }
+  closestRelativeElement(element) {
+    let parent = element.parentElement;
+    while (getComputedStyle(parent).position !== "relative" && parent.parentElement) {
+      parent = parent.parentElement;
+    }
+    return parent;
+  }
+};
+let Sticky = _Sticky;
+__publicField(Sticky, "config", {
+  name: "Sticky",
+  refs: ["inner", "sentinelRef"],
+  components: {
+    Sentinel
+  },
+  options: {
+    zIndex: {
+      type: Number,
+      default: 100
+    },
+    hideWhenUp: Boolean,
+    hideWhenDown: Boolean
+  }
+});
+__publicField(Sticky, "instances", /* @__PURE__ */ new Set());
+export {
+  Sticky
+};

package/molecules/Sticky/index.cjs

@@ -0,0 +1,20 @@
+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;

package/molecules/Sticky/index.d.ts

@@ -0,0 +1 @@
+export * from './Sticky.js';

package/molecules/Sticky/index.js

@@ -0,0 +1 @@
+export * from "./Sticky.js";

package/molecules/TableOfContent/TableOfContent.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,21 +15,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 
-// packages/ui/molecules/TableOfContent/TableOfContent.js
+// packages/ui/molecules/TableOfContent/TableOfContent.ts
 var TableOfContent_exports = {};
 __export(TableOfContent_exports, {
-  default: () => TableOfContent
+  TableOfContent: () => TableOfContent
 });
 module.exports = __toCommonJS(TableOfContent_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_TableOfContentAnchor = __toESM(require("./TableOfContentAnchor.cjs"), 1);
+var import_TableOfContentAnchor = require("./TableOfContentAnchor.cjs");
 var TableOfContent = class extends import_js_toolkit.Base {
   mounted() {
     if (this.$options.withTemplate) {
@@ -48,7 +45,7 @@ var TableOfContent = class extends import_js_toolkit.Base {
       anchor.href = `#${section.id}`;
       anchor.innerHTML = section.textContent;
       anchor.dataset.component = "TableOfContentAnchor";
-      this.$refs.list.appendChild(li);
+      this.$refs.list.append(li);
     });
   }
 };
@@ -56,7 +53,7 @@ __publicField(TableOfContent, "config", {
   name: "TableOfContent",
   refs: ["itemTemplate", "list"],
   components: {
-    TableOfContentAnchor: import_TableOfContentAnchor.default
+    TableOfContentAnchor: import_TableOfContentAnchor.TableOfContentAnchor
   },
   options: {
     contentSelector: String,