@studiometa/ui 0.2.3 → 0.2.6

package/organisms/Frame/Frame.js

@@ -1,171 +1 @@
-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;
-};
-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 { Base } from "@studiometa/js-toolkit";
-import { nextFrame, historyPush } from "@studiometa/js-toolkit/utils";
-import FrameAnchor from "./FrameAnchor.js";
-import FrameForm from "./FrameForm.js";
-import FrameTarget from "./FrameTarget.js";
-const cache = /* @__PURE__ */ new Map();
-const _Frame = class extends Base {
-  get id() {
-    return this.$el.id;
-  }
-  getDirectChild(name) {
-    if (!this.$children[name]) {
-      return [];
-    }
-    if (!this.$children.Frame) {
-      return this.$children[name];
-    }
-    return this.$children[name].filter((child) => this.$children.Frame.every((frame) => frame.$children[name] ? !frame.$children[name].includes(child) : true));
-  }
-  get directChildFrameAnchor() {
-    return this.getDirectChild("FrameAnchor");
-  }
-  get directChildFrameForm() {
-    return this.getDirectChild("form");
-  }
-  get directChildFrameTarget() {
-    return this.getDirectChild("FrameTarget");
-  }
-  onFrameAnchorFrameClick(event, index) {
-    if (!this.directChildFrameAnchor.includes(this.$children.FrameAnchor[index])) {
-      return;
-    }
-    this.$log("onAFrameClick", event, index);
-    event.preventDefault();
-    const anchor = this.$children.FrameAnchor[index];
-    if (anchor.href === window.location.href) {
-      return;
-    }
-    this.goTo(anchor.href);
-  }
-  onFrameFormFrameSubmit(event, index) {
-    if (!this.directChildFrameForm.includes(this.$children.FrameForm[index])) {
-      return;
-    }
-    this.$log("onFrameFormFrameSubmit", event);
-    event.preventDefault();
-    const form = this.$children.FrameForm[index];
-    this.goTo(form.action);
-  }
-  parseHTML(string = "") {
-    return new DOMParser().parseFromString(string, "text/html");
-  }
-  goTo(url) {
-    return __async(this, null, function* () {
-      this.$log("goTo", url);
-      const parsedUrl = new URL(url);
-      if (parsedUrl.origin !== window.location.origin) {
-        throw new Error("Cross origin request are not allowed.");
-      }
-      this.$emit("before-fetch", url);
-      const content = yield this.fetch(url);
-      const doc = this.parseHTML(content);
-      const el = doc.querySelector(`#${this.id}`);
-      const newFrame = new _Frame(el);
-      newFrame.$children.registerAll();
-      this.$emit("after-fetch", url, content);
-      this.$emit("before-leave");
-      yield Promise.all(this.directChildFrameTarget.map((target) => target.leave()));
-      this.$emit("after-leave");
-      this.$emit("before-content");
-      this.directChildFrameTarget.map((target, index) => target.updateContent(newFrame.directChildFrameTarget[index]));
-      if (this.$options.history) {
-        document.title = doc.title;
-        historyPush({ path: parsedUrl.pathname, search: parsedUrl.searchParams });
-      }
-      yield nextFrame();
-      this.$root.$update();
-      yield nextFrame();
-      this.$emit("after-content");
-      this.$emit("before-enter");
-      yield Promise.all(this.directChildFrameTarget.map((target) => target.enter()));
-      this.$emit("after-enter");
-    });
-  }
-  fetch(url) {
-    return __async(this, null, function* () {
-      const cached = cache.get(url);
-      if (cached) {
-        if (cached.status === "pending") {
-          return cached.promise;
-        }
-        return cached.content;
-      }
-      const promise = fetch(url);
-      try {
-        cache.set(url, {
-          promise,
-          status: "pending",
-          content: void 0
-        });
-        const content = yield promise.then((response) => response.text());
-        cache.set(url, {
-          promise,
-          status: "resolved",
-          content
-        });
-        return content;
-      } catch (err) {
-        cache.set(url, {
-          promise,
-          status: "error",
-          content: err
-        });
-        return err;
-      }
-    });
-  }
-};
-let Frame = _Frame;
-__publicField(Frame, "config", {
-  name: "Frame",
-  emits: [
-    "before-fetch",
-    "after-fetch",
-    "before-leave",
-    "after-leave",
-    "before-content",
-    "after-content",
-    "before-enter",
-    "after-enter"
-  ],
-  log: true,
-  components: {
-    FrameAnchor,
-    FrameForm,
-    FrameTarget,
-    Frame: _Frame
-  },
-  options: {
-    history: Boolean
-  }
-});
-export {
-  Frame as default
-};
+import{Base as m}from"@studiometa/js-toolkit";import{nextFrame as c,historyPush as f}from"@studiometa/js-toolkit/utils";import p from"./FrameAnchor.js";import g from"./FrameForm.js";import F from"./FrameTarget.js";function u(){return{left:window.pageXOffset,top:window.pageYOffset}}const s=new Map;class a extends m{static config={name:"Frame",emits:["before-fetch","after-fetch","before-leave","after-leave","before-content","after-content","before-enter","after-enter"],log:!0,components:{FrameAnchor:p,FrameForm:g,FrameTarget:F,Frame:a},options:{history:Boolean}};get id(){return this.$el.id}getDirectChild(e){return this.$children[e]?this.$children.Frame?this.$children[e].filter(t=>this.$children.Frame.every(r=>r.$children[e]?!r.$children[e].includes(t):!0)):this.$children[e]:[]}get directChildFrameAnchor(){return this.getDirectChild("FrameAnchor")}get directChildFrameForm(){return this.getDirectChild("form")}get directChildFrameTarget(){return this.getDirectChild("FrameTarget")}mounted(){this.$options.history&&window.addEventListener("popstate",this)}destroyed(){window.removeEventListener("popstate",this)}handleEvent(e){e.type==="popstate"&&this.onWindowPopstate(e),e.type==="beforeunload"&&this.onWindowUnload()}onWindowUnload(){const{history:e}=window;!e.state||e.replaceState({...e.state,scroll:u()},"")}onWindowPopstate(e){this.goTo(window.location.href,e.state)}onFrameAnchorFrameClick(e,t){if(!this.directChildFrameAnchor.includes(this.$children.FrameAnchor[t]))return;this.$log("onAFrameClick",e,t),e.preventDefault();const r=this.$children.FrameAnchor[t];r.href!==window.location.href&&this.goTo(r.href)}onFrameFormFrameSubmit(e,t){if(!this.directChildFrameForm.includes(this.$children.FrameForm[t]))return;this.$log("onFrameFormFrameSubmit",e),e.preventDefault();const r=this.$children.FrameForm[t];this.goTo(r.action)}parseHTML(e=""){return new DOMParser().parseFromString(e,"text/html")}async goTo(e,t=null){this.$log("goTo",e);const r=new URL(e);if(r.origin!==window.location.origin)throw new Error("Cross origin request are not allowed.");this.$emit("before-fetch",e);const i=await this.fetch(e),n=this.parseHTML(i),l=n.querySelector(`#${this.id}`),h=new a(l);h.$children.registerAll(),this.$emit("after-fetch",e,i),this.$emit("before-leave"),await Promise.all(this.directChildFrameTarget.map(o=>o.leave())),this.$emit("after-leave"),this.$emit("before-content"),this.directChildFrameTarget.map((o,d)=>o.updateContent(h.directChildFrameTarget[d])),this.$options.history&&(document.title=n.title,f({path:r.pathname,search:r.searchParams})),t&&(document.scrollingElement.scrollTop=t.top,document.scrollingElement.scrollLeft=t.left),await c(),this.$root.$update(),await c(),this.$emit("after-content"),this.$emit("before-enter"),await Promise.all(this.directChildFrameTarget.map(o=>o.enter())),this.$emit("after-enter")}async fetch(e){const t=s.get(e);if(t)return t.status==="pending"?t.promise:t.content;const r=fetch(e);try{s.set(e,{promise:r,status:"pending",content:void 0});const i=await r.then(n=>n.text());return s.set(e,{promise:r,status:"resolved",content:i}),i}catch(i){return s.set(e,{promise:r,status:"error",content:i}),i}}}export{a as default};

