@studiometa/ui 0.2.13 → 0.2.15

package/decorators/withTransition.d.ts

@@ -1,35 +1,5 @@
-/**
- * @typedef {{
- *   $options: {
- *     enterFrom: string,
- *     enterActive: string,
- *     enterTo: string,
- *     enterKeep: boolean,
- *     leaveFrom: string,
- *     leaveActive: string,
- *     leaveTo: string,
- *     leaveKeep: boolean,
- *   }
- * }} TransitionInterface
- */
-/**
- * Extend a class to add transition capabilities.
- * @template {typeof import('@studiometa/js-toolkit').Base} T
- * @param    {T} BaseClass
- * @returns  {T & {
- *   new(...a: any[]): {
- *     get target(): HTMLElement|HTMLElement[];
- *     enter(target?: HTMLElement|HTMLElement[]): Promise<void|void[]>;
- *     leave(target?: HTMLElement|HTMLElement[]): Promise<void|void[]>;
- *   }
- * }}
- */
-export default function withTransition<T extends typeof import("@studiometa/js-toolkit").Base>(BaseClass: T): T & (new (...a: any[]) => {
-    readonly target: HTMLElement | HTMLElement[];
-    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
-});
-export type TransitionInterface = {
+import type { Base, BaseDecorator, BaseProps, BaseInterface } from '@studiometa/js-toolkit';
+export interface TransitionProps extends BaseProps {
     $options: {
         enterFrom: string;
         enterActive: string;
@@ -40,4 +10,22 @@ export type TransitionInterface = {
         leaveTo: string;
         leaveKeep: boolean;
     };
-};
+}
+export interface TransitionInterface extends BaseInterface {
+    /**
+     * Get the transition target.
+     */
+    get target(): HTMLElement | HTMLElement[];
+    /**
+     * Trigger the enter transition.
+     */
+    enter(target?: HTMLElement | HTMLElement[]): Promise<void>;
+    /**
+     * Trigger the leave transition.
+     */
+    leave(target?: HTMLElement | HTMLElement[]): Promise<void>;
+}
+/**
+ * Extend a class to add transition capabilities.
+ */
+export declare function withTransition<S extends Base>(BaseClass: typeof Base): BaseDecorator<TransitionInterface, S, TransitionProps>;

package/decorators/withTransition.js

@@ -1 +1,50 @@
-import{transition as v,isArray as g}from"@studiometa/js-toolkit/utils";function c(e,r,n){return g(e)?Promise.all(e.map(t=>v(t,r,n))):v(e,r,n)}function p(e){class r extends e{static config={name:"Transition",options:{enterFrom:String,enterActive:String,enterTo:String,enterKeep:Boolean,leaveFrom:String,leaveActive:String,leaveTo:String,leaveKeep:Boolean}};get target(){return this.$el}enter(t){const{enterFrom:i,enterActive:o,enterTo:a,enterKeep:s,leaveTo:l}=this.$options;return c(t??this.target,{from:(l+" "+i).trim(),active:o,to:a},s&&"keep")}leave(t){const{leaveFrom:i,leaveActive:o,leaveTo:a,leaveKeep:s,enterTo:l}=this.$options;return c(t??this.target,{from:(l+" "+i).trim(),active:o,to:a},s&&"keep")}}return r}export{p as default};
+import { transition } from "@studiometa/js-toolkit/utils";
+function withTransition(BaseClass) {
+  class Transition extends BaseClass {
+    static config = {
+      name: "Transition",
+      options: {
+        enterFrom: String,
+        enterActive: String,
+        enterTo: String,
+        enterKeep: Boolean,
+        leaveFrom: String,
+        leaveActive: String,
+        leaveTo: String,
+        leaveKeep: Boolean
+      }
+    };
+    get target() {
+      return this.$el;
+    }
+    async enter(target) {
+      const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
+      await transition(
+        target ?? this.target,
+        {
+          from: (leaveTo + " " + enterFrom).trim(),
+          active: enterActive,
+          to: enterTo
+        },
+        enterKeep && "keep"
+      );
+    }
+    async leave(target) {
+      const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
+      await transition(
+        target ?? this.target,
+        {
+          from: (enterTo + " " + leaveFrom).trim(),
+          active: leaveActive,
+          to: leaveTo
+        },
+        leaveKeep && "keep"
+      );
+    }
+  }
+  return Transition;
+}
+export {
+  withTransition
+};
+//# sourceMappingURL=withTransition.js.map

package/decorators/withTransition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../packages/ui/decorators/withTransition.ts"],
+  "sourcesContent": ["import { transition } from '@studiometa/js-toolkit/utils';\nimport type {\n  Base,\n  BaseDecorator,\n  BaseProps,\n  BaseConfig,\n  BaseInterface,\n} from '@studiometa/js-toolkit';\n\nexport interface TransitionProps extends BaseProps {\n  $options: {\n    enterFrom: string;\n    enterActive: string;\n    enterTo: string;\n    enterKeep: boolean;\n    leaveFrom: string;\n    leaveActive: string;\n    leaveTo: string;\n    leaveKeep: boolean;\n  };\n}\n\nexport interface TransitionInterface extends BaseInterface {\n  /**\n   * Get the transition target.\n   */\n  get target(): HTMLElement | HTMLElement[];\n  /**\n   * Trigger the enter transition.\n   */\n  enter(target?: HTMLElement | HTMLElement[]):Promise<void>;\n  /**\n   * Trigger the leave transition.\n   */\n  leave(target?: HTMLElement | HTMLElement[]):Promise<void>;\n}\n\n/**\n * Extend a class to add transition capabilities.\n */\nexport function withTransition<S extends Base>(\n  BaseClass: typeof Base,\n): BaseDecorator<TransitionInterface, S, TransitionProps> {\n  /**\n   * Class.\n   */\n  class Transition<T extends BaseProps = BaseProps> extends BaseClass<\n    T & TransitionProps\n  > {\n    /**\n     * Config.\n     */\n    static config: BaseConfig = {\n      name: 'Transition',\n      options: {\n        enterFrom: String,\n        enterActive: String,\n        enterTo: String,\n        enterKeep: Boolean,\n        leaveFrom: String,\n        leaveActive: String,\n        leaveTo: String,\n        leaveKeep: Boolean,\n      },\n    };\n\n    /**\n     * Get the transition target.\n     */\n    get target(): HTMLElement | HTMLElement[] {\n      return this.$el;\n    }\n\n    /**\n     * Trigger the enter transition.\n     */\n    async enter(target?: HTMLElement | HTMLElement[]): Promise<void> {\n      const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;\n\n      await transition(\n        target ?? this.target,\n        {\n          // eslint-disable-next-line prefer-template\n          from: (leaveTo + ' ' + enterFrom).trim(),\n          active: enterActive as string,\n          to: enterTo as string,\n        },\n        enterKeep && 'keep',\n      );\n    }\n\n    /**\n     * Trigger the leave transition.\n     */\n    async leave(target?: HTMLElement | HTMLElement[]): Promise<void> {\n      const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;\n\n      await transition(\n        target ?? this.target,\n        {\n          // eslint-disable-next-line prefer-template\n          from: (enterTo + ' ' + leaveFrom).trim(),\n          active: leaveActive as string,\n          to: leaveTo as string,\n        },\n        leaveKeep && 'keep',\n      );\n    }\n  }\n\n  // @ts-ignore\n  return Transition;\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAwCpB,SAAS,eACd,WACwD;AAIxD,QAAM,mBAAoD,UAExD;AAAA,IAIA,OAAO,SAAqB;AAAA,MAC1B,MAAM;AAAA,MACN,SAAS;AAAA,QACP,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAKA,IAAI,SAAsC;AACxC,aAAO,KAAK;AAAA,IACd;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,YAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAKA,MAAM,MAAM,QAAqD;AAC/D,YAAM,EAAE,WAAW,aAAa,SAAS,WAAW,QAAQ,IAAI,KAAK;AAErE,YAAM;AAAA,QACJ,UAAU,KAAK;AAAA,QACf;AAAA,UAEE,OAAO,UAAU,MAAM,WAAW,KAAK;AAAA,UACvC,QAAQ;AAAA,UACR,IAAI;AAAA,QACN;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAGA,SAAO;AACT;",
+  "names": []
+}

package/index.cjs

@@ -13,7 +13,7 @@ var __copyProps = (to, from, except, desc) => {
 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/index.js
+// packages/ui/index.ts
 var ui_exports = {};
 module.exports = __toCommonJS(ui_exports);
 __reExport(ui_exports, require("./primitives/index.cjs"), module.exports);
@@ -22,3 +22,4 @@ __reExport(ui_exports, require("./molecules/index.cjs"), module.exports);
 __reExport(ui_exports, require("./organisms/index.cjs"), module.exports);
 __reExport(ui_exports, require("./decorators/index.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../packages/ui/index.ts"],
+  "sourcesContent": ["export * from './primitives/index.js';\nexport * from './atoms/index.js';\nexport * from './molecules/index.js';\nexport * from './organisms/index.js';\nexport * from './decorators/index.js';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,mCAAd;AACA,uBAAc,8BADd;AAEA,uBAAc,kCAFd;AAGA,uBAAc,kCAHd;AAIA,uBAAc,mCAJd;",
+  "names": []
+}

package/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./primitives/index.js";
-export * from "./atoms/index.js";
-export * from "./molecules/index.js";
-export * from "./organisms/index.js";
-export * from "./decorators/index.js";
+export * from './primitives/index.js';
+export * from './atoms/index.js';
+export * from './molecules/index.js';
+export * from './organisms/index.js';
+export * from './decorators/index.js';

package/index.js

@@ -1 +1,6 @@
-export*from"./primitives/index.js";export*from"./atoms/index.js";export*from"./molecules/index.js";export*from"./organisms/index.js";export*from"./decorators/index.js";
+export * from "./primitives/index.js";
+export * from "./atoms/index.js";
+export * from "./molecules/index.js";
+export * from "./organisms/index.js";
+export * from "./decorators/index.js";
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../packages/ui/index.ts"],
+  "sourcesContent": ["export * from './primitives/index.js';\nexport * from './atoms/index.js';\nexport * from './molecules/index.js';\nexport * from './organisms/index.js';\nexport * from './decorators/index.js';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/molecules/Accordion/Accordion.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,27 +15,27 @@ 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/Accordion/Accordion.js
+// packages/ui/molecules/Accordion/Accordion.ts
 var Accordion_exports = {};
 __export(Accordion_exports, {
-  default: () => Accordion
+  Accordion: () => Accordion
 });
 module.exports = __toCommonJS(Accordion_exports);
-var import_AccordionCore = __toESM(require("./AccordionCore.cjs"), 1);
-var import_AccordionItem = __toESM(require("./AccordionItem.cjs"), 1);
-var Accordion = class extends import_AccordionCore.default {
+var import_AccordionCore = require("./AccordionCore.cjs");
+var import_AccordionItem = require("./AccordionItem.cjs");
+var Accordion = class extends import_AccordionCore.AccordionCore {
 };
 __publicField(Accordion, "config", {
-  ...import_AccordionCore.default.config,
+  ...import_AccordionCore.AccordionCore.config,
   components: {
-    AccordionItem: import_AccordionItem.default
+    AccordionItem: import_AccordionItem.AccordionItem
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=Accordion.cjs.map

package/molecules/Accordion/Accordion.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAE9B,2BAA8B;AAKvB,IAAM,YAAN,cAAyD,mCAAkC;AAOlG;AANE,cADW,WACJ,UAAqB;AAAA,EAC1B,GAAG,mCAAc;AAAA,EACjB,YAAY;AAAA,IACV;AAAA,EACF;AACF;",
+  "names": []
+}

package/molecules/Accordion/Accordion.d.ts

@@ -1,27 +1,9 @@
-/**
- * @typedef {import('./AccordionCore.js').AccordionInterface} AccordionInterface
- * @typedef {import('./AccordionItem.js').AccordionItemInterface} AccordionItemInterface
- */
+import type { BaseProps, BaseConfig } from '@studiometa/js-toolkit';
+import { AccordionCore } from './AccordionCore.js';
+import type { AccordionProps } from './AccordionCore.js';
 /**
  * Accordion class.
  */
-export default class Accordion extends AccordionCore {
-    static config: {
-        components: {
-            AccordionItem: typeof AccordionItem;
-        };
-        name: string;
-        emits: string[];
-        options: {
-            autoclose: BooleanConstructor;
-            item: {
-                type: ObjectConstructor;
-                default: () => Partial<import("./AccordionItem.js").AccordionItemOptions>;
-            };
-        };
-    };
+export declare class Accordion<T extends BaseProps = BaseProps> extends AccordionCore<T & AccordionProps> {
+    static config: BaseConfig;
 }
-export type AccordionInterface = import('./AccordionCore.js').AccordionInterface;
-export type AccordionItemInterface = import('./AccordionItem.js').AccordionItemInterface;
-import AccordionCore from "./AccordionCore.js";
-import AccordionItem from "./AccordionItem.js";

package/molecules/Accordion/Accordion.js

@@ -1 +1,14 @@
-import o from"./AccordionCore.js";import c from"./AccordionItem.js";class r extends o{static config={...o.config,components:{AccordionItem:c}}}export{r as default};
+import { AccordionCore } from "./AccordionCore.js";
+import { AccordionItem } from "./AccordionItem.js";
+class Accordion extends AccordionCore {
+  static config = {
+    ...AccordionCore.config,
+    components: {
+      AccordionItem
+    }
+  };
+}
+export {
+  Accordion
+};
+//# sourceMappingURL=Accordion.js.map

package/molecules/Accordion/Accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/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/AccordionCore.cjs

@@ -21,27 +21,25 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/ui/molecules/Accordion/AccordionCore.js
+// packages/ui/molecules/Accordion/AccordionCore.ts
 var AccordionCore_exports = {};
 __export(AccordionCore_exports, {
-  default: () => Accordion
+  AccordionCore: () => AccordionCore
 });
 module.exports = __toCommonJS(AccordionCore_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var Accordion = class extends import_js_toolkit.Base {
+var AccordionCore = class extends import_js_toolkit.Base {
   onAccordionItemOpen(index) {
-    const accordionItem = this.$children.AccordionItem[index];
-    this.$emit("open", accordionItem, index);
+    this.$emit("open", this.$children.AccordionItem[index], index);
     if (this.$options.autoclose) {
       this.$children.AccordionItem.filter((el, i) => index !== i).forEach((item) => item.close());
     }
   }
   onAccordionItemClose(index) {
-    const accordionItem = this.$children.AccordionItem[index];
-    this.$emit("close", accordionItem, index);
+    this.$emit("close", this.$children.AccordionItem[index], index);
   }
 };
-__publicField(Accordion, "config", {
+__publicField(AccordionCore, "config", {
   name: "Accordion",
   emits: ["open", "close"],
   options: {
@@ -53,3 +51,4 @@ __publicField(Accordion, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=AccordionCore.cjs.map

package/molecules/Accordion/AccordionCore.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/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<\n  T & AccordionProps\n> {\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: 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: number) {\n    this.$emit('close', this.$children.AccordionItem[index], index);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqB;AAqBd,IAAM,gBAAN,cAA6D,uBAElE;AAAA,EAmBA,oBAAoB,OAAe;AACjC,SAAK,MAAM,QAAQ,KAAK,UAAU,cAAc,QAAQ,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,EAKA,qBAAqB,OAAe;AAClC,SAAK,MAAM,SAAS,KAAK,UAAU,cAAc,QAAQ,KAAK;AAAA,EAChE;AACF;AA5BE,cANW,eAMJ,UAAqB;AAAA,EAC1B,MAAM;AAAA,EACN,OAAO,CAAC,QAAQ,OAAO;AAAA,EACvB,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAgD,CAAC;AAAA,IAC5D;AAAA,EACF;AACF;",
+  "names": []
+}

package/molecules/Accordion/AccordionCore.d.ts

@@ -1,81 +1,33 @@
-/**
- * @typedef {import('./AccordionItem').default} AccordionItem
- * @typedef {import('./AccordionItem').AccordionItemOptions} AccordionItemOptions
- */
-/**
- * @typedef {Object} AccordionRefs
- * @property {HTMLElement[]} btn
- * @property {HTMLElement[]} content
- */
-/**
- * @typedef {Object} AccordionOptions
- * @property {Boolean} autoclose
- * @property {AccordionItemOptions} item
- */
-/**
- * @typedef {Object} AccordionChildren
- * @property {AccordionItem[]} AccordionItem
- */
-/**
- * @typedef {Object} AccordionPrivateInterface
- * @property {AccordionOptions} $options
- * @property {AccordionRefs} $refs
- * @property {AccordionChildren} $children
- */
-/**
- * @typedef {Accordion & AccordionPrivateInterface} AccordionInterface
- */
+import { Base } from '@studiometa/js-toolkit';
+import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
+import type { AccordionItem, AccordionItemProps } from './AccordionItem';
+export interface AccordionProps extends BaseProps {
+    $refs: {
+        btn: HTMLElement[];
+        content: HTMLElement[];
+    };
+    $options: {
+        autoclose: boolean;
+        item: AccordionItemProps['$options'];
+    };
+    $children: {
+        AccordionItem: AccordionItem[];
+    };
+}
 /**
  * Accordion class.
  */
-export default class Accordion extends Base {
+export declare class AccordionCore<T extends BaseProps = BaseProps> extends Base<T & AccordionProps> {
     /**
      * Accordion config.
      */
-    static config: {
-        name: string;
-        emits: string[];
-        options: {
-            autoclose: BooleanConstructor;
-            item: {
-                type: ObjectConstructor;
-                /**
-                 * @return {Partial<AccordionItemOptions>}
-                 */
-                default: () => Partial<AccordionItemOptions>;
-            };
-        };
-    };
+    static config: BaseConfig;
     /**
-     * @this {AccordionInterface}
-     * @param {number} index
-     * @return {void}
+     * Synchronize close on open.
      */
-    onAccordionItemOpen(this: AccordionInterface, index: number): void;
+    onAccordionItemOpen(index: number): void;
     /**
-     * @this {AccordionInterface}
-     * @param {number} index
-     * @return {void}
+     * Emit close event.
      */
-    onAccordionItemClose(this: AccordionInterface, index: number): void;
+    onAccordionItemClose(index: number): void;
 }
-export type AccordionItem = import('./AccordionItem').default;
-export type AccordionItemOptions = import('./AccordionItem').AccordionItemOptions;
-export type AccordionRefs = {
-    btn: HTMLElement[];
-    content: HTMLElement[];
-};
-export type AccordionOptions = {
-    autoclose: boolean;
-    item: AccordionItemOptions;
-};
-export type AccordionChildren = {
-    AccordionItem: AccordionItem[];
-};
-export type AccordionPrivateInterface = {
-    $options: AccordionOptions;
-    $refs: AccordionRefs;
-    $children: AccordionChildren;
-};
-export type AccordionInterface = Accordion & AccordionPrivateInterface;
-import { Base } from "@studiometa/js-toolkit";

package/molecules/Accordion/AccordionCore.js

@@ -1 +1,27 @@
-import{Base as i}from"@studiometa/js-toolkit";class n extends i{static config={name:"Accordion",emits:["open","close"],options:{autoclose:Boolean,item:{type:Object,default:()=>({})}}};onAccordionItemOpen(o){const c=this.$children.AccordionItem[o];this.$emit("open",c,o),this.$options.autoclose&&this.$children.AccordionItem.filter((t,e)=>o!==e).forEach(t=>t.close())}onAccordionItemClose(o){const c=this.$children.AccordionItem[o];this.$emit("close",c,o)}}export{n as default};
+import { Base } from "@studiometa/js-toolkit";
+class AccordionCore extends Base {
+  static config = {
+    name: "Accordion",
+    emits: ["open", "close"],
+    options: {
+      autoclose: Boolean,
+      item: {
+        type: Object,
+        default: () => ({})
+      }
+    }
+  };
+  onAccordionItemOpen(index) {
+    this.$emit("open", this.$children.AccordionItem[index], index);
+    if (this.$options.autoclose) {
+      this.$children.AccordionItem.filter((el, i) => index !== i).forEach((item) => item.close());
+    }
+  }
+  onAccordionItemClose(index) {
+    this.$emit("close", this.$children.AccordionItem[index], index);
+  }
+}
+export {
+  AccordionCore
+};
+//# sourceMappingURL=AccordionCore.js.map

package/molecules/Accordion/AccordionCore.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/ui/molecules/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<\n  T & AccordionProps\n> {\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: 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: number) {\n    this.$emit('close', this.$children.AccordionItem[index], index);\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAqBd,MAAM,sBAAuD,KAElE;AAAA,EAIA,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,EAKA,oBAAoB,OAAe;AACjC,SAAK,MAAM,QAAQ,KAAK,UAAU,cAAc,QAAQ,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,EAKA,qBAAqB,OAAe;AAClC,SAAK,MAAM,SAAS,KAAK,UAAU,cAAc,QAAQ,KAAK;AAAA,EAChE;AACF;",
+  "names": []
+}

package/molecules/Accordion/AccordionItem.cjs

@@ -17,29 +17,32 @@ 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 __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/Accordion/AccordionItem.js
+// packages/ui/molecules/Accordion/AccordionItem.ts
 var AccordionItem_exports = {};
 __export(AccordionItem_exports, {
-  default: () => AccordionItem
+  AccordionItem: () => AccordionItem
 });
 module.exports = __toCommonJS(AccordionItem_exports);
 var import_deepmerge = __toESM(require("deepmerge"), 1);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var import_utils = require("@studiometa/js-toolkit/utils");
-var import_AccordionCore = __toESM(require("./AccordionCore.cjs"), 1);
+var import_AccordionCore = require("./AccordionCore.cjs");
 var _AccordionItem = class extends import_js_toolkit.Base {
   mounted() {
-    if (this.$parent && this.$parent instanceof import_AccordionCore.default && this.$parent.$options.item) {
+    if (this.$parent && this.$parent instanceof import_AccordionCore.AccordionCore && this.$parent.$options.item) {
       Object.entries(this.$parent.$options.item).forEach(([key, value]) => {
         if (key in this.$options) {
-          const type = _AccordionItem.config.options[key].type || _AccordionItem.config.options[key];
+          const type = _AccordionItem.config.options[key].type ?? _AccordionItem.config.options[key];
           if (type === Array || type === Object) {
             this.$options[key] = (0, import_deepmerge.default)(this.$options[key], value);
           } else {
@@ -55,9 +58,9 @@ var _AccordionItem = class extends import_js_toolkit.Base {
     const { isOpen } = this.$options;
     this.updateAttributes(isOpen);
     const { container, ...otherStyles } = this.$options.styles;
-    const refs = this.$refs;
-    Object.entries(otherStyles).filter(([refName]) => refs[refName]).forEach(([refName, { open, closed } = { open: "", closed: "" }]) => {
-      (0, import_utils.transition)(refs[refName], { to: isOpen ? open : closed }, "keep");
+    const { $refs } = this;
+    Object.entries(otherStyles).filter(([refName]) => $refs[refName]).forEach(([refName, { open, closed } = { open: "", closed: "" }]) => {
+      (0, import_utils.transition)($refs[refName], { to: isOpen ? open : closed }, "keep");
     });
   }
   destroyed() {
@@ -90,23 +93,29 @@ var _AccordionItem = class extends import_js_toolkit.Base {
     this.updateAttributes(this.$options.isOpen);
     this.$refs.container.style.visibility = "";
     const { container, ...otherStyles } = this.$options.styles;
-    const refs = this.$refs;
+    const { $refs } = this;
     await Promise.all([
-      (0, import_utils.transition)(refs.container, {
+      (0, import_utils.transition)($refs.container, {
         from: { height: "0" },
         active: container.active,
-        to: { height: `${refs.content.offsetHeight}px` }
+        to: { height: `${$refs.content.offsetHeight}px` }
       }).then(() => {
         if (this.$options.isOpen) {
-          refs.content.style.position = "";
+          $refs.content.style.position = "";
         }
         return Promise.resolve();
       }),
-      ...Object.entries(otherStyles).filter(([refName]) => refs[refName]).map(([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(refs[refName], {
-        from: closed,
-        active,
-        to: open
-      }, "keep"))
+      ...Object.entries(otherStyles).filter(([refName]) => $refs[refName]).map(
+        ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
+          $refs[refName],
+          {
+            from: closed,
+            active,
+            to: open
+          },
+          "keep"
+        )
+      )
     ]);
   }
   async close() {
@@ -133,11 +142,17 @@ var _AccordionItem = class extends import_js_toolkit.Base {
         }
         return Promise.resolve();
       }),
-      ...Object.entries(otherStyles).filter(([refName]) => refs[refName]).map(([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(refs[refName], {
-        from: open,
-        active,
-        to: closed
-      }, "keep"))
+      ...Object.entries(otherStyles).filter(([refName]) => refs[refName]).map(
+        ([refName, { open, active, closed } = { open: "", active: "", closed: "" }]) => (0, import_utils.transition)(
+          refs[refName],
+          {
+            from: open,
+            active,
+            to: closed
+          },
+          "keep"
+        )
+      )
     ]);
   }
 };
@@ -162,3 +177,4 @@ __publicField(AccordionItem, "config", {
   }
 });
 if (module.exports.default) module.exports = module.exports.default;
+//# sourceMappingURL=AccordionItem.cjs.map