@revolugo/elements 6.9.0-rc.5 → 6.9.1-beta.0

package/dist/revolugo.storybooktoolbar.Jn8CsV1b.min.js

@@ -0,0 +1,839 @@
+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";
+function me(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const e = import.meta.url, a = e.slice(0, e.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(a);
+      for (const i of REVOLUGO_ELEMENTS_STYLES.components)
+        i(a);
+      if (t.indexOf("fonts") >= 0) {
+        const i = document.createElement("link");
+        i.rel = "stylesheet", linK.href = a, document.head.appendChild(i);
+      }
+    }
+  } catch (e) {
+    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__ */ (() => {
+    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)
+      return n;
+    const A = 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;
+      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;
+      }
+      l = f + 1;
+    } while (l < h);
+    return n;
+  }
+  function g(s, p, n) {
+    do {
+      const h = s.charCodeAt(p);
+      if (h !== 32 && h !== 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)
+        return p + 1;
+    }
+    return n;
+  }
+  function R(s, p, n) {
+    const h = n?.encode || encodeURIComponent;
+    if (!t.test(s))
+      throw new TypeError(`argument name is invalid: ${s}`);
+    const A = h(p);
+    if (!e.test(A))
+      throw new TypeError(`argument val is invalid: ${p}`);
+    let l = s + "=" + A;
+    if (!n)
+      return l;
+    if (n.maxAge !== void 0) {
+      if (!Number.isInteger(n.maxAge))
+        throw new TypeError(`option maxAge is invalid: ${n.maxAge}`);
+      l += "; Max-Age=" + n.maxAge;
+    }
+    if (n.domain) {
+      if (!a.test(n.domain))
+        throw new TypeError(`option domain is invalid: ${n.domain}`);
+      l += "; Domain=" + n.domain;
+    }
+    if (n.path) {
+      if (!i.test(n.path))
+        throw new TypeError(`option path is invalid: ${n.path}`);
+      l += "; Path=" + n.path;
+    }
+    if (n.expires) {
+      if (!V(n.expires) || !Number.isFinite(n.expires.valueOf()))
+        throw new TypeError(`option expires is invalid: ${n.expires}`);
+      l += "; Expires=" + n.expires.toUTCString();
+    }
+    if (n.httpOnly && (l += "; HttpOnly"), n.secure && (l += "; Secure"), n.partitioned && (l += "; Partitioned"), n.priority)
+      switch (typeof n.priority == "string" ? n.priority.toLowerCase() : void 0) {
+        case "low":
+          l += "; Priority=Low";
+          break;
+        case "medium":
+          l += "; Priority=Medium";
+          break;
+        case "high":
+          l += "; Priority=High";
+          break;
+        default:
+          throw new TypeError(`option priority is invalid: ${n.priority}`);
+      }
+    if (n.sameSite)
+      switch (typeof n.sameSite == "string" ? n.sameSite.toLowerCase() : n.sameSite) {
+        case !0:
+        case "strict":
+          l += "; SameSite=Strict";
+          break;
+        case "lax":
+          l += "; SameSite=Lax";
+          break;
+        case "none":
+          l += "; SameSite=None";
+          break;
+        default:
+          throw new TypeError(`option sameSite is invalid: ${n.sameSite}`);
+      }
+    return l;
+  }
+  function m(s) {
+    if (s.indexOf("%") === -1)
+      return s;
+    try {
+      return decodeURIComponent(s);
+    } catch {
+      return s;
+    }
+  }
+  function V(s) {
+    return c.call(s) === "[object Date]";
+  }
+  return L;
+}
+var x = Oe();
+function Ke() {
+  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 U(t, e = {}) {
+  const a = xe(t);
+  if (!e.doNotParse)
+    try {
+      return JSON.parse(a);
+    } catch {
+    }
+  return t;
+}
+function xe(t) {
+  return t && t[0] === "j" && t[1] === ":" ? t.substr(2) : t;
+}
+class Me {
+  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);
+    };
+    const i = typeof document > "u" ? "" : document.cookie;
+    this.cookies = Ie(e || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Ke();
+  }
+  _emitChange(e) {
+    for (let a = 0; a < this.changeListeners.length; ++a)
+      this.changeListeners[a](e);
+  }
+  _checkChanges(e) {
+    new Set(Object.keys(e).concat(Object.keys(this.cookies))).forEach((i) => {
+      e[i] !== this.cookies[i] && this._emitChange({
+        name: i,
+        value: U(this.cookies[i])
+      });
+    });
+  }
+  _startPolling() {
+    this.pollingInterval = setInterval(this.update, 300);
+  }
+  _stopPolling() {
+    this.pollingInterval && clearInterval(this.pollingInterval);
+  }
+  get(e, a = {}) {
+    return a.doNotUpdate || this.update(), U(this.cookies[e], a);
+  }
+  getAll(e = {}) {
+    e.doNotUpdate || this.update();
+    const a = {};
+    for (let i in this.cookies)
+      a[i] = U(this.cookies[i], e);
+    return a;
+  }
+  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 });
+  }
+  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 });
+  }
+  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());
+  }
+  removeChangeListener(e) {
+    const a = this.changeListeners.indexOf(e);
+    a >= 0 && this.changeListeners.splice(a, 1), this.HAS_DOCUMENT_COOKIE && this.changeListeners.length === 0 && (typeof window == "object" && "cookieStore" in window ? window.cookieStore.removeEventListener("change", this.update) : this._stopPolling());
+  }
+  removeAllChangeListeners() {
+    for (; this.changeListeners.length > 0; )
+      this.removeChangeListener(this.changeListeners[0]);
+  }
+}
+function le(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i = new Me()) {
+  const c = a ? [...t || []] : t;
+  let v = i.getAll({ doNotParse: !0 });
+  const u = pe(0), g = () => {
+    const d = i.getAll({ doNotParse: !0 });
+    Pe(
+      c || null,
+      d,
+      v
+    ) && u.value++, v = d;
+  };
+  return i.addChangeListener(g), Ve(() => {
+    i.removeChangeListener(g);
+  }), {
+    /**
+     * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
+     */
+    get: (...d) => (a && c && !c.includes(d[0]) && c.push(d[0]), u.value, i.get(d[0], { doNotParse: e, ...d[1] })),
+    /**
+     * Reactive get all cookies
+     */
+    getAll: (...d) => (u.value, i.getAll({ doNotParse: e, ...d[0] })),
+    set: (...d) => i.set(...d),
+    remove: (...d) => i.remove(...d),
+    addChangeListener: (...d) => i.addChangeListener(...d),
+    removeChangeListener: (...d) => i.removeChangeListener(...d)
+  };
+}
+function Pe(t, e, a) {
+  if (!t)
+    return !0;
+  for (const i of t)
+    if (e[i] !== a[i])
+      return !0;
+  return !1;
+}
+const de = P({
+  components: {
+    BTag: ke
+  },
+  methods: {
+    closeDialog() {
+      this.dialog = !1, this.apiKey = this.cookies.get("apiKey");
+    },
+    async isValidApiKey() {
+      if (!this.apiKey)
+        return !1;
+      const t = {
+        apiEnvironment: window.RevolugoElements.config.apiEnvironment,
+        apiKey: this.apiKey,
+        apiVersion: ve.V1,
+        optionalHeaders: window.RevolugoElements.config.optionalHeaders
+      }, e = new ge(t);
+      try {
+        return !!await e.hotels.retrieve({
+          id: "2yvb"
+        });
+      } catch (a) {
+        return console.error(a), !1;
+      }
+    },
+    async onSubmit() {
+      this.validate(), await this.updateApiKey(), this.apiKey && this.closeDialog();
+    },
+    async updateApiKey() {
+      try {
+        if (this.isLoading = !0, await this.isValidApiKey())
+          this.config.apiKey !== this.apiKey && this.updateConfig({
+            ...this.config,
+            apiKey: this.apiKey
+          }), this.cookies.set("apiKey", this.apiKey, {
+            expires: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 365)
+          });
+        else
+          throw new Error("Invalid API Key");
+      } catch {
+        console.error("Invalid API Key");
+      } finally {
+        this.isLoading = !1;
+      }
+    },
+    validate() {
+      this.$refs.apiKeyEditorForm.validate();
+    }
+  },
+  mixins: [
+    Le(["config.apiEnvironment"], "updateApiKey", {
+      deep: !0,
+      immediate: !0
+    }),
+    _e
+  ],
+  name: "ApiKeyEditor",
+  setup() {
+    const t = le(["apiKey"]), { t: e } = X(), a = _(t.get("apiKey")), i = T(
+      () => window.RevolugoElements.config.apiEnvironment
+    ), c = T(() => [
+      (d) => !!d || `A valid API Key is required. ${e("ApiKeyEditor.hint", {
+        environment: i.value
+      })}`
+    ]), v = _(!1), u = _(!1), g = _(!1);
+    return {
+      apiKey: a,
+      apiKeyRules: c,
+      cookies: t,
+      dialog: v,
+      isFormValid: u,
+      isLoading: g,
+      t: e
+    };
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+});
+function G(t) {
+  const e = t;
+  e.__i18n = e.__i18n || [], e.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Please, put your Publishable API Key for " }, { t: 4, k: "environment" }, { t: 3, v: " environment" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Provided API Key credential is not valid" } }
+        }
+      },
+      "fr-FR": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Indiquez votre clé API Publishable pour l'environnement " }, { t: 4, k: "environment" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La clé API renseignée est invalide." } }
+        }
+      },
+      "de-DE": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Bitte gib deinen Veröffentlichen API-Schlüssel für die " }, { t: 4, k: "environment" }, { t: 3, v: " Umgebung an" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Der angegebene API-Schlüssel ist ungültig" } }
+        }
+      },
+      "es-ES": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Por favor, introduzca su clave API pública para el entorno " }, { t: 4, k: "environment" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La clave API proporcionada no es válida" } }
+        }
+      },
+      "it-IT": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Inserisci la tua chiave API pubblica per l'ambiente " }, { t: 4, k: "environment" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "La chiave API fornita non è valida" } }
+        }
+      },
+      "nl-NL": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Vul hier uw Publishable API Key in voor de " }, { t: 4, k: "environment" }, { t: 3, v: " omgeving" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "De opgegeven API Key is ongeldig" } }
+        }
+      },
+      "pt-PT": {
+        ApiKeyEditor: {
+          hint: { t: 0, b: { t: 2, i: [{ t: 3, v: "Por favor, coloque a sua chave API Publicável para o ambiente " }, { t: 4, k: "environment" }] } },
+          invalid: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "A credencial da chave API fornecida não é válida" } }
+        }
+      }
+    }
+  });
+}
+function Re(t, e, a, i, c, v) {
+  return w(), I("div", null, [
+    o(re, {
+      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, {
+          color: t.cookies.get("apiKey") ? "success" : "warning",
+          elevation: "0",
+          size: "x-small"
+        }), {
+          default: r(() => [
+            t.cookies.get("apiKey") ? (w(), I(B, { key: 1 }, [
+              o(q, { class: "mr-2" }, {
+                default: r(() => e[5] || (e[5] = [
+                  S(" fas fa-check ", -1)
+                ])),
+                _: 1,
+                __: [5]
+              }),
+              e[6] || (e[6] = S(" Valid API key ", -1))
+            ], 64)) : (w(), I(B, { key: 0 }, [
+              o(q, { class: "mr-2" }, {
+                default: r(() => e[3] || (e[3] = [
+                  S(" fas fa-exclamation ", -1)
+                ])),
+                _: 1,
+                __: [3]
+              }),
+              e[4] || (e[4] = S(" No API key provided ", -1))
+            ], 64))
+          ]),
+          _: 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: "apiKeyEditorForm",
+                              modelValue: t.isFormValid,
+                              "onUpdate:modelValue": e[1] || (e[1] = (u) => t.isFormValid = u),
+                              class: "m-0",
+                              onSubmit: Q(t.onSubmit, ["prevent"])
+                            }, {
+                              default: r(() => [
+                                o($, {
+                                  modelValue: t.apiKey,
+                                  "onUpdate:modelValue": e[0] || (e[0] = (u) => t.apiKey = u),
+                                  density: "compact",
+                                  hint: t.t("ApiKeyEditor.hint", {
+                                    environment: t.config.apiEnvironment
+                                  }),
+                                  label: "API Key",
+                                  variant: "outlined",
+                                  "persistent-hint": "",
+                                  required: "",
+                                  rules: t.apiKeyRules,
+                                  onKeyup: D(t.onSubmit, ["enter"])
+                                }, null, 8, ["modelValue", "hint", "rules", "onKeyup"])
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "onSubmit"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(oe, null, {
+              default: r(() => [
+                o(se),
+                o(k, {
+                  color: "blue-darken-1",
+                  size: "small",
+                  variant: "text",
+                  onClick: t.closeDialog
+                }, {
+                  default: r(() => e[7] || (e[7] = [
+                    S(" Close ", -1)
+                  ])),
+                  _: 1,
+                  __: [7]
+                }, 8, ["onClick"]),
+                o(k, {
+                  class: "text-right",
+                  color: "primary",
+                  disabled: t.isLoading,
+                  elevation: "0",
+                  loading: t.isLoading,
+                  size: "small",
+                  onClick: t.onSubmit
+                }, {
+                  default: r(() => e[8] || (e[8] = [
+                    S(" Save ", -1)
+                  ])),
+                  _: 1,
+                  __: [8]
+                }, 8, ["disabled", "loading", "onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "attach"])
+  ]);
+}
+typeof G == "function" && G(de);
+const Ue = /* @__PURE__ */ N(de, [["render", Re]]), ue = /* @__PURE__ */ P({
+  __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 = [
+      (b) => {
+        if (!b)
+          return !0;
+        try {
+          return (
+            // eslint-disable-next-line no-constant-binary-expression
+            !!new URL(b) || v("EventMetadataEditor.validation.imageURL")
+          );
+        } catch {
+          return v("EventMetadataEditor.validation.imageURL");
+        }
+      }
+    ], R = [
+      (b) => !!b || v("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({
+      get() {
+        return !m.value.dateStart || !m.value.dateEnd ? [] : Y(
+          m.value.dateStart,
+          m.value.dateEnd
+        );
+      },
+      set(b) {
+        [m.value.dateStart, m.value.dateEnd] = Y(...b);
+      }
+    });
+    function n() {
+      V.value = !1;
+    }
+    function h() {
+      return !(!m.value.name?.length || !p.value[0] || !p.value[1]);
+    }
+    function A() {
+      h() && (a({
+        ...e.value,
+        eventMetadata: m.value
+      }), i.set("eventMetadata", JSON.stringify(m)), n());
+    }
+    function l() {
+      A(), n();
+    }
+    function E() {
+      i.remove("eventMetadata"), m.value = {}, a({
+        ...e.value,
+        eventMetadata: {}
+      }), n();
+    }
+    return Ee(() => {
+      i.get("eventMetadata") && a({
+        ...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);
+    };
+  }
+});
+function J(t) {
+  const e = t;
+  e.__i18n = e.__i18n || [], e.__i18n.push({
+    locale: "",
+    resource: {
+      "en-US": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please provide a valid URL" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please provide a name" } }
+          }
+        }
+      },
+      "fr-FR": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez fournir une URL valide d'image" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez entrer le nom de l'événement" } }
+          }
+        }
+      },
+      "de-DE": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte geben Sie eine gültige URL an" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte geben Sie einen Namen an" } }
+          }
+        }
+      },
+      "es-ES": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, introduce una URL válida" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, introduce un nombre" } }
+          }
+        }
+      },
+      "it-IT": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Inserisci un URL valido" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Inserisci un nome" } }
+          }
+        }
+      },
+      "nl-NL": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Geef een geldige URL op" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Geef een naam op" } }
+          }
+        }
+      },
+      "pt-PT": {
+        EventMetadataEditor: {
+          validation: {
+            imageURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, introduza um URL válido" } },
+            name: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, introduza um nome" } }
+          }
+        }
+      }
+    }
+  });
+}
+typeof J == "function" && J(ue);
+const Te = P({
+  components: {
+    ApiKeyEditor: Ue,
+    EventMetadataEditor: ue
+  },
+  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, {
+    class: "pa-0 mb-3",
+    fluid: ""
+  }, {
+    default: r(() => [
+      o(M, { "no-gutters": "" }, {
+        default: r(() => [
+          Se("div", De, [
+            o(u),
+            o(g)
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Ne = /* @__PURE__ */ N(Te, [["render", $e]]), je = P({
+  components: {
+    StorybookExtraToolbar: Ne,
+    WebComponentWrapper: we
+  }
+});
+function ze(t, e, a, i, c, v) {
+  const u = O("StorybookExtraToolbar"), g = O("WebComponentWrapper");
+  return w(), ee(g, { "error-overlay-disabled": "" }, {
+    default: r(() => [
+      o(u)
+    ]),
+    _: 1
+  });
+}
+const qe = /* @__PURE__ */ N(je, [["render", ze]]);
+me("css/revolugo.storybooktoolbar.d_cxquq9.css");
+export {
+  qe as default
+};
+//# sourceMappingURL=revolugo.storybooktoolbar.Jn8CsV1b.min.js.map