package/organisms/Frame/FrameAnchor.cjs

@@ -3,24 +3,19 @@ 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 });
+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 target;
+  return to;
 };
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -31,6 +26,7 @@ var FrameAnchor_exports = {};
 __export(FrameAnchor_exports, {
   default: () => FrameAnchor
 });
+module.exports = __toCommonJS(FrameAnchor_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var FrameAnchor = class extends import_js_toolkit.Base {
   get href() {
@@ -44,5 +40,4 @@ __publicField(FrameAnchor, "config", {
   name: "FrameAnchor",
   emits: ["frame-click"]
 });
-module.exports = __toCommonJS(FrameAnchor_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/organisms/Frame/FrameAnchor.js

@@ -1,22 +1 @@
-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 FrameAnchor extends Base {
-  get href() {
-    return this.$el.href;
-  }
-  onClick(event) {
-    this.$emit("frame-click", event);
-  }
-}
-__publicField(FrameAnchor, "config", {
-  name: "FrameAnchor",
-  emits: ["frame-click"]
-});
-export {
-  FrameAnchor as default
-};
+import{Base as r}from"@studiometa/js-toolkit";class t extends r{static config={name:"FrameAnchor",emits:["frame-click"]};get href(){return this.$el.href}onClick(e){this.$emit("frame-click",e)}}export{t as default};

package/organisms/Frame/FrameForm.cjs

@@ -3,24 +3,19 @@ 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 });
+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 target;
+  return to;
 };
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
@@ -31,6 +26,7 @@ var FrameForm_exports = {};
 __export(FrameForm_exports, {
   default: () => FrameForm
 });
+module.exports = __toCommonJS(FrameForm_exports);
 var import_js_toolkit = require("@studiometa/js-toolkit");
 var FrameForm = class extends import_js_toolkit.Base {
   get action() {
@@ -44,5 +40,4 @@ __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.js

@@ -1,22 +1 @@
-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
-};
+import{Base as e}from"@studiometa/js-toolkit";class m extends e{static config={name:"FrameForm",emits:["frame-submit"]};get action(){return this.$el.action}onSubmit(t){this.$emit("frame-submit",t)}}export{m as default};

package/organisms/Frame/FrameTarget.cjs

@@ -1,72 +1,32 @@
 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 });
