@studiometa/ui 0.2.8 → 0.2.11

package/primitives/Transition/Transition.cjs

@@ -2,7 +2,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,51 +15,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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/primitives/Transition/Transition.js
 var Transition_exports = {};
 __export(Transition_exports, {
-  default: () => Transition
+  default: () => Transition_default
 });
 module.exports = __toCommonJS(Transition_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
-var import_utils = require("@studiometa/js-toolkit/utils");
-var Transition = class extends import_js_toolkit.Base {
-  get target() {
-    return this.$el;
-  }
-  enter() {
-    const { enterFrom, enterActive, enterTo, enterKeep, leaveTo } = this.$options;
-    return (0, import_utils.transition)(this.target, {
-      from: (leaveTo + " " + enterFrom).trim(),
-      active: enterActive,
-      to: enterTo
-    }, enterKeep && "keep");
-  }
-  leave() {
-    const { leaveFrom, leaveActive, leaveTo, leaveKeep, enterTo } = this.$options;
-    return (0, import_utils.transition)(this.target, {
-      from: (enterTo + " " + leaveFrom).trim(),
-      active: leaveActive,
-      to: leaveTo
-    }, leaveKeep && "keep");
-  }
-};
-__publicField(Transition, "config", {
-  name: "Transition",
-  options: {
-    enterFrom: String,
-    enterActive: String,
-    enterTo: String,
-    enterKeep: Boolean,
-    leaveFrom: String,
-    leaveActive: String,
-    leaveTo: String,
-    leaveKeep: Boolean
-  }
-});
+var import_decorators = require("../../decorators/index.cjs");
+var Transition_default = (0, import_decorators.withTransition)(import_js_toolkit.Base);
 if (module.exports.default) module.exports = module.exports.default;

package/primitives/Transition/Transition.d.ts

@@ -1,67 +1,7 @@
-/**
- * @typedef {Object} TransitionOptions
- * @property {string} enterFrom
- * @property {string} enterActive
- * @property {string} enterTo
- * @property {boolean} enterKeep
- * @property {string} leaveFrom
- * @property {string} leaveActive
- * @property {string} leaveTo
- * @property {boolean} leaveKeep
- */
-/**
- * Transition class.
- * @typedef {Transition & { $options: TransitionOptions }} TransitionInterface
- */
-export default class Transition extends Base {
-    static config: {
-        name: string;
-        options: {
-            enterFrom: StringConstructor;
-            enterActive: StringConstructor;
-            enterTo: StringConstructor;
-            enterKeep: BooleanConstructor;
-            leaveFrom: StringConstructor;
-            leaveActive: StringConstructor;
-            leaveTo: StringConstructor;
-            leaveKeep: BooleanConstructor;
-        };
-    };
-    /**
-     * Get the transition target.
-     *
-     * @returns {HTMLElement}
-     */
-    get target(): HTMLElement;
-    /**
-     * Trigger the enter transition.
-     *
-     * @this {TransitionInterface}
-     * @returns {Promise<void>}
-     */
-    enter(this: TransitionInterface): Promise<void>;
-    /**
-     * Trigger the leave transition.
-     *
-     * @this {TransitionInterface}
-     * @returns {Promise<void>}
-     */
-    leave(this: TransitionInterface): Promise<void>;
-}
-export type TransitionOptions = {
-    enterFrom: string;
-    enterActive: string;
-    enterTo: string;
-    enterKeep: boolean;
-    leaveFrom: string;
-    leaveActive: string;
-    leaveTo: string;
-    leaveKeep: boolean;
-};
-/**
- * Transition class.
- */
-export type TransitionInterface = Transition & {
-    $options: TransitionOptions;
-};
+declare const _default: typeof Base & (new (...a: any[]) => {
+    readonly target: HTMLElement | HTMLElement[];
+    enter(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
+    leave(target?: HTMLElement | HTMLElement[]): Promise<void | void[]>;
+});
+export default _default;
 import { Base } from "@studiometa/js-toolkit";

package/primitives/Transition/Transition.js

@@ -1 +1 @@
-import{Base as a}from"@studiometa/js-toolkit";import{transition as i}from"@studiometa/js-toolkit/utils";class s extends a{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(){const{enterFrom:e,enterActive:t,enterTo:r,enterKeep:n,leaveTo:o}=this.$options;return i(this.target,{from:(o+" "+e).trim(),active:t,to:r},n&&"keep")}leave(){const{leaveFrom:e,leaveActive:t,leaveTo:r,leaveKeep:n,enterTo:o}=this.$options;return i(this.target,{from:(o+" "+e).trim(),active:t,to:r},n&&"keep")}}export{s as default};
+import{Base as o}from"@studiometa/js-toolkit";import{withTransition as r}from"../../decorators/index.js";var m=r(o);export{m as default};