@studiometa/ui 0.2.0 → 0.2.3

package/organisms/Frame/FrameForm.cjs

@@ -0,0 +1,48 @@
+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 __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 __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/organisms/Frame/FrameForm.js
+var FrameForm_exports = {};
+__export(FrameForm_exports, {
+  default: () => FrameForm
+});
+var import_js_toolkit = require("@studiometa/js-toolkit");
+var FrameForm = class extends import_js_toolkit.Base {
+  get action() {
+    return this.$el.action;
+  }
+  onSubmit(event) {
+    this.$emit("frame-submit", event);
+  }
+};
+__publicField(FrameForm, "config", {
+  name: "FrameForm",
+  emits: ["frame-submit"]
+});
+module.exports = __toCommonJS(FrameForm_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/FrameForm.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @typedef {FrameForm & {
+ *   $el: HTMLFormElement
+ * }} FrameFormInterface
+ */
+/**
+ * FrameForm class.
+ */
+export default class FrameForm extends Base {
+    static config: {
+        name: string;
+        emits: string[];
+    };
+    /**
+     * Get the form action.
+     *
+     * @this    {FrameFormInterface}
+     * @returns {string}
+     */
+    get action(): string;
+    /**
+     * Dispatch the form `submit` event.
+     *
+     * @param   {SubmitEvent} event
+     * @returns {void}
+     */
+    onSubmit(event: SubmitEvent): void;
+}
+export type FrameFormInterface = FrameForm & {
+    $el: HTMLFormElement;
+};
+import { Base } from "@studiometa/js-toolkit";

package/organisms/Frame/FrameForm.js

@@ -0,0 +1,22 @@
+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";
+class FrameForm extends Base {
+  get action() {
+    return this.$el.action;
+  }
+  onSubmit(event) {
+    this.$emit("frame-submit", event);
+  }
+}
+__publicField(FrameForm, "config", {
+  name: "FrameForm",
+  emits: ["frame-submit"]
+});
+export {
+  FrameForm as default
+};

package/organisms/Frame/FrameTarget.cjs

@@ -0,0 +1,134 @@
+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 __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 __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;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// packages/ui/organisms/Frame/FrameTarget.js
+var FrameTarget_exports = {};
+__export(FrameTarget_exports, {
+  default: () => FrameTarget
+});
+var import_utils = require("@studiometa/js-toolkit/utils");
+var import_primitives = require("../../primitives/index.cjs");
+var _FrameTarget = class extends import_primitives.Transition {
+  get $options() {
+    const options = super.$options;
+    options.leaveKeep = true;
+    return options;
+  }
+  get id() {
+    var _a;
+    return (_a = this.$options.id) != null ? _a : this.$el.id;
+  }
+  enter() {
+    return __async(this, null, function* () {
+      this.$log("enter");
+      const { enterFrom: from, enterActive: active, enterTo: to, leaveTo } = this.$options;
+      const transitionStyles = { from, active, to };
+      switch (this.$options.mode) {
+        case "append":
+        case "prepend":
+          yield Promise.all(Array.from(this.$el.children).filter((child) => from.split(" ").every((className) => child.classList.contains(className))).map((child) => {
+            return (0, import_utils.transition)(child, transitionStyles);
+          }));
+          break;
+        case "replace":
+        default:
+          transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
+          yield (0, import_utils.transition)(this.$el, transitionStyles);
+      }
+    });
+  }
+  updateContent(newTarget) {
+    switch (this.$options.mode) {
+      case "prepend":
+      case "append":
+        Array.from(newTarget.$el.children).forEach((child) => {
+          child.classList.add(...this.$options.enterFrom.split(" "));
+        });
+        this.$el.insertAdjacentHTML(_FrameTarget.__INSERT_MODES[this.$options.mode], newTarget.$el.innerHTML);
+        break;
+      case "replace":
+      default:
+        this.$el.innerHTML = newTarget.$el.innerHTML;
+        break;
+    }
+  }
+};
+var FrameTarget = _FrameTarget;
+__publicField(FrameTarget, "config", __spreadProps(__spreadValues({}, import_primitives.Transition.config), {
+  name: "FrameTarget",
+  log: true,
+  options: __spreadProps(__spreadValues({}, import_primitives.Transition.config.options), {
+    mode: {
+      type: String,
+      default: "replace"
+    },
+    id: String
+  })
+}));
+__publicField(FrameTarget, "__INSERT_MODES", {
+  prepend: "afterbegin",
+  append: "beforeend"
+});
+module.exports = __toCommonJS(FrameTarget_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/FrameTarget.d.ts

@@ -0,0 +1,47 @@
+/**
+ * FrameTarget class.
+ */
+export default class FrameTarget extends Transition {
+    /**
+     * Config.
+     */
+    static config: {
+        name: string;
+        log: boolean;
+        options: {
+            mode: {
+                type: StringConstructor;
+                default: string;
+            };
+            id: StringConstructor;
+            enterFrom: StringConstructor;
+            enterActive: StringConstructor;
+            enterTo: StringConstructor;
+            enterKeep: BooleanConstructor;
+            leaveFrom: StringConstructor;
+            leaveActive: StringConstructor;
+            leaveTo: StringConstructor;
+            leaveKeep: BooleanConstructor;
+        };
+    };
+    /**
+     * Insert modes.
+     */
+    static __INSERT_MODES: {
+        prepend: string;
+        append: string;
+    };
+    /**
+     * Get uniq ID.
+     * @returns {string}
+     */
+    get id(): string;
+    /**
+     * Update the content from the new target.
+     *
+     * @param   {FrameTarget} newTarget The instance of the new target.
+     * @returns {void}
+     */
+    updateContent(newTarget: FrameTarget): void;
+}
+import { Transition } from "../../primitives/index.js";

package/organisms/Frame/FrameTarget.js

@@ -0,0 +1,109 @@
+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;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { transition } from "@studiometa/js-toolkit/utils";
+import { Transition } from "../../primitives/index.js";
+const _FrameTarget = class extends Transition {
+  get $options() {
+    const options = super.$options;
+    options.leaveKeep = true;
+    return options;
+  }
+  get id() {
+    var _a;
+    return (_a = this.$options.id) != null ? _a : this.$el.id;
+  }
+  enter() {
+    return __async(this, null, function* () {
+      this.$log("enter");
+      const { enterFrom: from, enterActive: active, enterTo: to, leaveTo } = this.$options;
+      const transitionStyles = { from, active, to };
+      switch (this.$options.mode) {
+        case "append":
+        case "prepend":
+          yield Promise.all(Array.from(this.$el.children).filter((child) => from.split(" ").every((className) => child.classList.contains(className))).map((child) => {
+            return transition(child, transitionStyles);
+          }));
+          break;
+        case "replace":
+        default:
+          transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
+          yield transition(this.$el, transitionStyles);
+      }
+    });
+  }
+  updateContent(newTarget) {
+    switch (this.$options.mode) {
+      case "prepend":
+      case "append":
+        Array.from(newTarget.$el.children).forEach((child) => {
+          child.classList.add(...this.$options.enterFrom.split(" "));
+        });
+        this.$el.insertAdjacentHTML(_FrameTarget.__INSERT_MODES[this.$options.mode], newTarget.$el.innerHTML);
+        break;
+      case "replace":
+      default:
+        this.$el.innerHTML = newTarget.$el.innerHTML;
+        break;
+    }
+  }
+};
+let FrameTarget = _FrameTarget;
+__publicField(FrameTarget, "config", __spreadProps(__spreadValues({}, Transition.config), {
+  name: "FrameTarget",
+  log: true,
+  options: __spreadProps(__spreadValues({}, Transition.config.options), {
+    mode: {
+      type: String,
+      default: "replace"
+    },
+    id: String
+  })
+}));
+__publicField(FrameTarget, "__INSERT_MODES", {
+  prepend: "afterbegin",
+  append: "beforeend"
+});
+export {
+  FrameTarget as default
+};

package/organisms/Frame/index.cjs

@@ -0,0 +1,42 @@
+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/organisms/Frame/index.js
+var Frame_exports = {};
+__export(Frame_exports, {
+  Frame: () => import_Frame.default,
+  FrameAnchor: () => import_FrameAnchor.default,
+  FrameForm: () => import_FrameForm.default,
+  FrameTarget: () => import_FrameTarget.default
+});
+var import_Frame = __toESM(require("./Frame.cjs"), 1);
+var import_FrameAnchor = __toESM(require("./FrameAnchor.cjs"), 1);
+var import_FrameForm = __toESM(require("./FrameForm.cjs"), 1);
+var import_FrameTarget = __toESM(require("./FrameTarget.cjs"), 1);
+module.exports = __toCommonJS(Frame_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Frame } from "./Frame.js";
+export { default as FrameAnchor } from "./FrameAnchor.js";
+export { default as FrameForm } from "./FrameForm.js";
+export { default as FrameTarget } from "./FrameTarget.js";

package/organisms/Frame/index.js

@@ -0,0 +1,10 @@
+import { default as default2 } from "./Frame.js";
+import { default as default3 } from "./FrameAnchor.js";
+import { default as default4 } from "./FrameForm.js";
+import { default as default5 } from "./FrameTarget.js";
+export {
+  default2 as Frame,
+  default3 as FrameAnchor,
+  default4 as FrameForm,
+  default5 as FrameTarget
+};

package/organisms/index.cjs

@@ -19,5 +19,6 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 
 // packages/ui/organisms/index.js
 var organisms_exports = {};
+__reExport(organisms_exports, require("./Frame/index.cjs"));
 module.exports = __toCommonJS(organisms_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/index.d.ts

@@ -1 +1 @@
-export {};
+export * from "./Frame/index.js";

package/organisms/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/ui",
-  "version": "0.2.0",
+  "version": "0.2.3",
   "description": "A set of opiniated, unstyled and accessible components",
   "publishConfig": {
     "access": "public"
@@ -29,7 +29,7 @@
   },
   "homepage": "https://github.com/studiometa/ui#readme",
   "dependencies": {
-    "@studiometa/js-toolkit": "^2.0.0-beta.15",
+    "@studiometa/js-toolkit": "^2.0.0-beta.18",
     "deepmerge": "^4.2.2",
     "motion": "^10.5.0"
   }

package/primitives/Transition/Transition.cjs

@@ -0,0 +1,71 @@
+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 __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 __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/primitives/Transition/Transition.js
+var Transition_exports = {};
+__export(Transition_exports, {
+  default: () => Transition
+});
+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 } = this.$options;
+    return (0, import_utils.transition)(this.target, {
+      from: enterFrom,
+      active: enterActive,
+      to: enterTo
+    }, enterKeep && "keep");
+  }
+  leave() {
+    const { leaveFrom, leaveActive, leaveTo, leaveKeep } = this.$options;
+    return (0, import_utils.transition)(this.target, {
+      from: leaveFrom,
+      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
+  }
+});
+module.exports = __toCommonJS(Transition_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/primitives/Transition/Transition.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @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.
+     *
+     * @todo merge leaveTo and enterFrom classes when leaveKeep is active
+     * @this {TransitionInterface}
+     * @returns {Promise<void>}
+     */
+    enter(): Promise<void>;
+    /**
+     * Trigger the leave transition.
+     *
+     * @todo merge enterTo and leaveTo classes when enterKeep is active
+     * @this {TransitionInterface}
+     * @returns {Promise<void>}
+     */
+    leave(): 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;
+};
+import { Base } from "@studiometa/js-toolkit";

package/primitives/Transition/Transition.js

@@ -0,0 +1,45 @@
+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 { transition } from "@studiometa/js-toolkit/utils";
+class Transition extends Base {
+  get target() {
+    return this.$el;
+  }
+  enter() {
+    const { enterFrom, enterActive, enterTo, enterKeep } = this.$options;
+    return transition(this.target, {
+      from: enterFrom,
+      active: enterActive,
+      to: enterTo
+    }, enterKeep && "keep");
+  }
+  leave() {
+    const { leaveFrom, leaveActive, leaveTo, leaveKeep } = this.$options;
+    return transition(this.target, {
+      from: leaveFrom,
+      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
+  }
+});
+export {
+  Transition as default
+};