+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 target;
+  return to;
 };
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 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
 });
+module.exports = __toCommonJS(FrameTarget_exports);
 var import_utils = require("@studiometa/js-toolkit/utils");
 var import_primitives = require("../../primitives/index.cjs");
 var _FrameTarget = class extends import_primitives.Transition {
@@ -76,27 +36,24 @@ var _FrameTarget = class extends import_primitives.Transition {
     return options;
   }
   get id() {
-    var _a;
-    return (_a = this.$options.id) != null ? _a : this.$el.id;
+    return this.$options.id ?? 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);
-      }
-    });
+  async enter() {
+    this.$log("enter");
+    const { enterFrom: from, enterActive: active, enterTo: to, leaveTo, enterKeep } = this.$options;
+    const transitionStyles = { from, active, to };
+    switch (this.$options.mode) {
+      case "append":
+      case "prepend":
+        await 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, enterKeep && "keep");
+        }));
+        break;
+      case "replace":
+      default:
+        transitionStyles.from = Array.from(new Set([from, leaveTo].flat())).join(" ");
+        await (0, import_utils.transition)(this.$el, transitionStyles, enterKeep && "keep");
+    }
   }
   updateContent(newTarget) {
     switch (this.$options.mode) {
@@ -115,20 +72,21 @@ var _FrameTarget = class extends import_primitives.Transition {
   }
 };
 var FrameTarget = _FrameTarget;
-__publicField(FrameTarget, "config", __spreadProps(__spreadValues({}, import_primitives.Transition.config), {
+__publicField(FrameTarget, "config", {
+  ...import_primitives.Transition.config,
   name: "FrameTarget",
   log: true,
-  options: __spreadProps(__spreadValues({}, import_primitives.Transition.config.options), {
+  options: {
+    ...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.js

@@ -1,109 +1 @@
-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
-};
+import{transition as a}from"@studiometa/js-toolkit/utils";import{Transition as r}from"../../primitives/index.js";class o extends r{static config={...r.config,name:"FrameTarget",log:!0,options:{...r.config.options,mode:{type:String,default:"replace"},id:String}};static __INSERT_MODES={prepend:"afterbegin",append:"beforeend"};get $options(){const e=super.$options;return e.leaveKeep=!0,e}get id(){return this.$options.id??this.$el.id}async enter(){this.$log("enter");const{enterFrom:e,enterActive:t,enterTo:p,leaveTo:l,enterKeep:s}=this.$options,i={from:e,active:t,to:p};switch(this.$options.mode){case"append":case"prepend":await Promise.all(Array.from(this.$el.children).filter(n=>e.split(" ").every(c=>n.classList.contains(c))).map(n=>a(n,i,s&&"keep")));break;case"replace":default:i.from=Array.from(new Set([e,l].flat())).join(" "),await a(this.$el,i,s&&"keep")}}updateContent(e){switch(this.$options.mode){case"prepend":case"append":Array.from(e.$el.children).forEach(t=>{t.classList.add(...this.$options.enterFrom.split(" "))}),this.$el.insertAdjacentHTML(o.__INSERT_MODES[this.$options.mode],e.$el.innerHTML);break;case"replace":default:this.$el.innerHTML=e.$el.innerHTML;break}}}export{o as default};

package/organisms/Frame/index.cjs

@@ -4,27 +4,20 @@ 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 });
+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 target;
+  return to;
 };
-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 __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);
 
 // packages/ui/organisms/Frame/index.js
 var Frame_exports = {};
@@ -34,9 +27,9 @@ __export(Frame_exports, {
   FrameForm: () => import_FrameForm.default,
   FrameTarget: () => import_FrameTarget.default
 });
+module.exports = __toCommonJS(Frame_exports);
 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.js

@@ -1,10 +1 @@
-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
-};
+import{default as e}from"./Frame.js";import{default as m}from"./FrameAnchor.js";import{default as f}from"./FrameForm.js";import{default as d}from"./FrameTarget.js";export{e as Frame,m as FrameAnchor,f as FrameForm,d as FrameTarget};