@studiometa/ui 0.2.0 → 0.2.3

package/atoms/Prefetch/AbstractPrefetch.js

@@ -0,0 +1,58 @@
+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";
+const _AbstractPrefetch = class extends Base {
+  isPrefetchable(url, options) {
+    if (!url || !url.href) {
+      return false;
+    }
+    if (!options.prefetch) {
+      return false;
+    }
+    if (url.origin !== window.location.origin) {
+      return false;
+    }
+    if (!["http:", "https:"].includes(url.protocol)) {
+      return false;
+    }
+    if (url.protocol === "http:" && window.location.protocol === "https:") {
+      return false;
+    }
+    if (url.hash && url.pathname + url.search === window.location.pathname + window.location.search) {
+      return false;
+    }
+    return true;
+  }
+  prefetch(url) {
+    if (_AbstractPrefetch.prefetchedUrls.has(url.href)) {
+      return;
+    }
+    if (!this.isPrefetchable(url, this.$options)) {
+      return;
+    }
+    const prefetcher = document.createElement("link");
+    prefetcher.rel = "prefetch";
+    prefetcher.href = url.href;
+    document.head.appendChild(prefetcher);
+    _AbstractPrefetch.prefetchedUrls.add(url.href);
+    this.$terminate();
+  }
+};
+let AbstractPrefetch = _AbstractPrefetch;
+__publicField(AbstractPrefetch, "config", {
+  name: "AbstractPrefetch",
+  options: {
+    prefetch: {
+      type: Boolean,
+      default: true
+    }
+  }
+});
+__publicField(AbstractPrefetch, "prefetchedUrls", /* @__PURE__ */ new Set());
+export {
+  AbstractPrefetch as default
+};

