@revolugo/elements 6.8.3-beta.2 → 6.8.3-beta.20

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

@@ -0,0 +1,845 @@
+import { s as ve, d as T, h as Z, i as w, b as N, A as me, X as ge, j as P, a as o, w as s, k as Q, l as $, p as b, m as ee, F as H, o as A, q as he, t as ye, v as q, x as Ee, u as C, r as O, y as be, c as te, z as _e } from "./revolugo.index.wc.CH4CMunP.min.js";
+import { t as we, w as Se, d as ke, B as Ce, _ as j, V as ie, b as ae, c as B, e as U, f as ne, h as oe, i as z, j as re, k as se, l as S, m as Y, n as le, u as Ae, o as Ve, s as W, W as Oe } from "./revolugo.webcomponentwrapper.umNfPHAE.min.js";
+function pe(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 M = {};
+/*!
+ * cookie
+ * Copyright(c) 2012-2014 Roman Shtylman
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+var G;
+function Ke() {
+  if (G) return M;
+  G = 1, M.parse = c, M.serialize = I;
+  var t = Object.prototype.toString, e = 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, y = /^[\u0020-\u003A\u003D-\u007E]*$/;
+  function c(r, p) {
+    if (typeof r != "string")
+      throw new TypeError("argument str must be a string");
+    var n = {}, h = r.length;
+    if (h < 2) return n;
+    var _ = p && p.decode || v, d = 0, m = 0, l = 0;
+    do {
+      if (m = r.indexOf("=", d), m === -1) break;
+      if (l = r.indexOf(";", d), l === -1)
+        l = h;
+      else if (m > l) {
+        d = r.lastIndexOf(";", m - 1) + 1;
+        continue;
+      }
+      var k = E(r, d, m), g = u(r, m, k), F = r.slice(k, g);
+      if (!e.call(n, F)) {
+        var L = E(r, m + 1, l), D = u(r, l, L);
+        r.charCodeAt(L) === 34 && r.charCodeAt(D - 1) === 34 && (L++, D--);
+        var fe = r.slice(L, D);
+        n[F] = K(fe, _);
+      }
+      d = l + 1;
+    } while (d < h);
+    return n;
+  }
+  function E(r, p, n) {
+    do {
+      var h = r.charCodeAt(p);
+      if (h !== 32 && h !== 9) return p;
+    } while (++p < n);
+    return n;
+  }
+  function u(r, p, n) {
+    for (; p > n; ) {
+      var h = r.charCodeAt(--p);
+      if (h !== 32 && h !== 9) return p + 1;
+    }
+    return n;
+  }
+  function I(r, p, n) {
+    var h = n && n.encode || encodeURIComponent;
+    if (typeof h != "function")
+      throw new TypeError("option encode is invalid");
+    if (!a.test(r))
+      throw new TypeError("argument name is invalid");
+    var _ = h(p);
+    if (!i.test(_))
+      throw new TypeError("argument val is invalid");
+    var d = r + "=" + _;
+    if (!n) return d;
+    if (n.maxAge != null) {
+      var m = Math.floor(n.maxAge);
+      if (!isFinite(m))
+        throw new TypeError("option maxAge is invalid");
+      d += "; Max-Age=" + m;
+    }
+    if (n.domain) {
+      if (!f.test(n.domain))
+        throw new TypeError("option domain is invalid");
+      d += "; Domain=" + n.domain;
+    }
+    if (n.path) {
+      if (!y.test(n.path))
+        throw new TypeError("option path is invalid");
+      d += "; Path=" + n.path;
+    }
+    if (n.expires) {
+      var l = n.expires;
+      if (!V(l) || isNaN(l.valueOf()))
+        throw new TypeError("option expires is invalid");
+      d += "; Expires=" + l.toUTCString();
+    }
+    if (n.httpOnly && (d += "; HttpOnly"), n.secure && (d += "; Secure"), n.partitioned && (d += "; Partitioned"), n.priority) {
+      var k = typeof n.priority == "string" ? n.priority.toLowerCase() : n.priority;
+      switch (k) {
+        case "low":
+          d += "; Priority=Low";
+          break;
+        case "medium":
+          d += "; Priority=Medium";
+          break;
+        case "high":
+          d += "; Priority=High";
+          break;
+        default:
+          throw new TypeError("option priority is invalid");
+      }
+    }
+    if (n.sameSite) {
+      var g = typeof n.sameSite == "string" ? n.sameSite.toLowerCase() : n.sameSite;
+      switch (g) {
+        case !0:
+          d += "; SameSite=Strict";
+          break;
+        case "lax":
+          d += "; SameSite=Lax";
+          break;
+        case "strict":
+          d += "; SameSite=Strict";
+          break;
+        case "none":
+          d += "; SameSite=None";
+          break;
+        default:
+          throw new TypeError("option sameSite is invalid");
+      }
+    }
+    return d;
+  }
+  function v(r) {
+    return r.indexOf("%") !== -1 ? decodeURIComponent(r) : r;
+  }
+  function V(r) {
+    return t.call(r) === "[object Date]";
+  }
+  function K(r, p) {
+    try {
+      return p(r);
+    } catch {
+      return r;
+    }
+  }
+  return M;
+}
+var R = Ke();
+function Le() {
+  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 Me(t) {
+  return typeof t == "string" ? R.parse(t) : typeof t == "object" && t !== null ? t : {};
+}
+function x(t, e = {}) {
+  const a = Pe(t);
+  if (!e.doNotParse)
+    try {
+      return JSON.parse(a);
+    } catch {
+    }
+  return t;
+}
+function Pe(t) {
+  return t && t[0] === "j" && t[1] === ":" ? t.substr(2) : t;
+}
+class Re {
+  constructor(e, a = {}) {
+    this.changeListeners = [], this.HAS_DOCUMENT_COOKIE = !1, this.update = () => {
+      if (!this.HAS_DOCUMENT_COOKIE)
+        return;
+      const f = this.cookies;
+      this.cookies = R.parse(document.cookie), this._checkChanges(f);
+    };
+    const i = typeof document > "u" ? "" : document.cookie;
+    this.cookies = Me(e || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Le();
+  }
+  _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: x(this.cookies[i])
+      });
+    });
+  }
+  _startPolling() {
+    this.pollingInterval = setInterval(this.update, 300);
+  }
+  _stopPolling() {
+    this.pollingInterval && clearInterval(this.pollingInterval);
+  }
+  get(e, a = {}) {
+    return a.doNotUpdate || this.update(), x(this.cookies[e], a);
+  }
+  getAll(e = {}) {
+    e.doNotUpdate || this.update();
+    const a = {};
+    for (let i in this.cookies)
+      a[i] = x(this.cookies[i], e);
+    return a;
+  }
+  set(e, a, i) {
+    i ? i = Object.assign(Object.assign({}, this.defaultSetOptions), i) : i = this.defaultSetOptions;
+    const f = typeof a == "string" ? a : JSON.stringify(a);
+    this.cookies = Object.assign(Object.assign({}, this.cookies), { [e]: f }), this.HAS_DOCUMENT_COOKIE && (document.cookie = R.serialize(e, f, 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 = R.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());
+  }
+}
+function de(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i = new Re()) {
+  const f = a ? [...t || []] : t;
+  let y = i.getAll({ doNotParse: !0 });
+  const c = ve(0), E = () => {
+    const u = i.getAll({ doNotParse: !0 });
+    Ue(
+      f || null,
+      u,
+      y
+    ) && c.value++, y = u;
+  };
+  return i.addChangeListener(E), we(() => {
+    i.removeChangeListener(E);
+  }), {
+    /**
+     * Reactive get cookie by name. If **autoUpdateDependencies = true** then it will update watching dependencies
+     */
+    get: (...u) => (a && f && !f.includes(u[0]) && f.push(u[0]), c.value, i.get(u[0], { doNotParse: e, ...u[1] })),
+    /**
+     * Reactive get all cookies
+     */
+    getAll: (...u) => (c.value, i.getAll({ doNotParse: e, ...u[0] })),
+    set: (...u) => i.set(...u),
+    remove: (...u) => i.remove(...u),
+    addChangeListener: (...u) => i.addChangeListener(...u),
+    removeChangeListener: (...u) => i.removeChangeListener(...u)
+  };
+}
+function Ue(t, e, a) {
+  if (!t)
+    return !0;
+  for (const i of t)
+    if (e[i] !== a[i])
+      return !0;
+  return !1;
+}
+const ue = T({
+  components: {
+    BTag: Ce
+  },
+  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: me.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: [
+    Se(["config.apiEnvironment"], "updateApiKey", {
+      deep: !0,
+      immediate: !0
+    }),
+    ke
+  ],
+  name: "ApiKeyEditor",
+  setup() {
+    const t = de(["apiKey"]), { t: e } = Z(), a = w(t.get("apiKey")), i = N(
+      () => window.RevolugoElements.config.apiEnvironment
+    ), f = N(() => [
+      (u) => !!u || `A valid API Key is required. ${e("ApiKeyEditor.hint", {
+        environment: i.value
+      })}`
+    ]), y = w(!1), c = w(!1), E = w(!1);
+    return {
+      apiKey: a,
+      apiKeyRules: f,
+      cookies: t,
+      dialog: y,
+      isFormValid: c,
+      isLoading: E,
+      t: e
+    };
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+});
+function J(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 Te(t, e, a, i, f, y) {
+  return A(), P("div", null, [
+    o(le, {
+      modelValue: t.dialog,
+      "onUpdate:modelValue": e[2] || (e[2] = (c) => t.dialog = c),
+      attach: t.$dialogAttach || void 0,
+      "max-width": "600px"
+    }, {
+      activator: s(({ props: c }) => [
+        o(S, ee(c, {
+          color: t.cookies.get("apiKey") ? "success" : "warning",
+          elevation: "0",
+          size: "x-small"
+        }), {
+          default: s(() => [
+            t.cookies.get("apiKey") ? (A(), P(H, { key: 1 }, [
+              o(Y, { class: "mr-2" }, {
+                default: s(() => e[5] || (e[5] = [
+                  b(" fas fa-check ")
+                ])),
+                _: 1,
+                __: [5]
+              }),
+              e[6] || (e[6] = b(" Valid API key "))
+            ], 64)) : (A(), P(H, { key: 0 }, [
+              o(Y, { class: "mr-2" }, {
+                default: s(() => e[3] || (e[3] = [
+                  b(" fas fa-exclamation ")
+                ])),
+                _: 1,
+                __: [3]
+              }),
+              e[4] || (e[4] = b(" No API key provided "))
+            ], 64))
+          ]),
+          _: 2
+        }, 1040, ["color"])
+      ]),
+      default: s(() => [
+        o(ie, null, {
+          default: s(() => [
+            o(ae, { class: "pa-4" }, {
+              default: s(() => [
+                o(B, { class: "pa-0" }, {
+                  default: s(() => [
+                    o(U, { "no-gutters": "" }, {
+                      default: s(() => [
+                        o(ne, null, {
+                          default: s(() => [
+                            o(oe, {
+                              ref: "apiKeyEditorForm",
+                              modelValue: t.isFormValid,
+                              "onUpdate:modelValue": e[1] || (e[1] = (c) => t.isFormValid = c),
+                              class: "m-0",
+                              onSubmit: Q(t.onSubmit, ["prevent"])
+                            }, {
+                              default: s(() => [
+                                o(z, {
+                                  modelValue: t.apiKey,
+                                  "onUpdate:modelValue": e[0] || (e[0] = (c) => t.apiKey = c),
+                                  density: "compact",
+                                  hint: t.t("ApiKeyEditor.hint", {
+                                    environment: t.config.apiEnvironment
+                                  }),
+                                  label: "API Key",
+                                  variant: "outlined",
+                                  "persistent-hint": "",
+                                  required: "",
+                                  rules: t.apiKeyRules,
+                                  onKeyup: $(t.onSubmit, ["enter"])
+                                }, null, 8, ["modelValue", "hint", "rules", "onKeyup"])
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "onSubmit"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(re, null, {
+              default: s(() => [
+                o(se),
+                o(S, {
+                  color: "blue-darken-1",
+                  size: "small",
+                  variant: "text",
+                  onClick: t.closeDialog
+                }, {
+                  default: s(() => e[7] || (e[7] = [
+                    b(" Close ")
+                  ])),
+                  _: 1,
+                  __: [7]
+                }, 8, ["onClick"]),
+                o(S, {
+                  class: "text-right",
+                  color: "primary",
+                  disabled: t.isLoading,
+                  elevation: "0",
+                  loading: t.isLoading,
+                  size: "small",
+                  onClick: t.onSubmit
+                }, {
+                  default: s(() => e[8] || (e[8] = [
+                    b(" Save ")
+                  ])),
+                  _: 1,
+                  __: [8]
+                }, 8, ["disabled", "loading", "onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "attach"])
+  ]);
+}
+typeof J == "function" && J(ue);
+const Ie = /* @__PURE__ */ j(ue, [["render", Te]]), ce = /* @__PURE__ */ T({
+  __name: "EventMetadataEditor",
+  setup(t) {
+    const { config: e, updateConfig: a } = he(), i = de(["eventMetadata"]), { isFetching: f } = ye(Ae()), { t: y } = Z(), c = w(null), { $dialogAttach: E } = Ve(c), u = [
+      (m) => {
+        if (!m)
+          return !0;
+        try {
+          return (
+            // eslint-disable-next-line no-constant-binary-expression
+            !!new URL(m) || y("EventMetadataEditor.validation.imageURL")
+          );
+        } catch {
+          return y("EventMetadataEditor.validation.imageURL");
+        }
+      }
+    ], I = [
+      (m) => !!m || y("EventMetadataEditor.validation.name")
+    ], v = w(
+      i.get("eventMetadata") || {
+        dateEnd: q().add(1, "day").format("YYYY-MM-DD").toString(),
+        dateStart: q().format("YYYY-MM-DD").toString(),
+        name: ""
+      }
+    ), V = w(!1), K = w(!1), r = N({
+      get() {
+        return !v.value.dateStart || !v.value.dateEnd ? [] : W(
+          v.value.dateStart,
+          v.value.dateEnd
+        );
+      },
+      set(m) {
+        [v.value.dateStart, v.value.dateEnd] = W(...m);
+      }
+    });
+    function p() {
+      V.value = !1;
+    }
+    function n() {
+      return !(!v.value.name?.length || !r.value[0] || !r.value[1]);
+    }
+    function h() {
+      n() && (a({
+        ...e.value,
+        eventMetadata: v.value
+      }), i.set("eventMetadata", JSON.stringify(v)), p());
+    }
+    function _() {
+      h(), p();
+    }
+    function d() {
+      i.remove("eventMetadata"), v.value = {}, a({
+        ...e.value,
+        eventMetadata: {}
+      }), p();
+    }
+    return Ee(() => {
+      i.get("eventMetadata") && a({
+        ...e.value,
+        eventMetadata: i.get("eventMetadata")
+      });
+    }), (m, l) => {
+      const k = O("BDateRangePicker");
+      return A(), P("div", {
+        ref_key: "root",
+        ref: c
+      }, [
+        o(le, {
+          modelValue: V.value,
+          "onUpdate:modelValue": l[4] || (l[4] = (g) => V.value = g),
+          attach: C(E),
+          height: "600px",
+          "max-width": "600px"
+        }, {
+          activator: s(({ props: g }) => [
+            o(S, ee(g, {
+              color: C(i).get("eventMetadata") ? "success" : "warning",
+              elevation: "0",
+              size: "x-small"
+            }), {
+              default: s(() => [
+                b(be(v.value?.name ? `EVENT : ${v.value?.name}` : "ADD EVENT METADATA"), 1)
+              ]),
+              _: 2
+            }, 1040, ["color"])
+          ]),
+          default: s(() => [
+            o(ie, null, {
+              default: s(() => [
+                o(ae, { class: "pa-4" }, {
+                  default: s(() => [
+                    o(B, { class: "pa-0" }, {
+                      default: s(() => [
+                        o(U, { "no-gutters": "" }, {
+                          default: s(() => [
+                            o(ne, null, {
+                              default: s(() => [
+                                o(oe, {
+                                  ref: "eventMetadataEditorForm",
+                                  modelValue: K.value,
+                                  "onUpdate:modelValue": l[3] || (l[3] = (g) => K.value = g),
+                                  class: "m-0",
+                                  onSubmit: Q(_, ["prevent"])
+                                }, {
+                                  default: s(() => [
+                                    o(z, {
+                                      modelValue: v.value.name,
+                                      "onUpdate:modelValue": l[0] || (l[0] = (g) => v.value.name = g),
+                                      density: "compact",
+                                      label: "Name of the event",
+                                      variant: "outlined",
+                                      "persistent-hint": "",
+                                      required: "",
+                                      rules: I,
+                                      onKeyup: $(_, ["enter"])
+                                    }, null, 8, ["modelValue"]),
+                                    o(z, {
+                                      modelValue: v.value.imageUrl,
+                                      "onUpdate:modelValue": l[1] || (l[1] = (g) => v.value.imageUrl = g),
+                                      density: "compact",
+                                      label: "Image URL",
+                                      variant: "outlined",
+                                      "persistent-hint": "",
+                                      rules: u,
+                                      onKeyup: $(_, ["enter"])
+                                    }, null, 8, ["modelValue"]),
+                                    o(U, null, {
+                                      default: s(() => [
+                                        o(k, {
+                                          modelValue: r.value,
+                                          "onUpdate:modelValue": l[2] || (l[2] = (g) => r.value = g)
+                                        }, null, 8, ["modelValue"])
+                                      ]),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                }, 8, ["modelValue"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                o(re, null, {
+                  default: s(() => [
+                    o(se),
+                    o(S, {
+                      color: "grey",
+                      size: "small",
+                      variant: "text",
+                      onClick: p
+                    }, {
+                      default: s(() => l[5] || (l[5] = [
+                        b(" Close ")
+                      ])),
+                      _: 1,
+                      __: [5]
+                    }),
+                    o(S, {
+                      color: "error",
+                      disabled: C(f),
+                      loading: C(f),
+                      size: "small",
+                      variant: "text",
+                      onClick: d
+                    }, {
+                      default: s(() => l[6] || (l[6] = [
+                        b(" Reset ")
+                      ])),
+                      _: 1,
+                      __: [6]
+                    }, 8, ["disabled", "loading"]),
+                    o(S, {
+                      color: "success",
+                      disabled: C(f),
+                      loading: C(f),
+                      size: "small",
+                      variant: "flat",
+                      onClick: _
+                    }, {
+                      default: s(() => l[7] || (l[7] = [
+                        b(" Save ")
+                      ])),
+                      _: 1,
+                      __: [7]
+                    }, 8, ["disabled", "loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "attach"])
+      ], 512);
+    };
+  }
+});
+function X(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 X == "function" && X(ce);
+const De = T({
+  components: {
+    ApiKeyEditor: Ie,
+    EventMetadataEditor: ce
+  },
+  name: "StorybookExtraToolbar"
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+}), xe = { class: "flex gap-1 px-3" };
+function Ne(t, e, a, i, f, y) {
+  const c = O("ApiKeyEditor"), E = O("EventMetadataEditor");
+  return A(), te(B, {
+    class: "pa-0 mb-3",
+    fluid: ""
+  }, {
+    default: s(() => [
+      o(U, { "no-gutters": "" }, {
+        default: s(() => [
+          _e("div", xe, [
+            o(c),
+            o(E)
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const $e = /* @__PURE__ */ j(De, [["render", Ne]]), ze = T({
+  components: {
+    StorybookExtraToolbar: $e,
+    WebComponentWrapper: Oe
+  }
+});
+function je(t, e, a, i, f, y) {
+  const c = O("StorybookExtraToolbar"), E = O("WebComponentWrapper");
+  return A(), te(E, { "error-overlay-disabled": "" }, {
+    default: s(() => [
+      o(c)
+    ]),
+    _: 1
+  });
+}
+const He = /* @__PURE__ */ j(ze, [["render", je]]);
+pe("css/revolugo.storybooktoolbar.d_cxquq9.css");
+export {
+  He as default
+};
+//# sourceMappingURL=revolugo.storybooktoolbar.DRJbNUi1.min.js.map