@revolugo/elements 6.8.3-rc.0 → 6.9.0-rc.0

package/dist/{revolugo.storybooktoolbar.DY_mbXuP.min.js → revolugo.storybooktoolbar.BrYrYQ9u.min.js}

@@ -1,18 +1,20 @@
-import { a5 as he, d as R, u as W, C as b, D as z, b$ as ge, c0 as ve, i as M, a as o, w as r, aq as G, B as I, f as y, y as J, F, o as S, K as ye, k as j, L as Ee, r as C, t as be, c as X, e as ke } from "./revolugo.index.wc.7I5uexuc.min.js";
-import { B as Z } from "./revolugo.btag.DjjDRtQ7.min.js";
-import { d as Q } from "./revolugo.dialog-attach.O2HXPGzj.min.js";
-import { w as Se } from "./revolugo.watch-list.D0FxBTWy.min.js";
-import { t as Ce } from "./revolugo.index.D0uSQdJV.min.js";
-import { _, V as O, a as ee, W as we } from "./revolugo.webcomponentwrapper.DFYGhYzz.min.js";
-import { V as te, a as ie, b as ae } from "./revolugo.vcard.DNU4i52n.min.js";
-import { V as $, B as Ve } from "./revolugo.bdaterangepicker.XZNoMSi5.min.js";
-import { V as ne } from "./revolugo.vform.Bw9rddZZ.min.js";
-import { V as T } from "./revolugo.vtextfield.BUNcwTRK.min.js";
-import { V as oe } from "./revolugo.vspacer.CPbtu_-W.min.js";
-import { a as k } from "./revolugo.vbtn.CQ9EDLRJ.min.js";
-import { V as B } from "./revolugo.index.gIPq0z7C.min.js";
-import { V as re } from "./revolugo.vdialog.CjEajxIC.min.js";
-import { p as Ae, g as Le, s as q } from "./revolugo.use-breakpoint-service.CJltQiSH.min.js";
+import { a9 as he, d as R, u as W, k as E, H as z, cs as ge, ct as ve, i as L, a as o, w as r, aB as G, cu as I, f as y, D as J, F, o as k, ah as ye, q as j, r as C, t as Ee, c as X, e as be } from "./revolugo.index.wc.B-VISNof.min.js";
+import { B as Z } from "./revolugo.btag.CZ9KR3bN.min.js";
+import { d as Q } from "./revolugo.dialog-attach.BogqVGDT.min.js";
+import { w as Se } from "./revolugo.watch-list.BVepdYEA.min.js";
+import { t as ke } from "./revolugo.index.BkZCIWDs.min.js";
+import { _, V as O, a as ee, W as Ce } from "./revolugo.webcomponentwrapper.BZSwKZDU.min.js";
+import { V as te, a as ie, b as ae } from "./revolugo.vcard.k3F27b0_.min.js";
+import { V as N, B as we } from "./revolugo.bdaterangepicker.CuXt5m8k.min.js";
+import { V as ne } from "./revolugo.vform.BuY4c-jG.min.js";
+import { V as T } from "./revolugo.vtextfield.C3PH47E4.min.js";
+import { V as oe } from "./revolugo.vspacer.0M0DbPqW.min.js";
+import { a as b } from "./revolugo.vbtn.ikEGbF2M.min.js";
+import { V as B } from "./revolugo.vicon.0oYbTzMR.min.js";
+import { V as re } from "./revolugo.vdialog.I9viR6u_.min.js";
+import { s as H } from "./revolugo.dates.CE3ChILc.min.js";
+import { u as Ve } from "./revolugo.hotel-offer-request.BrgYCPvB.min.js";
+import { p as Ae, g as Me } from "./revolugo.pathify.Cj2pWNwI.min.js";
 function pe(e) {
   try {
     if (typeof document < "u") {
@@ -33,58 +35,58 @@ function pe(e) {
     console.error("[revolugo-elements] ", t);
   }
 }
-var L = {};
+var M = {};
 /*!
  * cookie
  * Copyright(c) 2012-2014 Roman Shtylman
  * Copyright(c) 2015 Douglas Christopher Wilson
  * MIT Licensed
  */
-var x;
-function Me() {
-  if (x) return L;
-  x = 1, L.parse = u, L.serialize = E;
-  var e = Object.prototype.toString, t = Object.prototype.hasOwnProperty, a = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/, i = /^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/, c = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, p = /^[\u0020-\u003A\u003D-\u007E]*$/;
+var q;
+function Le() {
+  if (q) return M;
+  q = 1, M.parse = u, M.serialize = S;
+  var e = Object.prototype.toString, t = Object.prototype.hasOwnProperty, a = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/, i = /^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/, f = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, p = /^[\u0020-\u003A\u003D-\u007E]*$/;
   function u(s, m) {
     if (typeof s != "string")
       throw new TypeError("argument str must be a string");
     var n = {}, h = s.length;
     if (h < 2) return n;
-    var w = m && m.decode || ue, f = 0, v = 0, g = 0;
+    var w = m && m.decode || ue, c = 0, v = 0, g = 0;
     do {
-      if (v = s.indexOf("=", f), v === -1) break;
-      if (g = s.indexOf(";", f), g === -1)
+      if (v = s.indexOf("=", c), v === -1) break;
+      if (g = s.indexOf(";", c), g === -1)
         g = h;
       else if (v > g) {
-        f = s.lastIndexOf(";", v - 1) + 1;
+        c = s.lastIndexOf(";", v - 1) + 1;
         continue;
       }
-      var V = d(s, f, v), P = l(s, v, V), N = s.slice(V, P);
-      if (!t.call(n, N)) {
-        var A = d(s, v + 1, g), U = l(s, g, A);
+      var V = l(s, c, v), P = d(s, v, V), $ = s.slice(V, P);
+      if (!t.call(n, $)) {
+        var A = l(s, v + 1, g), U = d(s, g, A);
         s.charCodeAt(A) === 34 && s.charCodeAt(U - 1) === 34 && (A++, U--);
         var me = s.slice(A, U);
-        n[N] = ce(me, w);
+        n[$] = fe(me, w);
       }
-      f = g + 1;
-    } while (f < h);
+      c = g + 1;
+    } while (c < h);
     return n;
   }
-  function d(s, m, n) {
+  function l(s, m, n) {
     do {
       var h = s.charCodeAt(m);
       if (h !== 32 && h !== 9) return m;
     } while (++m < n);
     return n;
   }
-  function l(s, m, n) {
+  function d(s, m, n) {
     for (; m > n; ) {
       var h = s.charCodeAt(--m);
       if (h !== 32 && h !== 9) return m + 1;
     }
     return n;
   }
-  function E(s, m, n) {
+  function S(s, m, n) {
     var h = n && n.encode || encodeURIComponent;
     if (typeof h != "function")
       throw new TypeError("option encode is invalid");
@@ -93,41 +95,41 @@ function Me() {
     var w = h(m);
     if (!i.test(w))
       throw new TypeError("argument val is invalid");
-    var f = s + "=" + w;
-    if (!n) return f;
+    var c = s + "=" + w;
+    if (!n) return c;
     if (n.maxAge != null) {
       var v = Math.floor(n.maxAge);
       if (!isFinite(v))
         throw new TypeError("option maxAge is invalid");
-      f += "; Max-Age=" + v;
+      c += "; Max-Age=" + v;
     }
     if (n.domain) {
-      if (!c.test(n.domain))
+      if (!f.test(n.domain))
         throw new TypeError("option domain is invalid");
-      f += "; Domain=" + n.domain;
+      c += "; Domain=" + n.domain;
     }
     if (n.path) {
       if (!p.test(n.path))
         throw new TypeError("option path is invalid");
-      f += "; Path=" + n.path;
+      c += "; Path=" + n.path;
     }
     if (n.expires) {
       var g = n.expires;
-      if (!fe(g) || isNaN(g.valueOf()))
+      if (!ce(g) || isNaN(g.valueOf()))
         throw new TypeError("option expires is invalid");
-      f += "; Expires=" + g.toUTCString();
+      c += "; Expires=" + g.toUTCString();
     }
-    if (n.httpOnly && (f += "; HttpOnly"), n.secure && (f += "; Secure"), n.partitioned && (f += "; Partitioned"), n.priority) {
+    if (n.httpOnly && (c += "; HttpOnly"), n.secure && (c += "; Secure"), n.partitioned && (c += "; Partitioned"), n.priority) {
       var V = typeof n.priority == "string" ? n.priority.toLowerCase() : n.priority;
       switch (V) {
         case "low":
-          f += "; Priority=Low";
+          c += "; Priority=Low";
           break;
         case "medium":
-          f += "; Priority=Medium";
+          c += "; Priority=Medium";
           break;
         case "high":
-          f += "; Priority=High";
+          c += "; Priority=High";
           break;
         default:
           throw new TypeError("option priority is invalid");
@@ -137,39 +139,39 @@ function Me() {
       var P = typeof n.sameSite == "string" ? n.sameSite.toLowerCase() : n.sameSite;
       switch (P) {
         case !0:
-          f += "; SameSite=Strict";
+          c += "; SameSite=Strict";
           break;
         case "lax":
-          f += "; SameSite=Lax";
+          c += "; SameSite=Lax";
           break;
         case "strict":
-          f += "; SameSite=Strict";
+          c += "; SameSite=Strict";
           break;
         case "none":
-          f += "; SameSite=None";
+          c += "; SameSite=None";
           break;
         default:
           throw new TypeError("option sameSite is invalid");
       }
     }
-    return f;
+    return c;
   }
   function ue(s) {
     return s.indexOf("%") !== -1 ? decodeURIComponent(s) : s;
   }
-  function fe(s) {
+  function ce(s) {
     return e.call(s) === "[object Date]";
   }
-  function ce(s, m) {
+  function fe(s, m) {
     try {
       return m(s);
     } catch {
       return s;
     }
   }
-  return L;
+  return M;
 }
-var K = Me();
+var K = Le();
 function Ke() {
   const e = typeof global > "u" ? void 0 : global.TEST_HAS_DOCUMENT_COOKIE;
   return typeof e == "boolean" ? e : typeof document == "object" && typeof document.cookie == "string";
@@ -194,8 +196,8 @@ class _e {
     this.changeListeners = [], this.HAS_DOCUMENT_COOKIE = !1, this.update = () => {
       if (!this.HAS_DOCUMENT_COOKIE)
         return;
-      const c = this.cookies;
-      this.cookies = K.parse(document.cookie), this._checkChanges(c);
+      const f = this.cookies;
+      this.cookies = K.parse(document.cookie), this._checkChanges(f);
     };
     const i = typeof document > "u" ? "" : document.cookie;
     this.cookies = Oe(t || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Ke();
@@ -230,8 +232,8 @@ class _e {
   }
   set(t, 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), { [t]: c }), this.HAS_DOCUMENT_COOKIE && (document.cookie = K.serialize(t, c, i)), this._emitChange({ name: t, value: a, options: i });
+    const f = typeof a == "string" ? a : JSON.stringify(a);
+    this.cookies = Object.assign(Object.assign({}, this.cookies), { [t]: f }), this.HAS_DOCUMENT_COOKIE && (document.cookie = K.serialize(t, f, i)), this._emitChange({ name: t, value: a, options: i });
   }
   remove(t, a) {
     const i = a = Object.assign(Object.assign(Object.assign({}, this.defaultSetOptions), a), { expires: new Date(1970, 1, 1, 0, 0, 1), maxAge: 0 });
@@ -246,31 +248,31 @@ class _e {
   }
 }
 function se(e, { doNotParse: t = !1, autoUpdateDependencies: a = !1 } = {}, i = new _e()) {
-  const c = a ? [...e || []] : e;
+  const f = a ? [...e || []] : e;
   let p = i.getAll({ doNotParse: !0 });
-  const u = he(0), d = () => {
-    const l = i.getAll({ doNotParse: !0 });
+  const u = he(0), l = () => {
+    const d = i.getAll({ doNotParse: !0 });
     Pe(
-      c || null,
-      l,
+      f || null,
+      d,
       p
-    ) && u.value++, p = l;
+    ) && u.value++, p = d;
   };
-  return i.addChangeListener(d), Ce(() => {
-    i.removeChangeListener(d);
+  return i.addChangeListener(l), ke(() => {
+    i.removeChangeListener(l);
   }), {
     /**
      * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
      */
-    get: (...l) => (a && c && !c.includes(l[0]) && c.push(l[0]), u.value, i.get(l[0], { doNotParse: t, ...l[1] })),
+    get: (...d) => (a && f && !f.includes(d[0]) && f.push(d[0]), u.value, i.get(d[0], { doNotParse: t, ...d[1] })),
     /**
      * Reactive get all cookies
      */
-    getAll: (...l) => (u.value, i.getAll({ doNotParse: t, ...l[0] })),
-    set: (...l) => i.set(...l),
-    remove: (...l) => i.remove(...l),
-    addChangeListener: (...l) => i.addChangeListener(...l),
-    removeChangeListener: (...l) => i.removeChangeListener(...l)
+    getAll: (...d) => (u.value, i.getAll({ doNotParse: t, ...d[0] })),
+    set: (...d) => i.set(...d),
+    remove: (...d) => i.remove(...d),
+    addChangeListener: (...d) => i.addChangeListener(...d),
+    removeChangeListener: (...d) => i.removeChangeListener(...d)
   };
 }
 function Pe(e, t, a) {
@@ -300,7 +302,7 @@ const le = R({
       }, t = new ve(e);
       try {
         return !!await t.hotels.retrieve({
-          id: "67xX"
+          id: "2yvb"
         });
       } catch (a) {
         return console.error(a), !1;
@@ -339,26 +341,26 @@ const le = R({
   ],
   name: "ApiKeyEditor",
   setup() {
-    const e = se(["apiKey"]), { t } = W(), a = b(e.get("apiKey")), i = z(
+    const e = se(["apiKey"]), { t } = W(), a = E(e.get("apiKey")), i = z(
       () => window.RevolugoElements.config.apiEnvironment
-    ), c = z(() => [
-      (l) => !!l || `A valid API Key is required. ${t("ApiKeyEditor.hint", {
+    ), f = z(() => [
+      (d) => !!d || `A valid API Key is required. ${t("ApiKeyEditor.hint", {
         environment: i.value
       })}`
-    ]), p = b(!1), u = b(!1), d = b(!1);
+    ]), p = E(!1), u = E(!1), l = E(!1);
     return {
       apiKey: a,
-      apiKeyRules: c,
+      apiKeyRules: f,
       cookies: e,
       dialog: p,
       isFormValid: u,
-      isLoading: d,
+      isLoading: l,
       t
     };
   }
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
 });
-function H(e) {
+function x(e) {
   const t = e;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
@@ -408,8 +410,8 @@ function H(e) {
     }
   });
 }
-function Ue(e, t, a, i, c, p) {
-  return S(), M("div", null, [
+function Ue(e, t, a, i, f, p) {
+  return k(), L("div", null, [
     o(re, {
       modelValue: e.dialog,
       "onUpdate:modelValue": t[2] || (t[2] = (u) => e.dialog = u),
@@ -417,13 +419,13 @@ function Ue(e, t, a, i, c, p) {
       "max-width": "600px"
     }, {
       activator: r(({ props: u }) => [
-        o(k, J(u, {
+        o(b, J(u, {
           color: e.cookies.get("apiKey") ? "success" : "warning",
           elevation: "0",
           size: "x-small"
         }), {
           default: r(() => [
-            e.cookies.get("apiKey") ? (S(), M(F, { key: 1 }, [
+            e.cookies.get("apiKey") ? (k(), L(F, { key: 1 }, [
               o(B, { class: "mr-2" }, {
                 default: r(() => t[5] || (t[5] = [
                   y(" fas fa-check ")
@@ -432,7 +434,7 @@ function Ue(e, t, a, i, c, p) {
                 __: [5]
               }),
               t[6] || (t[6] = y(" Valid API key "))
-            ], 64)) : (S(), M(F, { key: 0 }, [
+            ], 64)) : (k(), L(F, { key: 0 }, [
               o(B, { class: "mr-2" }, {
                 default: r(() => t[3] || (t[3] = [
                   y(" fas fa-exclamation ")
@@ -451,7 +453,7 @@ function Ue(e, t, a, i, c, p) {
           default: r(() => [
             o(ie, { class: "pa-4" }, {
               default: r(() => [
-                o($, { class: "pa-0" }, {
+                o(N, { class: "pa-0" }, {
                   default: r(() => [
                     o(O, { "no-gutters": "" }, {
                       default: r(() => [
@@ -497,7 +499,7 @@ function Ue(e, t, a, i, c, p) {
             o(ae, null, {
               default: r(() => [
                 o(oe),
-                o(k, {
+                o(b, {
                   color: "blue-darken-1",
                   size: "small",
                   variant: "text",
@@ -509,7 +511,7 @@ function Ue(e, t, a, i, c, p) {
                   _: 1,
                   __: [7]
                 }, 8, ["onClick"]),
-                o(k, {
+                o(b, {
                   class: "text-right",
                   color: "primary",
                   disabled: e.isLoading,
@@ -535,26 +537,26 @@ function Ue(e, t, a, i, c, p) {
     }, 8, ["modelValue", "attach"])
   ]);
 }
-typeof H == "function" && H(le);
+typeof x == "function" && x(le);
 const De = /* @__PURE__ */ _(le, [["render", Ue]]), de = R({
   components: {
-    BDateRangePicker: Ve,
+    BDateRangePicker: we,
     BTag: Z
   },
   computed: {
-    ...ye(Ee),
+    ...ye(Ve),
     dateRange: {
       get() {
-        return !this.eventMetadata.dateStart || !this.eventMetadata.dateEnd ? [] : q(
+        return !this.eventMetadata.dateStart || !this.eventMetadata.dateEnd ? [] : H(
           this.eventMetadata.dateStart,
           this.eventMetadata.dateEnd
         );
       },
       set(e) {
-        [this.eventMetadata.dateStart, this.eventMetadata.dateEnd] = q(...e);
+        [this.eventMetadata.dateStart, this.eventMetadata.dateEnd] = H(...e);
       }
     },
-    isFetching: Le("hotelOfferRequest/isFetching")
+    isFetching: Me("hotelOfferRequest/isFetching")
   },
   created() {
     this.cookies.get("eventMetadata") && this.updateConfig({
@@ -567,8 +569,7 @@ const De = /* @__PURE__ */ _(le, [["render", Ue]]), de = R({
       this.dialog = !1;
     },
     isValidEventMetadata() {
-      var e;
-      return !(!((e = this.eventMetadata) != null && e.name.length) || !this.dateRange[0] || !this.dateRange[1]);
+      return !(!this.eventMetadata?.name.length || !this.dateRange[0] || !this.dateRange[1]);
     },
     onReset() {
       this.cookies.remove("eventMetadata"), this.eventMetadata = {}, this.updateConfig({
@@ -589,35 +590,35 @@ const De = /* @__PURE__ */ _(le, [["render", Ue]]), de = R({
   mixins: [Q, Ae()],
   name: "EventMetadataEditor",
   setup() {
-    const e = se(["eventMetadata"]), t = b(""), a = b(
+    const e = se(["eventMetadata"]), t = E(""), a = E(
       e.get("eventMetadata") || {
         dateEnd: j().add(1, "day").format("YYYY-MM-DD").toString(),
         dateStart: j().format("YYYY-MM-DD").toString(),
         name: ""
       }
-    ), { t: i } = W(), c = [
-      (E) => {
-        if (!E)
+    ), { t: i } = W(), f = [
+      (S) => {
+        if (!S)
           return !0;
         try {
           return (
             // eslint-disable-next-line no-constant-binary-expression
-            !!new URL(E) || i("EventMetadataEditor.validation.imageURL")
+            !!new URL(S) || i("EventMetadataEditor.validation.imageURL")
           );
         } catch {
           return i("EventMetadataEditor.validation.imageURL");
         }
       }
     ], p = [
-      (E) => !!E || i("EventMetadataEditor.validation.name")
-    ], u = b(!1), d = b(!1), l = b(!1);
+      (S) => !!S || i("EventMetadataEditor.validation.name")
+    ], u = E(!1), l = E(!1), d = E(!1);
     return {
       cookies: e,
       dialog: u,
       eventMetadata: a,
-      imageURLRules: c,
-      isFormValid: d,
-      isLoading: l,
+      imageURLRules: f,
+      isFormValid: l,
+      isLoading: d,
       name: t,
       nameRules: p
     };
@@ -688,28 +689,25 @@ function Y(e) {
     }
   });
 }
-function Ie(e, t, a, i, c, p) {
+function Ie(e, t, a, i, f, p) {
   const u = C("BDateRangePicker");
-  return S(), M("div", null, [
+  return k(), L("div", null, [
     o(re, {
       modelValue: e.dialog,
-      "onUpdate:modelValue": t[4] || (t[4] = (d) => e.dialog = d),
+      "onUpdate:modelValue": t[4] || (t[4] = (l) => e.dialog = l),
       attach: e.$dialogAttach,
       height: "600px",
       "max-width": "600px"
     }, {
-      activator: r(({ props: d }) => [
-        o(k, J(d, {
+      activator: r(({ props: l }) => [
+        o(b, J(l, {
           color: e.cookies.get("eventMetadata") ? "success" : "warning",
           elevation: "0",
           size: "x-small"
         }), {
-          default: r(() => {
-            var l, E;
-            return [
-              y(be((l = e.eventMetadata) != null && l.name ? `EVENT : ${(E = e.eventMetadata) == null ? void 0 : E.name}` : "ADD EVENT METADATA"), 1)
-            ];
-          }),
+          default: r(() => [
+            y(Ee(e.eventMetadata?.name ? `EVENT : ${e.eventMetadata?.name}` : "ADD EVENT METADATA"), 1)
+          ]),
           _: 2
         }, 1040, ["color"])
       ]),
@@ -718,7 +716,7 @@ function Ie(e, t, a, i, c, p) {
           default: r(() => [
             o(ie, { class: "pa-4" }, {
               default: r(() => [
-                o($, { class: "pa-0" }, {
+                o(N, { class: "pa-0" }, {
                   default: r(() => [
                     o(O, { "no-gutters": "" }, {
                       default: r(() => [
@@ -727,14 +725,14 @@ function Ie(e, t, a, i, c, p) {
                             o(ne, {
                               ref: "eventMetadataEditorForm",
                               modelValue: e.isFormValid,
-                              "onUpdate:modelValue": t[3] || (t[3] = (d) => e.isFormValid = d),
+                              "onUpdate:modelValue": t[3] || (t[3] = (l) => e.isFormValid = l),
                               class: "m-0",
                               onSubmit: G(e.onSubmit, ["prevent"])
                             }, {
                               default: r(() => [
                                 o(T, {
                                   modelValue: e.eventMetadata.name,
-                                  "onUpdate:modelValue": t[0] || (t[0] = (d) => e.eventMetadata.name = d),
+                                  "onUpdate:modelValue": t[0] || (t[0] = (l) => e.eventMetadata.name = l),
                                   density: "compact",
                                   label: "Name of the event",
                                   variant: "outlined",
@@ -745,7 +743,7 @@ function Ie(e, t, a, i, c, p) {
                                 }, null, 8, ["modelValue", "rules", "onKeyup"]),
                                 o(T, {
                                   modelValue: e.eventMetadata.imageURL,
-                                  "onUpdate:modelValue": t[1] || (t[1] = (d) => e.eventMetadata.imageURL = d),
+                                  "onUpdate:modelValue": t[1] || (t[1] = (l) => e.eventMetadata.imageURL = l),
                                   density: "compact",
                                   label: "Image URL",
                                   variant: "outlined",
@@ -757,7 +755,7 @@ function Ie(e, t, a, i, c, p) {
                                   default: r(() => [
                                     o(u, {
                                       modelValue: e.dateRange,
-                                      "onUpdate:modelValue": t[2] || (t[2] = (d) => e.dateRange = d)
+                                      "onUpdate:modelValue": t[2] || (t[2] = (l) => e.dateRange = l)
                                     }, null, 8, ["modelValue"])
                                   ]),
                                   _: 1
@@ -780,8 +778,8 @@ function Ie(e, t, a, i, c, p) {
             o(ae, null, {
               default: r(() => [
                 o(oe),
-                o(k, {
-                  color: "blue-darken-1",
+                o(b, {
+                  color: "grey",
                   size: "small",
                   variant: "text",
                   onClick: e.closeDialog
@@ -792,7 +790,7 @@ function Ie(e, t, a, i, c, p) {
                   _: 1,
                   __: [5]
                 }, 8, ["onClick"]),
-                o(k, {
+                o(b, {
                   color: "error",
                   disabled: e.isFetching,
                   loading: e.isFetching,
@@ -806,11 +804,12 @@ function Ie(e, t, a, i, c, p) {
                   _: 1,
                   __: [6]
                 }, 8, ["disabled", "loading", "onClick"]),
-                o(k, {
-                  color: "primary",
+                o(b, {
+                  color: "success",
                   disabled: e.isFetching,
                   loading: e.isFetching,
                   size: "small",
+                  variant: "flat",
                   onClick: e.onSubmit
                 }, {
                   default: r(() => t[7] || (t[7] = [
@@ -831,26 +830,26 @@ function Ie(e, t, a, i, c, p) {
   ]);
 }
 typeof Y == "function" && Y(de);
-const Te = /* @__PURE__ */ _(de, [["render", Ie]]), $e = R({
+const Te = /* @__PURE__ */ _(de, [["render", Ie]]), Ne = R({
   components: {
     ApiKeyEditor: De,
     EventMetadataEditor: Te
   },
   name: "StorybookExtraToolbar"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
-}), Ne = { class: "flex gap-1 px-3" };
-function ze(e, t, a, i, c, p) {
-  const u = C("ApiKeyEditor"), d = C("EventMetadataEditor");
-  return S(), X($, {
+}), $e = { class: "flex gap-1 px-3" };
+function ze(e, t, a, i, f, p) {
+  const u = C("ApiKeyEditor"), l = C("EventMetadataEditor");
+  return k(), X(N, {
     class: "pa-0 mb-3",
     fluid: ""
   }, {
     default: r(() => [
       o(O, { "no-gutters": "" }, {
         default: r(() => [
-          ke("div", Ne, [
+          be("div", $e, [
             o(u),
-            o(d)
+            o(l)
           ])
         ]),
         _: 1
@@ -859,24 +858,24 @@ function ze(e, t, a, i, c, p) {
     _: 1
   });
 }
-const Fe = /* @__PURE__ */ _($e, [["render", ze]]), je = R({
+const Fe = /* @__PURE__ */ _(Ne, [["render", ze]]), je = R({
   components: {
     StorybookExtraToolbar: Fe,
-    WebComponentWrapper: we
+    WebComponentWrapper: Ce
   }
 });
-function Be(e, t, a, i, c, p) {
-  const u = C("StorybookExtraToolbar"), d = C("WebComponentWrapper");
-  return S(), X(d, { "error-overlay-disabled": "" }, {
+function Be(e, t, a, i, f, p) {
+  const u = C("StorybookExtraToolbar"), l = C("WebComponentWrapper");
+  return k(), X(l, { "error-overlay-disabled": "" }, {
     default: r(() => [
       o(u)
     ]),
     _: 1
   });
 }
-const ot = /* @__PURE__ */ _(je, [["render", Be]]);
+const st = /* @__PURE__ */ _(je, [["render", Be]]);
 pe("css/revolugo.storybooktoolbar.d_cxquq9.css");
 export {
-  ot as default
+  st as default
 };
-//# sourceMappingURL=revolugo.storybooktoolbar.DY_mbXuP.min.js.map
+//# sourceMappingURL=revolugo.storybooktoolbar.BrYrYQ9u.min.js.map