@revolugo/elements 6.9.1-beta.0 → 6.9.1-beta.1

package/dist/{revolugo.storybooktoolbar.Jn8CsV1b.min.js → revolugo.storybooktoolbar.Dt6W2K50.min.js}

@@ -1,6 +1,7 @@
-import { s as pe, d as P, h as X, i as _, b as T, A as ve, X as ge, j as I, a as o, w as r, k as Q, l as D, p as S, m as Z, F as B, o as w, q as he, t as ye, v as H, x as Ee, u as C, r as O, y as be, c as ee, z as Se } from "./revolugo.index.wc.DuPB3gwB.min.js";
-import { d as _e, B as ke, _ as N, V as te, b as ie, c as j, e as M, f as ae, g as ne, h as $, i as oe, j as se, k, l as q, m as re, u as Ae, n as Ce, W as we } from "./revolugo.webcomponentwrapper.C4AURctg.min.js";
-import { t as Ve, w as Le, s as Y } from "./revolugo.index.CpH_RNjS.min.js";
+import { s as pe, d as M, h as J, i as _, b as R, A as ve, X as ge, j as O, a as o, w as r, k as X, l as T, p as S, m as Q, F, o as w, q as he, t as ye, v as H, x as Ee, u as C, y as be, c as Z, z as Se, r as I } from "./revolugo.index.wc.BHJYhPnI.min.js";
+import { B as _e, _ as $, V as ee, b as te, c as N, d as x, e as ie, f as ae, g as D, h as ne, i as oe, j as A, k as q, l as se, u as Ae, m as ke, n as Ce, W as we } from "./revolugo.webcomponentwrapper.C5rCsvgP.min.js";
+import { d as Ve } from "./revolugo.dialog-attach.Cr0OUlw6.min.js";
+import { t as Le, w as Oe, s as B } from "./revolugo.index.Dysug6o7.min.js";
 function me(t) {
   try {
     if (typeof document < "u") {
@@ -21,64 +22,64 @@ function me(t) {
     console.error("[revolugo-elements] ", e);
   }
 }
-var L = {}, W;
-function Oe() {
-  if (W) return L;
-  W = 1, Object.defineProperty(L, "__esModule", { value: !0 }), L.parse = u, L.serialize = R;
-  const t = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/, e = /^[\u0021-\u003A\u003C-\u007E]*$/, a = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, i = /^[\u0020-\u003A\u003D-\u007E]*$/, c = Object.prototype.toString, v = /* @__PURE__ */ (() => {
+var L = {}, Y;
+function Ke() {
+  if (Y) return L;
+  Y = 1, Object.defineProperty(L, "__esModule", { value: !0 }), L.parse = u, L.serialize = P;
+  const t = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/, e = /^[\u0021-\u003A\u003C-\u007E]*$/, a = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, i = /^[\u0020-\u003A\u003D-\u007E]*$/, c = Object.prototype.toString, g = /* @__PURE__ */ (() => {
     const s = function() {
     };
     return s.prototype = /* @__PURE__ */ Object.create(null), s;
   })();
   function u(s, p) {
-    const n = new v(), h = s.length;
-    if (h < 2)
+    const n = new g(), y = s.length;
+    if (y < 2)
       return n;
-    const A = p?.decode || m;
+    const k = p?.decode || m;
     let l = 0;
     do {
       const E = s.indexOf("=", l);
       if (E === -1)
         break;
-      const b = s.indexOf(";", l), f = b === -1 ? h : b;
+      const b = s.indexOf(";", l), f = b === -1 ? y : b;
       if (E > f) {
         l = s.lastIndexOf(";", E - 1) + 1;
         continue;
       }
-      const K = g(s, l, E), y = d(s, E, K), z = s.slice(K, y);
-      if (n[z] === void 0) {
-        let F = g(s, E + 1, f), ce = d(s, f, F);
-        const fe = A(s.slice(F, ce));
-        n[z] = fe;
+      const v = h(s, l, E), ue = d(s, E, v), j = s.slice(v, ue);
+      if (n[j] === void 0) {
+        let z = h(s, E + 1, f), ce = d(s, f, z);
+        const fe = k(s.slice(z, ce));
+        n[j] = fe;
       }
       l = f + 1;
-    } while (l < h);
+    } while (l < y);
     return n;
   }
-  function g(s, p, n) {
+  function h(s, p, n) {
     do {
-      const h = s.charCodeAt(p);
-      if (h !== 32 && h !== 9)
+      const y = s.charCodeAt(p);
+      if (y !== 32 && y !== 9)
         return p;
     } while (++p < n);
     return n;
   }
   function d(s, p, n) {
     for (; p > n; ) {
-      const h = s.charCodeAt(--p);
-      if (h !== 32 && h !== 9)
+      const y = s.charCodeAt(--p);
+      if (y !== 32 && y !== 9)
         return p + 1;
     }
     return n;
   }
-  function R(s, p, n) {
-    const h = n?.encode || encodeURIComponent;
+  function P(s, p, n) {
+    const y = n?.encode || encodeURIComponent;
     if (!t.test(s))
       throw new TypeError(`argument name is invalid: ${s}`);
-    const A = h(p);
-    if (!e.test(A))
+    const k = y(p);
+    if (!e.test(k))
       throw new TypeError(`argument val is invalid: ${p}`);
-    let l = s + "=" + A;
+    let l = s + "=" + k;
     if (!n)
       return l;
     if (n.maxAge !== void 0) {
@@ -146,16 +147,16 @@ function Oe() {
   }
   return L;
 }
-var x = Oe();
-function Ke() {
+var K = Ke();
+function Ie() {
   const t = typeof global > "u" ? void 0 : global.TEST_HAS_DOCUMENT_COOKIE;
   return typeof t == "boolean" ? t : typeof document == "object" && typeof document.cookie == "string";
 }
-function Ie(t) {
-  return typeof t == "string" ? x.parse(t) : typeof t == "object" && t !== null ? t : {};
+function xe(t) {
+  return typeof t == "string" ? K.parse(t) : typeof t == "object" && t !== null ? t : {};
 }
 function U(t, e = {}) {
-  const a = xe(t);
+  const a = Me(t);
   if (!e.doNotParse)
     try {
       return JSON.parse(a);
@@ -163,19 +164,19 @@ function U(t, e = {}) {
     }
   return t;
 }
-function xe(t) {
+function Me(t) {
   return t && t[0] === "j" && t[1] === ":" ? t.substr(2) : t;
 }
-class Me {
+class Pe {
   constructor(e, a = {}) {
     this.changeListeners = [], this.HAS_DOCUMENT_COOKIE = !1, this.update = () => {
       if (!this.HAS_DOCUMENT_COOKIE)
         return;
       const c = this.cookies;
-      this.cookies = x.parse(document.cookie), this._checkChanges(c);
+      this.cookies = K.parse(document.cookie), this._checkChanges(c);
     };
     const i = typeof document > "u" ? "" : document.cookie;
-    this.cookies = Ie(e || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Ke();
+    this.cookies = xe(e || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Ie();
   }
   _emitChange(e) {
     for (let a = 0; a < this.changeListeners.length; ++a)
@@ -208,11 +209,11 @@ class Me {
   set(e, a, i) {
     i ? i = Object.assign(Object.assign({}, this.defaultSetOptions), i) : i = this.defaultSetOptions;
     const c = typeof a == "string" ? a : JSON.stringify(a);
-    this.cookies = Object.assign(Object.assign({}, this.cookies), { [e]: c }), this.HAS_DOCUMENT_COOKIE && (document.cookie = x.serialize(e, c, i)), this._emitChange({ name: e, value: a, options: i });
+    this.cookies = Object.assign(Object.assign({}, this.cookies), { [e]: c }), this.HAS_DOCUMENT_COOKIE && (document.cookie = K.serialize(e, c, i)), this._emitChange({ name: e, value: a, options: i });
   }
   remove(e, a) {
     const i = a = Object.assign(Object.assign(Object.assign({}, this.defaultSetOptions), a), { expires: new Date(1970, 1, 1, 0, 0, 1), maxAge: 0 });
-    this.cookies = Object.assign({}, this.cookies), delete this.cookies[e], this.HAS_DOCUMENT_COOKIE && (document.cookie = x.serialize(e, "", i)), this._emitChange({ name: e, value: void 0, options: a });
+    this.cookies = Object.assign({}, this.cookies), delete this.cookies[e], this.HAS_DOCUMENT_COOKIE && (document.cookie = K.serialize(e, "", i)), this._emitChange({ name: e, value: void 0, options: a });
   }
   addChangeListener(e) {
     this.changeListeners.push(e), this.HAS_DOCUMENT_COOKIE && this.changeListeners.length === 1 && (typeof window == "object" && "cookieStore" in window ? window.cookieStore.addEventListener("change", this.update) : this._startPolling());
@@ -226,19 +227,19 @@ class Me {
       this.removeChangeListener(this.changeListeners[0]);
   }
 }
-function le(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i = new Me()) {
+function re(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i = new Pe()) {
   const c = a ? [...t || []] : t;
-  let v = i.getAll({ doNotParse: !0 });
-  const u = pe(0), g = () => {
+  let g = i.getAll({ doNotParse: !0 });
+  const u = pe(0), h = () => {
     const d = i.getAll({ doNotParse: !0 });
-    Pe(
+    Ue(
       c || null,
       d,
-      v
-    ) && u.value++, v = d;
+      g
+    ) && u.value++, g = d;
   };
-  return i.addChangeListener(g), Ve(() => {
-    i.removeChangeListener(g);
+  return i.addChangeListener(h), Le(() => {
+    i.removeChangeListener(h);
   }), {
     /**
      * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
@@ -254,7 +255,7 @@ function le(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i =
     removeChangeListener: (...d) => i.removeChangeListener(...d)
   };
 }
-function Pe(t, e, a) {
+function Ue(t, e, a) {
   if (!t)
     return !0;
   for (const i of t)
@@ -262,9 +263,9 @@ function Pe(t, e, a) {
       return !0;
   return !1;
 }
-const de = P({
+const le = M({
   components: {
-    BTag: ke
+    BTag: _e
   },
   methods: {
     closeDialog() {
@@ -312,34 +313,34 @@ const de = P({
     }
   },
   mixins: [
-    Le(["config.apiEnvironment"], "updateApiKey", {
+    Oe(["config.apiEnvironment"], "updateApiKey", {
       deep: !0,
       immediate: !0
     }),
-    _e
+    Ve
   ],
   name: "ApiKeyEditor",
   setup() {
-    const t = le(["apiKey"]), { t: e } = X(), a = _(t.get("apiKey")), i = T(
+    const t = re(["apiKey"]), { t: e } = J(), a = _(t.get("apiKey")), i = R(
       () => window.RevolugoElements.config.apiEnvironment
-    ), c = T(() => [
+    ), c = R(() => [
       (d) => !!d || `A valid API Key is required. ${e("ApiKeyEditor.hint", {
         environment: i.value
       })}`
-    ]), v = _(!1), u = _(!1), g = _(!1);
+    ]), g = _(!1), u = _(!1), h = _(!1);
     return {
       apiKey: a,
       apiKeyRules: c,
       cookies: t,
-      dialog: v,
+      dialog: g,
       isFormValid: u,
-      isLoading: g,
+      isLoading: h,
       t: e
     };
   }
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
 });
-function G(t) {
+function W(t) {
   const e = t;
   e.__i18n = e.__i18n || [], e.__i18n.push({
     locale: "",
@@ -389,22 +390,22 @@ function G(t) {
     }
   });
 }
-function Re(t, e, a, i, c, v) {
-  return w(), I("div", null, [
-    o(re, {
+function Re(t, e, a, i, c, g) {
+  return w(), O("div", null, [
+    o(se, {
       modelValue: t.dialog,
       "onUpdate:modelValue": e[2] || (e[2] = (u) => t.dialog = u),
       attach: t.$dialogAttach || void 0,
       "max-width": "600px"
     }, {
       activator: r(({ props: u }) => [
-        o(k, Z(u, {
+        o(A, Q(u, {
           color: t.cookies.get("apiKey") ? "success" : "warning",
           elevation: "0",
           size: "x-small"
         }), {
           default: r(() => [
-            t.cookies.get("apiKey") ? (w(), I(B, { key: 1 }, [
+            t.cookies.get("apiKey") ? (w(), O(F, { key: 1 }, [
               o(q, { class: "mr-2" }, {
                 default: r(() => e[5] || (e[5] = [
                   S(" fas fa-check ", -1)
@@ -413,7 +414,7 @@ function Re(t, e, a, i, c, v) {
                 __: [5]
               }),
               e[6] || (e[6] = S(" Valid API key ", -1))
-            ], 64)) : (w(), I(B, { key: 0 }, [
+            ], 64)) : (w(), O(F, { key: 0 }, [
               o(q, { class: "mr-2" }, {
                 default: r(() => e[3] || (e[3] = [
                   S(" fas fa-exclamation ", -1)
@@ -428,25 +429,25 @@ function Re(t, e, a, i, c, v) {
         }, 1040, ["color"])
       ]),
       default: r(() => [
-        o(te, null, {
+        o(ee, null, {
           default: r(() => [
-            o(ie, { class: "pa-4" }, {
+            o(te, { class: "pa-4" }, {
               default: r(() => [
-                o(j, { class: "pa-0" }, {
+                o(N, { class: "pa-0" }, {
                   default: r(() => [
-                    o(M, { "no-gutters": "" }, {
+                    o(x, { "no-gutters": "" }, {
                       default: r(() => [
-                        o(ae, null, {
+                        o(ie, null, {
                           default: r(() => [
-                            o(ne, {
+                            o(ae, {
                               ref: "apiKeyEditorForm",
                               modelValue: t.isFormValid,
                               "onUpdate:modelValue": e[1] || (e[1] = (u) => t.isFormValid = u),
                               class: "m-0",
-                              onSubmit: Q(t.onSubmit, ["prevent"])
+                              onSubmit: X(t.onSubmit, ["prevent"])
                             }, {
                               default: r(() => [
-                                o($, {
+                                o(D, {
                                   modelValue: t.apiKey,
                                   "onUpdate:modelValue": e[0] || (e[0] = (u) => t.apiKey = u),
                                   density: "compact",
@@ -458,7 +459,7 @@ function Re(t, e, a, i, c, v) {
                                   "persistent-hint": "",
                                   required: "",
                                   rules: t.apiKeyRules,
-                                  onKeyup: D(t.onSubmit, ["enter"])
+                                  onKeyup: T(t.onSubmit, ["enter"])
                                 }, null, 8, ["modelValue", "hint", "rules", "onKeyup"])
                               ]),
                               _: 1
@@ -475,10 +476,10 @@ function Re(t, e, a, i, c, v) {
               ]),
               _: 1
             }),
-            o(oe, null, {
+            o(ne, null, {
               default: r(() => [
-                o(se),
-                o(k, {
+                o(oe),
+                o(A, {
                   color: "blue-darken-1",
                   size: "small",
                   variant: "text",
@@ -490,7 +491,7 @@ function Re(t, e, a, i, c, v) {
                   _: 1,
                   __: [7]
                 }, 8, ["onClick"]),
-                o(k, {
+                o(A, {
                   class: "text-right",
                   color: "primary",
                   disabled: t.isLoading,
@@ -516,56 +517,56 @@ function Re(t, e, a, i, c, v) {
     }, 8, ["modelValue", "attach"])
   ]);
 }
-typeof G == "function" && G(de);
-const Ue = /* @__PURE__ */ N(de, [["render", Re]]), ue = /* @__PURE__ */ P({
+typeof W == "function" && W(le);
+const Te = /* @__PURE__ */ $(le, [["render", Re]]), de = /* @__PURE__ */ M({
   __name: "EventMetadataEditor",
   setup(t) {
-    const { config: e, updateConfig: a } = he(), i = le(["eventMetadata"]), { isFetching: c } = ye(Ae()), { t: v } = X(), u = _(null), { $dialogAttach: g } = Ce(u), d = [
+    const { config: e, updateConfig: a } = he(), i = re(["eventMetadata"]), { isFetching: c } = ye(Ae()), { t: g } = J(), u = _(null), { $dialogAttach: h } = ke(u), d = [
       (b) => {
         if (!b)
           return !0;
         try {
           return (
             // eslint-disable-next-line no-constant-binary-expression
-            !!new URL(b) || v("EventMetadataEditor.validation.imageURL")
+            !!new URL(b) || g("EventMetadataEditor.validation.imageURL")
           );
         } catch {
-          return v("EventMetadataEditor.validation.imageURL");
+          return g("EventMetadataEditor.validation.imageURL");
         }
       }
-    ], R = [
-      (b) => !!b || v("EventMetadataEditor.validation.name")
+    ], P = [
+      (b) => !!b || g("EventMetadataEditor.validation.name")
     ], m = _(
       i.get("eventMetadata") || {
         dateEnd: H().add(1, "day").format("YYYY-MM-DD").toString(),
         dateStart: H().format("YYYY-MM-DD").toString(),
         name: ""
       }
-    ), V = _(!1), s = _(!1), p = T({
+    ), V = _(!1), s = _(!1), p = R({
       get() {
-        return !m.value.dateStart || !m.value.dateEnd ? [] : Y(
+        return !m.value.dateStart || !m.value.dateEnd ? [] : B(
           m.value.dateStart,
           m.value.dateEnd
         );
       },
       set(b) {
-        [m.value.dateStart, m.value.dateEnd] = Y(...b);
+        [m.value.dateStart, m.value.dateEnd] = B(...b);
       }
     });
     function n() {
       V.value = !1;
     }
-    function h() {
+    function y() {
       return !(!m.value.name?.length || !p.value[0] || !p.value[1]);
     }
-    function A() {
-      h() && (a({
+    function k() {
+      y() && (a({
         ...e.value,
         eventMetadata: m.value
       }), i.set("eventMetadata", JSON.stringify(m)), n());
     }
     function l() {
-      A(), n();
+      k(), n();
     }
     function E() {
       i.remove("eventMetadata"), m.value = {}, a({
@@ -578,152 +579,149 @@ const Ue = /* @__PURE__ */ N(de, [["render", Re]]), ue = /* @__PURE__ */ P({
         ...e.value,
         eventMetadata: i.get("eventMetadata")
       });
-    }), (b, f) => {
-      const K = O("BDateRangePicker");
-      return w(), I("div", {
-        ref_key: "root",
-        ref: u
-      }, [
-        o(re, {
-          modelValue: V.value,
-          "onUpdate:modelValue": f[4] || (f[4] = (y) => V.value = y),
-          attach: C(g),
-          height: "600px",
-          "max-width": "600px"
-        }, {
-          activator: r(({ props: y }) => [
-            o(k, Z(y, {
-              color: C(i).get("eventMetadata") ? "success" : "warning",
-              elevation: "0",
-              size: "x-small"
-            }), {
-              default: r(() => [
-                S(be(m.value?.name ? `EVENT : ${m.value?.name}` : "ADD EVENT METADATA"), 1)
-              ]),
-              _: 2
-            }, 1040, ["color"])
-          ]),
-          default: r(() => [
-            o(te, null, {
-              default: r(() => [
-                o(ie, { class: "pa-4" }, {
-                  default: r(() => [
-                    o(j, { class: "pa-0" }, {
-                      default: r(() => [
-                        o(M, { "no-gutters": "" }, {
-                          default: r(() => [
-                            o(ae, null, {
-                              default: r(() => [
-                                o(ne, {
-                                  ref: "eventMetadataEditorForm",
-                                  modelValue: s.value,
-                                  "onUpdate:modelValue": f[3] || (f[3] = (y) => s.value = y),
-                                  class: "m-0",
-                                  onSubmit: Q(l, ["prevent"])
-                                }, {
-                                  default: r(() => [
-                                    o($, {
-                                      modelValue: m.value.name,
-                                      "onUpdate:modelValue": f[0] || (f[0] = (y) => m.value.name = y),
-                                      density: "compact",
-                                      label: "Name of the event",
-                                      variant: "outlined",
-                                      "persistent-hint": "",
-                                      required: "",
-                                      rules: R,
-                                      onKeyup: D(l, ["enter"])
-                                    }, null, 8, ["modelValue"]),
-                                    o($, {
-                                      modelValue: m.value.imageUrl,
-                                      "onUpdate:modelValue": f[1] || (f[1] = (y) => m.value.imageUrl = y),
-                                      density: "compact",
-                                      label: "Image URL",
-                                      variant: "outlined",
-                                      "persistent-hint": "",
-                                      rules: d,
-                                      onKeyup: D(l, ["enter"])
-                                    }, null, 8, ["modelValue"]),
-                                    o(M, null, {
-                                      default: r(() => [
-                                        o(K, {
-                                          modelValue: p.value,
-                                          "onUpdate:modelValue": f[2] || (f[2] = (y) => p.value = y)
-                                        }, null, 8, ["modelValue"])
-                                      ]),
-                                      _: 1
-                                    })
-                                  ]),
-                                  _: 1
-                                }, 8, ["modelValue"])
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                o(oe, null, {
-                  default: r(() => [
-                    o(se),
-                    o(k, {
-                      color: "grey",
-                      size: "small",
-                      variant: "text",
-                      onClick: n
-                    }, {
-                      default: r(() => f[5] || (f[5] = [
-                        S(" Close ", -1)
-                      ])),
-                      _: 1,
-                      __: [5]
-                    }),
-                    o(k, {
-                      color: "error",
-                      disabled: C(c),
-                      loading: C(c),
-                      size: "small",
-                      variant: "text",
-                      onClick: E
-                    }, {
-                      default: r(() => f[6] || (f[6] = [
-                        S(" Reset ", -1)
-                      ])),
-                      _: 1,
-                      __: [6]
-                    }, 8, ["disabled", "loading"]),
-                    o(k, {
-                      color: "success",
-                      disabled: C(c),
-                      loading: C(c),
-                      size: "small",
-                      variant: "flat",
-                      onClick: l
-                    }, {
-                      default: r(() => f[7] || (f[7] = [
-                        S(" Save ", -1)
-                      ])),
-                      _: 1,
-                      __: [7]
-                    }, 8, ["disabled", "loading"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "attach"])
-      ], 512);
-    };
+    }), (b, f) => (w(), O("div", {
+      ref_key: "root",
+      ref: u
+    }, [
+      o(se, {
+        modelValue: V.value,
+        "onUpdate:modelValue": f[4] || (f[4] = (v) => V.value = v),
+        attach: C(h),
+        height: "600px",
+        "max-width": "600px"
+      }, {
+        activator: r(({ props: v }) => [
+          o(A, Q(v, {
+            color: C(i).get("eventMetadata") ? "success" : "warning",
+            elevation: "0",
+            size: "x-small"
+          }), {
+            default: r(() => [
+              S(be(m.value?.name ? `EVENT : ${m.value?.name}` : "ADD EVENT METADATA"), 1)
+            ]),
+            _: 2
+          }, 1040, ["color"])
+        ]),
+        default: r(() => [
+          o(ee, null, {
+            default: r(() => [
+              o(te, { class: "pa-4" }, {
+                default: r(() => [
+                  o(N, { class: "pa-0" }, {
+                    default: r(() => [
+                      o(x, { "no-gutters": "" }, {
+                        default: r(() => [
+                          o(ie, null, {
+                            default: r(() => [
+                              o(ae, {
+                                ref: "eventMetadataEditorForm",
+                                modelValue: s.value,
+                                "onUpdate:modelValue": f[3] || (f[3] = (v) => s.value = v),
+                                class: "m-0",
+                                onSubmit: X(l, ["prevent"])
+                              }, {
+                                default: r(() => [
+                                  o(D, {
+                                    modelValue: m.value.name,
+                                    "onUpdate:modelValue": f[0] || (f[0] = (v) => m.value.name = v),
+                                    density: "compact",
+                                    label: "Name of the event",
+                                    variant: "outlined",
+                                    "persistent-hint": "",
+                                    required: "",
+                                    rules: P,
+                                    onKeyup: T(l, ["enter"])
+                                  }, null, 8, ["modelValue"]),
+                                  o(D, {
+                                    modelValue: m.value.imageUrl,
+                                    "onUpdate:modelValue": f[1] || (f[1] = (v) => m.value.imageUrl = v),
+                                    density: "compact",
+                                    label: "Image URL",
+                                    variant: "outlined",
+                                    "persistent-hint": "",
+                                    rules: d,
+                                    onKeyup: T(l, ["enter"])
+                                  }, null, 8, ["modelValue"]),
+                                  o(x, null, {
+                                    default: r(() => [
+                                      o(Ce, {
+                                        modelValue: p.value,
+                                        "onUpdate:modelValue": f[2] || (f[2] = (v) => p.value = v)
+                                      }, null, 8, ["modelValue"])
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              o(ne, null, {
+                default: r(() => [
+                  o(oe),
+                  o(A, {
+                    color: "grey",
+                    size: "small",
+                    variant: "text",
+                    onClick: n
+                  }, {
+                    default: r(() => f[5] || (f[5] = [
+                      S(" Close ", -1)
+                    ])),
+                    _: 1,
+                    __: [5]
+                  }),
+                  o(A, {
+                    color: "error",
+                    disabled: C(c),
+                    loading: C(c),
+                    size: "small",
+                    variant: "text",
+                    onClick: E
+                  }, {
+                    default: r(() => f[6] || (f[6] = [
+                      S(" Reset ", -1)
+                    ])),
+                    _: 1,
+                    __: [6]
+                  }, 8, ["disabled", "loading"]),
+                  o(A, {
+                    color: "success",
+                    disabled: C(c),
+                    loading: C(c),
+                    size: "small",
+                    variant: "flat",
+                    onClick: l
+                  }, {
+                    default: r(() => f[7] || (f[7] = [
+                      S(" Save ", -1)
+                    ])),
+                    _: 1,
+                    __: [7]
+                  }, 8, ["disabled", "loading"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attach"])
+    ], 512));
   }
 });
-function J(t) {
+function G(t) {
   const e = t;
   e.__i18n = e.__i18n || [], e.__i18n.push({
     locale: "",
@@ -787,27 +785,27 @@ function J(t) {
     }
   });
 }
-typeof J == "function" && J(ue);
-const Te = P({
+typeof G == "function" && G(de);
+const De = M({
   components: {
-    ApiKeyEditor: Ue,
-    EventMetadataEditor: ue
+    ApiKeyEditor: Te,
+    EventMetadataEditor: de
   },
   name: "StorybookExtraToolbar"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
-}), De = { class: "flex gap-1 px-3" };
-function $e(t, e, a, i, c, v) {
-  const u = O("ApiKeyEditor"), g = O("EventMetadataEditor");
-  return w(), ee(j, {
+}), $e = { class: "flex gap-1 px-3" };
+function Ne(t, e, a, i, c, g) {
+  const u = I("ApiKeyEditor"), h = I("EventMetadataEditor");
+  return w(), Z(N, {
     class: "pa-0 mb-3",
     fluid: ""
   }, {
     default: r(() => [
-      o(M, { "no-gutters": "" }, {
+      o(x, { "no-gutters": "" }, {
         default: r(() => [
-          Se("div", De, [
+          Se("div", $e, [
             o(u),
-            o(g)
+            o(h)
           ])
         ]),
         _: 1
@@ -816,24 +814,24 @@ function $e(t, e, a, i, c, v) {
     _: 1
   });
 }
-const Ne = /* @__PURE__ */ N(Te, [["render", $e]]), je = P({
+const je = /* @__PURE__ */ $(De, [["render", Ne]]), ze = M({
   components: {
-    StorybookExtraToolbar: Ne,
+    StorybookExtraToolbar: je,
     WebComponentWrapper: we
   }
 });
-function ze(t, e, a, i, c, v) {
-  const u = O("StorybookExtraToolbar"), g = O("WebComponentWrapper");
-  return w(), ee(g, { "error-overlay-disabled": "" }, {
+function Fe(t, e, a, i, c, g) {
+  const u = I("StorybookExtraToolbar"), h = I("WebComponentWrapper");
+  return w(), Z(h, { "error-overlay-disabled": "" }, {
     default: r(() => [
       o(u)
     ]),
     _: 1
   });
 }
-const qe = /* @__PURE__ */ N(je, [["render", ze]]);
+const We = /* @__PURE__ */ $(ze, [["render", Fe]]);
 me("css/revolugo.storybooktoolbar.d_cxquq9.css");
 export {
-  qe as default
+  We as default
 };
-//# sourceMappingURL=revolugo.storybooktoolbar.Jn8CsV1b.min.js.map
+//# sourceMappingURL=revolugo.storybooktoolbar.Dt6W2K50.min.js.map