@revolugo/elements 6.10.9-beta.1 → 6.10.9-rc.1

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

@@ -0,0 +1,187 @@
+import { E as f, ba as N, L as v, M as b, a as o, a8 as R, O as B, ad as w, s as P, b as g, a7 as M, S as I, af as s } from "./revolugo.index.wc.Cfe4KQDt.min.js";
+import { bc as h, bd as U, be as D, s as y, a5 as T, Z as x, a0 as G, ae as H, a4 as Y, r as Z, w as A, a7 as F, ag as K, ac as W, G as u, X } from "./revolugo.webcomponentwrapper.CM3EFuyv.min.js";
+function O(e) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const a = import.meta.url, t = a.slice(0, a.lastIndexOf("/") + 1) + e;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(t);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(t);
+      if (e.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = t, document.head.appendChild(n);
+      }
+    }
+  } catch (a) {
+    console.error("[revolugo-elements] ", a);
+  }
+}
+function E(e, a, t, n, c, l) {
+  return f(e) && f(a) && (l.set(a, e), h(e, a, void 0, E, l), l.delete(a)), e;
+}
+var $ = U(function(e, a, t, n) {
+  h(e, a, t, n);
+}), ee = D(function(e) {
+  return e.push(void 0, E), N($, void 0, e);
+});
+const j = b({
+  text: String,
+  ...x(),
+  ...T()
+}, "VToolbarTitle"), q = v()({
+  name: "VToolbarTitle",
+  props: j(),
+  setup(e, a) {
+    let {
+      slots: t
+    } = a;
+    return y(() => {
+      const n = !!(t.default || t.text || e.text);
+      return o(e.tag, {
+        class: ["v-toolbar-title", e.class],
+        style: e.style
+      }, {
+        default: () => [n && o("div", {
+          class: "v-toolbar-title__placeholder"
+        }, [t.text ? t.text() : e.text, t.default?.()])]
+      });
+    }), {};
+  }
+}), z = [null, "prominent", "default", "comfortable", "compact"], J = b({
+  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,
+  ...K(),
+  ...x(),
+  ...F(),
+  ...A(),
+  ...T({
+    tag: "header"
+  }),
+  ...I()
+}, "VToolbar"), te = v()({
+  name: "VToolbar",
+  props: J(),
+  setup(e, a) {
+    let {
+      slots: t
+    } = a;
+    const {
+      backgroundColorClasses: n,
+      backgroundColorStyles: c
+    } = G(R(e, "color")), {
+      borderClasses: l
+    } = H(e), {
+      elevationClasses: S
+    } = Y(e), {
+      roundedClasses: _
+    } = Z(e), {
+      themeClasses: k
+    } = B(e), {
+      rtlClasses: V
+    } = w(), i = P(!!(e.extended || t.extension?.())), r = g(() => parseInt(Number(e.height) + (e.density === "prominent" ? Number(e.height) : 0) - (e.density === "comfortable" ? 8 : 0) - (e.density === "compact" ? 16 : 0), 10)), d = g(() => i.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 M({
+      VBtn: {
+        variant: "text"
+      }
+    }), y(() => {
+      const L = !!(e.title || t.title), C = !!(t.image || e.image), m = t.extension?.();
+      return i.value = !!(e.extended || m), o(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
+        }, n.value, l.value, S.value, _.value, k.value, V.value, e.class],
+        style: [c.value, e.style]
+      }, {
+        default: () => [C && o("div", {
+          key: "image",
+          class: "v-toolbar__image"
+        }, [t.image ? o(u, {
+          key: "image-defaults",
+          disabled: !e.image,
+          defaults: {
+            VImg: {
+              cover: !0,
+              src: e.image
+            }
+          }
+        }, t.image) : o(W, {
+          key: "image-img",
+          cover: !0,
+          src: e.image
+        }, null)]), o(u, {
+          defaults: {
+            VTabs: {
+              height: s(r.value)
+            }
+          }
+        }, {
+          default: () => [o("div", {
+            class: "v-toolbar__content",
+            style: {
+              height: s(r.value)
+            }
+          }, [t.prepend && o("div", {
+            class: "v-toolbar__prepend"
+          }, [t.prepend?.()]), L && o(q, {
+            key: "title",
+            text: e.title
+          }, {
+            text: t.title
+          }), t.default?.(), t.append && o("div", {
+            class: "v-toolbar__append"
+          }, [t.append?.()])])]
+        }), o(u, {
+          defaults: {
+            VTabs: {
+              height: s(d.value)
+            }
+          }
+        }, {
+          default: () => [o(X, null, {
+            default: () => [i.value && o("div", {
+              class: "v-toolbar__extension",
+              style: {
+                height: s(d.value)
+              }
+            }, [m])]
+          })]
+        })]
+      });
+    }), {
+      contentHeight: r,
+      extensionHeight: d
+    };
+  }
+});
+O("css/revolugo.vtoolbar.BZert82L.css");
+export {
+  te as V,
+  ee as d
+};
+//# sourceMappingURL=revolugo.vtoolbar.DZrBQWQ0.min.js.map