@revolugo/elements 6.10.7-beta.0 → 6.10.7-beta.10

package/dist/revolugo.vtoolbar.BZeajwUW.min.js

@@ -0,0 +1,205 @@
+import { s as T, a5 as x, Z as E, a0 as O, ae as C, a4 as N, r as w, w as R, a7 as B, ag as P, ac as I, G as v, X as U } from "./revolugo.webcomponentwrapper.Ai4VfO3i.min.js";
+import { K as V, L as S, a, a5 as D, N as G, aa as H, s as M, b as y, a4 as Y, R as j, ac as m } from "./revolugo.index.wc.CPrL9MAO.min.js";
+function L(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const n = import.meta.url, t = n.slice(0, n.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const o of REVOLUGO_ELEMENTS_STYLES.components)
+        o(t);
+      if (e.indexOf("fonts") >= 0) {
+        const o = document.createElement("link");
+        o.rel = "stylesheet", linK.href = t, document.head.appendChild(o);
+      }
+    }
+  } catch (n) {
+    console.error("[revolugo-elements] ", n);
+  }
+}
+function b(e) {
+  return e !== null && typeof e == "object";
+}
+function $(e, ...n) {
+  const t = e ?? {}, o = /* @__PURE__ */ new WeakMap();
+  function c(s, d) {
+    for (const i in d)
+      if (Object.hasOwn(d, i)) {
+        const l = d[i], u = s[i];
+        if (u === void 0)
+          if (b(l))
+            if (o.has(l))
+              s[i] = o.get(l);
+            else {
+              const r = Array.isArray(l) ? [] : {};
+              o.set(l, r), c(r, l), s[i] = r;
+            }
+          else
+            s[i] = l;
+        else b(u) && b(l) && c(u, l);
+      }
+  }
+  for (const s of n)
+    s != null && c(t, s);
+  return t;
+}
+const A = S({
+  text: String,
+  ...E(),
+  ...x()
+}, "VToolbarTitle"), K = V()({
+  name: "VToolbarTitle",
+  props: A(),
+  setup(e, n) {
+    let {
+      slots: t
+    } = n;
+    return T(() => {
+      const o = !!(t.default || t.text || e.text);
+      return a(e.tag, {
+        class: ["v-toolbar-title", e.class],
+        style: e.style
+      }, {
+        default: () => [o && a("div", {
+          class: "v-toolbar-title__placeholder"
+        }, [t.text ? t.text() : e.text, t.default?.()])]
+      });
+    }), {};
+  }
+}), Z = [null, "prominent", "default", "comfortable", "compact"], F = S({
+  absolute: Boolean,
+  collapse: Boolean,
+  color: String,
+  density: {
+    type: String,
+    default: "default",
+    validator: (e) => Z.includes(e)
+  },
+  extended: Boolean,
+  extensionHeight: {
+    type: [Number, String],
+    default: 48
+  },
+  flat: Boolean,
+  floating: Boolean,
+  height: {
+    type: [Number, String],
+    default: 64
+  },
+  image: String,
+  title: String,
+  ...P(),
+  ...E(),
+  ...B(),
+  ...R(),
+  ...x({
+    tag: "header"
+  }),
+  ...j()
+}, "VToolbar"), q = V()({
+  name: "VToolbar",
+  props: F(),
+  setup(e, n) {
+    let {
+      slots: t
+    } = n;
+    const {
+      backgroundColorClasses: o,
+      backgroundColorStyles: c
+    } = O(D(e, "color")), {
+      borderClasses: s
+    } = C(e), {
+      elevationClasses: d
+    } = N(e), {
+      roundedClasses: i
+    } = w(e), {
+      themeClasses: l
+    } = G(e), {
+      rtlClasses: u
+    } = H(), r = M(!!(e.extended || t.extension?.())), f = y(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), g = y(() => r.value ? parseInt(Number(e.extensionHeight) + (e.density === "prominent" ? Number(e.extensionHeight) : 0) - (e.density === "comfortable" ? 4 : 0) - (e.density === "compact" ? 8 : 0), 10) : 0);
+    return Y({
+      VBtn: {
+        variant: "text"
+      }
+    }), T(() => {
+      const _ = !!(e.title || t.title), k = !!(t.image || e.image), h = t.extension?.();
+      return r.value = !!(e.extended || h), a(e.tag, {
+        class: ["v-toolbar", {
+          "v-toolbar--absolute": e.absolute,
+          "v-toolbar--collapse": e.collapse,
+          "v-toolbar--flat": e.flat,
+          "v-toolbar--floating": e.floating,
+          [`v-toolbar--density-${e.density}`]: !0
+        }, o.value, s.value, d.value, i.value, l.value, u.value, e.class],
+        style: [c.value, e.style]
+      }, {
+        default: () => [k && a("div", {
+          key: "image",
+          class: "v-toolbar__image"
+        }, [t.image ? a(v, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, t.image) : a(I, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), a(v, {
+          defaults: {
+            VTabs: {
+              height: m(f.value)
+            }
+          }
+        }, {
+          default: () => [a("div", {
+            class: "v-toolbar__content",
+            style: {
+              height: m(f.value)
+            }
+          }, [t.prepend && a("div", {
+            class: "v-toolbar__prepend"
+          }, [t.prepend?.()]), _ && a(K, {
+            key: "title",
+            text: e.title
+          }, {
+            text: t.title
+          }), t.default?.(), t.append && a("div", {
+            class: "v-toolbar__append"
+          }, [t.append?.()])])]
+        }), a(v, {
+          defaults: {
+            VTabs: {
+              height: m(g.value)
+            }
+          }
+        }, {
+          default: () => [a(U, null, {
+            default: () => [r.value && a("div", {
+              class: "v-toolbar__extension",
+              style: {
+                height: m(g.value)
+              }
+            }, [h])]
+          })]
+        })]
+      });
+    }), {
+      contentHeight: f,
+      extensionHeight: g
+    };
+  }
+});
+L("css/revolugo.vtoolbar.BZert82L.css");
+export {
+  q as V,
+  $ as d
+};
+//# sourceMappingURL=revolugo.vtoolbar.BZeajwUW.min.js.map