@revolugo/elements 6.9.0 → 6.9.1-beta.1

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

@@ -0,0 +1,837 @@
+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") {
+      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 = {}, 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 g(), y = s.length;
+    if (y < 2)
+      return n;
+    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 ? y : b;
+      if (E > f) {
+        l = s.lastIndexOf(";", E - 1) + 1;
+        continue;
+      }
+      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 < y);
+    return n;
+  }
+  function h(s, p, n) {
+    do {
+      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 y = s.charCodeAt(--p);
+      if (y !== 32 && y !== 9)
+        return p + 1;
+    }
+    return n;
+  }
+  function P(s, p, n) {
+    const y = n?.encode || encodeURIComponent;
+    if (!t.test(s))
+      throw new TypeError(`argument name is invalid: ${s}`);
+    const k = y(p);
+    if (!e.test(k))
+      throw new TypeError(`argument val is invalid: ${p}`);
+    let l = s + "=" + k;
+    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 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 xe(t) {
+  return typeof t == "string" ? K.parse(t) : typeof t == "object" && t !== null ? t : {};
+}
+function U(t, e = {}) {
+  const a = Me(t);
+  if (!e.doNotParse)
+    try {
+      return JSON.parse(a);
+    } catch {
+    }
+  return t;
+}
+function Me(t) {
+  return t && t[0] === "j" && t[1] === ":" ? t.substr(2) : t;
+}
+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 = K.parse(document.cookie), this._checkChanges(c);
+    };
+    const i = typeof document > "u" ? "" : document.cookie;
+    this.cookies = xe(e || i), this.defaultSetOptions = a, this.HAS_DOCUMENT_COOKIE = Ie();
+  }
+  _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 = 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 = 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());
+  }
+  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 re(t, { doNotParse: e = !1, autoUpdateDependencies: a = !1 } = {}, i = new Pe()) {
+  const c = a ? [...t || []] : t;
+  let g = i.getAll({ doNotParse: !0 });
+  const u = pe(0), h = () => {
+    const d = i.getAll({ doNotParse: !0 });
+    Ue(
+      c || null,
+      d,
+      g
+    ) && u.value++, g = d;
+  };
+  return i.addChangeListener(h), Le(() => {
+    i.removeChangeListener(h);
+  }), {
+    /**
+     * 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 Ue(t, e, a) {
+  if (!t)
+    return !0;
+  for (const i of t)
+    if (e[i] !== a[i])
+      return !0;
+  return !1;
+}
+const le = M({
+  components: {
+    BTag: _e
+  },
+  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: [
+    Oe(["config.apiEnvironment"], "updateApiKey", {
+      deep: !0,
+      immediate: !0
+    }),
+    Ve
+  ],
+  name: "ApiKeyEditor",
+  setup() {
+    const t = re(["apiKey"]), { t: e } = J(), a = _(t.get("apiKey")), i = R(
+      () => window.RevolugoElements.config.apiEnvironment
+    ), c = R(() => [
+      (d) => !!d || `A valid API Key is required. ${e("ApiKeyEditor.hint", {
+        environment: i.value
+      })}`
+    ]), g = _(!1), u = _(!1), h = _(!1);
+    return {
+      apiKey: a,
+      apiKeyRules: c,
+      cookies: t,
+      dialog: g,
+      isFormValid: u,
+      isLoading: h,
+      t: e
+    };
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+});
+function W(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, 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(A, Q(u, {
+          color: t.cookies.get("apiKey") ? "success" : "warning",
+          elevation: "0",
+          size: "x-small"
+        }), {
+          default: r(() => [
+            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)
+                ])),
+                _: 1,
+                __: [5]
+              }),
+              e[6] || (e[6] = S(" Valid API key ", -1))
+            ], 64)) : (w(), O(F, { 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(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: "apiKeyEditorForm",
+                              modelValue: t.isFormValid,
+                              "onUpdate:modelValue": e[1] || (e[1] = (u) => t.isFormValid = u),
+                              class: "m-0",
+                              onSubmit: X(t.onSubmit, ["prevent"])
+                            }, {
+                              default: r(() => [
+                                o(D, {
+                                  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: T(t.onSubmit, ["enter"])
+                                }, null, 8, ["modelValue", "hint", "rules", "onKeyup"])
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "onSubmit"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(ne, null, {
+              default: r(() => [
+                o(oe),
+                o(A, {
+                  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(A, {
+                  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 W == "function" && W(le);
+const Te = /* @__PURE__ */ $(le, [["render", Re]]), de = /* @__PURE__ */ M({
+  __name: "EventMetadataEditor",
+  setup(t) {
+    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) || g("EventMetadataEditor.validation.imageURL")
+          );
+        } catch {
+          return g("EventMetadataEditor.validation.imageURL");
+        }
+      }
+    ], 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 = R({
+      get() {
+        return !m.value.dateStart || !m.value.dateEnd ? [] : B(
+          m.value.dateStart,
+          m.value.dateEnd
+        );
+      },
+      set(b) {
+        [m.value.dateStart, m.value.dateEnd] = B(...b);
+      }
+    });
+    function n() {
+      V.value = !1;
+    }
+    function y() {
+      return !(!m.value.name?.length || !p.value[0] || !p.value[1]);
+    }
+    function k() {
+      y() && (a({
+        ...e.value,
+        eventMetadata: m.value
+      }), i.set("eventMetadata", JSON.stringify(m)), n());
+    }
+    function l() {
+      k(), 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) => (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 G(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 G == "function" && G(de);
+const De = M({
+  components: {
+    ApiKeyEditor: Te,
+    EventMetadataEditor: de
+  },
+  name: "StorybookExtraToolbar"
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+}), $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(x, { "no-gutters": "" }, {
+        default: r(() => [
+          Se("div", $e, [
+            o(u),
+            o(h)
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const je = /* @__PURE__ */ $(De, [["render", Ne]]), ze = M({
+  components: {
+    StorybookExtraToolbar: je,
+    WebComponentWrapper: we
+  }
+});
+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 We = /* @__PURE__ */ $(ze, [["render", Fe]]);
+me("css/revolugo.storybooktoolbar.d_cxquq9.css");
+export {
+  We as default
+};
+//# sourceMappingURL=revolugo.storybooktoolbar.Dt6W2K50.min.js.map