package/atoms/Prefetch/PrefetchWhenOver.cjs

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/atoms/Prefetch/PrefetchWhenOver.js
+var PrefetchWhenOver_exports = {};
+__export(PrefetchWhenOver_exports, {
+  default: () => PrefetchWhenOver
+});
+var import_AbstractPrefetch = __toESM(require("./AbstractPrefetch.cjs"), 1);
+var PrefetchWhenOver = class extends import_AbstractPrefetch.default {
+  onMouseenter() {
+    this.prefetch(new URL(this.$el.href));
+  }
+};
+__publicField(PrefetchWhenOver, "config", __spreadProps(__spreadValues({}, import_AbstractPrefetch.default.config), {
+  name: "PrefetchWhenOver"
+}));
+module.exports = __toCommonJS(PrefetchWhenOver_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/Prefetch/PrefetchWhenOver.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @typedef {PrefetchWhenOver & {
+ *   $el: HTMLAnchorElement
+ * }} PrefetchWhenOverInterface
+ */
+/**
+ * PrefetchWhenOver class.
+ */
+export default class PrefetchWhenOver extends AbstractPrefetch {
+    /**
+     * Prefetch on mouseenter.
+     *
+     * @this    {PrefetchWhenOverInterface}
+     * @returns {void}
+     */
+    onMouseenter(): void;
+}
+export type PrefetchWhenOverInterface = PrefetchWhenOver & {
+    $el: HTMLAnchorElement;
+};
+import AbstractPrefetch from "./AbstractPrefetch.js";

package/atoms/Prefetch/PrefetchWhenOver.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import AbstractPrefetch from "./AbstractPrefetch.js";
+class PrefetchWhenOver extends AbstractPrefetch {
+  onMouseenter() {
+    this.prefetch(new URL(this.$el.href));
+  }
+}
+__publicField(PrefetchWhenOver, "config", __spreadProps(__spreadValues({}, AbstractPrefetch.config), {
+  name: "PrefetchWhenOver"
+}));
+export {
+  PrefetchWhenOver as default
+};

package/atoms/Prefetch/PrefetchWhenVisible.cjs

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/ui/atoms/Prefetch/PrefetchWhenVisible.js
+var PrefetchWhenVisible_exports = {};
+__export(PrefetchWhenVisible_exports, {
+  default: () => PrefetchWhenVisible
+});
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var import_AbstractPrefetch = __toESM(require("./AbstractPrefetch.cjs"), 1);
+var PrefetchWhenVisible = class extends (0, import_js_toolkit.withMountWhenInView)(import_AbstractPrefetch.default) {
+  mounted() {
+    this.prefetch(new URL(this.$el.href));
+  }
+};
+__publicField(PrefetchWhenVisible, "config", __spreadProps(__spreadValues({}, import_AbstractPrefetch.default.config), {
+  name: "PrefetchWhenVisible"
+}));
+module.exports = __toCommonJS(PrefetchWhenVisible_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/Prefetch/PrefetchWhenVisible.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @typedef {PrefetchWhenVisible & {
+ *   $el: HTMLAnchorElement
+ * }} PrefetchWhenVisibleInterface
+ */
+/**
+ * PrefetchWhenVisible class.
+ */
+export default class PrefetchWhenVisible extends AbstractPrefetch {
+    /**
+     * Prefetch on mount.
+     *
+     * @this    {PrefetchWhenVisibleInterface}
+     * @returns {void}
+     */
+    mounted(): void;
+}
+export type PrefetchWhenVisibleInterface = PrefetchWhenVisible & {
+    $el: HTMLAnchorElement;
+};
+import AbstractPrefetch from "./AbstractPrefetch.js";

package/atoms/Prefetch/PrefetchWhenVisible.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { withMountWhenInView } from "@studiometa/js-toolkit";
+import AbstractPrefetch from "./AbstractPrefetch.js";
+class PrefetchWhenVisible extends withMountWhenInView(AbstractPrefetch) {
+  mounted() {
+    this.prefetch(new URL(this.$el.href));
+  }
+}
+__publicField(PrefetchWhenVisible, "config", __spreadProps(__spreadValues({}, AbstractPrefetch.config), {
+  name: "PrefetchWhenVisible"
+}));
+export {
+  PrefetchWhenVisible as default
+};

package/atoms/Prefetch/index.cjs

@@ -0,0 +1,40 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/ui/atoms/Prefetch/index.js
+var Prefetch_exports = {};
+__export(Prefetch_exports, {
+  AbstractPrefetch: () => import_AbstractPrefetch.default,
+  PrefetchWhenOver: () => import_PrefetchWhenOver.default,
+  PrefetchWhenVisible: () => import_PrefetchWhenVisible.default
+});
+var import_AbstractPrefetch = __toESM(require("./AbstractPrefetch.cjs"), 1);
+var import_PrefetchWhenOver = __toESM(require("./PrefetchWhenOver.cjs"), 1);
+var import_PrefetchWhenVisible = __toESM(require("./PrefetchWhenVisible.cjs"), 1);
+module.exports = __toCommonJS(Prefetch_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/atoms/Prefetch/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AbstractPrefetch } from "./AbstractPrefetch.js";
+export { default as PrefetchWhenOver } from "./PrefetchWhenOver.js";
+export { default as PrefetchWhenVisible } from "./PrefetchWhenVisible.js";

package/atoms/Prefetch/index.js

@@ -0,0 +1,8 @@
+import { default as default2 } from "./AbstractPrefetch.js";
+import { default as default3 } from "./PrefetchWhenOver.js";
+import { default as default4 } from "./PrefetchWhenVisible.js";
+export {
+  default2 as AbstractPrefetch,
+  default3 as PrefetchWhenOver,
+  default4 as PrefetchWhenVisible
+};

package/atoms/index.cjs

@@ -29,10 +29,17 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 // packages/ui/atoms/index.js
 var atoms_exports = {};
 __export(atoms_exports, {
+  AnchorScrollTo: () => import_AnchorScrollTo.default,
   Cursor: () => import_Cursor.default,
-  Figure: () => import_Figure.default
+  Figure: () => import_Figure.default,
+  LargeText: () => import_LargeText.default,
+  LazyInclude: () => import_LazyInclude.default
 });
-var import_Figure = __toESM(require("./Figure/Figure.cjs"), 1);
+__reExport(atoms_exports, require("./Prefetch/index.cjs"));
+var import_AnchorScrollTo = __toESM(require("./AnchorScrollTo/AnchorScrollTo.cjs"), 1);
 var import_Cursor = __toESM(require("./Cursor/Cursor.cjs"), 1);
+var import_Figure = __toESM(require("./Figure/Figure.cjs"), 1);
+var import_LargeText = __toESM(require("./LargeText/LargeText.cjs"), 1);
+var import_LazyInclude = __toESM(require("./LazyInclude/LazyInclude.cjs"), 1);
 module.exports = __toCommonJS(atoms_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/atoms/index.d.ts

@@ -1,2 +1,6 @@
-export { default as Figure } from "./Figure/Figure.js";
+export * from "./Prefetch/index.js";
+export { default as AnchorScrollTo } from "./AnchorScrollTo/AnchorScrollTo.js";
 export { default as Cursor } from "./Cursor/Cursor.js";
+export { default as Figure } from "./Figure/Figure.js";
+export { default as LargeText } from "./LargeText/LargeText.js";
+export { default as LazyInclude } from "./LazyInclude/LazyInclude.js";

package/atoms/index.js

@@ -1,6 +1,13 @@
-import { default as default2 } from "./Figure/Figure.js";
+export * from "./Prefetch/index.js";
+import { default as default2 } from "./AnchorScrollTo/AnchorScrollTo.js";
 import { default as default3 } from "./Cursor/Cursor.js";
+import { default as default4 } from "./Figure/Figure.js";
+import { default as default5 } from "./LargeText/LargeText.js";
+import { default as default6 } from "./LazyInclude/LazyInclude.js";
 export {
+  default2 as AnchorScrollTo,
   default3 as Cursor,
-  default2 as Figure
+  default4 as Figure,
+  default5 as LargeText,
+  default6 as LazyInclude
 };

package/molecules/Accordion/AccordionItem.cjs

@@ -134,7 +134,7 @@ var _AccordionItem = class extends import_js_toolkit.Base {
       const refs = this.$refs;
       yield Promise.all([
         (0, import_utils.transition)(refs.container, {
-          from: { height: 0 },
+          from: { height: "0" },
           active: container.active,
           to: { height: `${refs.content.offsetHeight}px` }
         }).then(() => {

package/molecules/Accordion/AccordionItem.d.ts

@@ -10,13 +10,12 @@
  */
 /**
  * @typedef {Object} StylesOption
- * @property {String|CssStyleObject} open
- * @property {String|CssStyleObject} active
- * @property {String|CssStyleObject} closed
+ * @property {String|Partial<CSSStyleDeclaration>} open
+ * @property {String|Partial<CSSStyleDeclaration>} active
+ * @property {String|Partial<CSSStyleDeclaration>} closed
  */
 /**
- * @typedef {import('@studiometa/js-toolkit/utils/css/styles.js').CssStyleObject} CssStyleObject
- * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} AccordionItemStates
+ * @typedef {Partial<Record<'open'|'active'|'closed', string|Partial<CSSStyleDeclaration>>>} AccordionItemStates
  * @typedef {Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>} AccordionItemStylesOption
  */
 /**
@@ -102,12 +101,11 @@ export type AccordionItemRefs = {
     container: HTMLElement;
 };
 export type StylesOption = {
-    open: string | CssStyleObject;
-    active: string | CssStyleObject;
-    closed: string | CssStyleObject;
+    open: string | Partial<CSSStyleDeclaration>;
+    active: string | Partial<CSSStyleDeclaration>;
+    closed: string | Partial<CSSStyleDeclaration>;
 };
-export type CssStyleObject = import('@studiometa/js-toolkit/utils/css/styles.js').CssStyleObject;
-export type AccordionItemStates = Partial<Record<'open' | 'active' | 'closed', string | CssStyleObject>>;
+export type AccordionItemStates = Partial<Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>>;
 export type AccordionItemStylesOption = Partial<Record<keyof AccordionItemRefs, AccordionItemStates>>;
 export type AccordionItemOptions = {
     isOpen: boolean;

package/molecules/Accordion/AccordionItem.js

@@ -103,7 +103,7 @@ const _AccordionItem = class extends Base {
       const refs = this.$refs;
       yield Promise.all([
         transition(refs.container, {
-          from: { height: 0 },
+          from: { height: "0" },
           active: container.active,
           to: { height: `${refs.content.offsetHeight}px` }
         }).then(() => {

package/molecules/Modal/Modal.cjs

@@ -75,7 +75,6 @@ var Modal = class extends import_js_toolkit.Base {
       this.__refModalParentBackup.insertBefore(this.__refModalPlaceholder, this.$refs.modal);
       target.appendChild(this.$refs.modal);
     }
-    return this;
   }
   get $refs() {
     const $refs = super.$refs;
@@ -112,7 +111,7 @@ var Modal = class extends import_js_toolkit.Base {
   open() {
     return __async(this, null, function* () {
       if (this.isOpen) {
-        return Promise.resolve(this);
+        return Promise.resolve();
       }
       this.$refs.modal.setAttribute("aria-hidden", "false");
       document.documentElement.style.overflow = "hidden";
@@ -129,14 +128,14 @@ var Modal = class extends import_js_toolkit.Base {
           const autofocusElement = this.$refs.modal.querySelector(this.$options.autofocus);
           autofocusElement.focus();
         }
-        return Promise.resolve(this);
+        return Promise.resolve();
       });
     });
   }
   close() {
     return __async(this, null, function* () {
       if (!this.isOpen) {
-        return Promise.resolve(this);
+        return Promise.resolve();
       }
       this.$refs.modal.setAttribute("aria-hidden", "true");
       document.documentElement.style.overflow = "";
@@ -148,7 +147,7 @@ var Modal = class extends import_js_toolkit.Base {
         from: open,
         active,
         to: closed
-      }, "keep"))).then(() => Promise.resolve(this));
+      }, "keep"))).then(() => Promise.resolve());
     });
   }
 };

package/molecules/Modal/Modal.d.ts

@@ -8,8 +8,7 @@
  * @property {HTMLElement} overlay
  */
 /**
- * @typedef {import('@studiometa/js-toolkit/utils/css/styles.js').CssStyleObject} CssStyleObject
- * @typedef {Partial<Record<'open'|'active'|'closed', string|CssStyleObject>>} ModalStates
+ * @typedef {Partial<Record<'open'|'active'|'closed', string|Partial<CSSStyleDeclaration>>>} ModalStates
  * @typedef {Partial<Record<keyof ModalRefs, ModalStates>>} ModalStylesOption
  */
 /**
@@ -29,6 +28,7 @@
  */
 /**
  * @typedef {Modal & ModalPrivateInterface} ModalInterface
+ * @typedef {typeof Modal} ModalConstructor
  */
 /**
  * Modal class.
@@ -79,7 +79,7 @@ export default class Modal extends Base {
      *
      * @this {ModalInterface}
      */
-    mounted(): ModalInterface;
+    mounted(): void;
     isOpen: boolean;
     __refsBackup: import("@studiometa/js-toolkit/Base/managers/RefsManager").default & ModalRefs;
     __refModalPlaceholder: Comment;
@@ -111,16 +111,16 @@ export default class Modal extends Base {
      * Open the modal.
      *
      * @this {ModalInterface}
-     * @return {Promise<ModalInterface>} The Modal instance.
+     * @return {Promise<void>} The Modal instance.
      */
-    open(): Promise<ModalInterface>;
+    open(): Promise<void>;
     /**
      * Close the modal.
      *
      * @this {ModalInterface}
-     * @return {Promise<ModalInterface>} The Modal instance.
+     * @return {Promise<void>} The Modal instance.
      */
-    close(): Promise<ModalInterface>;
+    close(): Promise<void>;
 }
 export type ModalRefs = {
     close: HTMLElement;
@@ -130,8 +130,7 @@ export type ModalRefs = {
     open: HTMLElement;
     overlay: HTMLElement;
 };
-export type CssStyleObject = import('@studiometa/js-toolkit/utils/css/styles.js').CssStyleObject;
-export type ModalStates = Partial<Record<'open' | 'active' | 'closed', string | CssStyleObject>>;
+export type ModalStates = Partial<Record<'open' | 'active' | 'closed', string | Partial<CSSStyleDeclaration>>>;
 export type ModalStylesOption = Partial<Record<keyof ModalRefs, ModalStates>>;
 export type ModalOptions = {
     /**
@@ -156,4 +155,5 @@ export type ModalPrivateInterface = {
     refModalUnbindGetRefFilter: Function;
 };
 export type ModalInterface = Modal & ModalPrivateInterface;
+export type ModalConstructor = typeof Modal;
 import { Base } from "@studiometa/js-toolkit";

package/molecules/Modal/Modal.js

@@ -48,7 +48,6 @@ class Modal extends Base {
       this.__refModalParentBackup.insertBefore(this.__refModalPlaceholder, this.$refs.modal);
       target.appendChild(this.$refs.modal);
     }
-    return this;
   }
   get $refs() {
     const $refs = super.$refs;
@@ -85,7 +84,7 @@ class Modal extends Base {
   open() {
     return __async(this, null, function* () {
       if (this.isOpen) {
-        return Promise.resolve(this);
+        return Promise.resolve();
       }
       this.$refs.modal.setAttribute("aria-hidden", "false");
       document.documentElement.style.overflow = "hidden";
@@ -102,14 +101,14 @@ class Modal extends Base {
           const autofocusElement = this.$refs.modal.querySelector(this.$options.autofocus);
           autofocusElement.focus();
         }
-        return Promise.resolve(this);
+        return Promise.resolve();
       });
     });
   }
   close() {
     return __async(this, null, function* () {
       if (!this.isOpen) {
-        return Promise.resolve(this);
+        return Promise.resolve();
       }
       this.$refs.modal.setAttribute("aria-hidden", "true");
       document.documentElement.style.overflow = "";
@@ -121,7 +120,7 @@ class Modal extends Base {
         from: open,
         active,
         to: closed
-      }, "keep"))).then(() => Promise.resolve(this));
+      }, "keep"))).then(() => Promise.resolve());
     });
   }
 }