@edgarjuvianno/vue-sb-components - npm Package Compare versions

Comparing version 2.1.14 to 2.1.15

components/form-datepicker/form-datepicker.js

 import "./form-datepicker.css";
-import { f as l } from "../../form-datepicker-6bc71c1d.js";
+import { f as l } from "../../form-datepicker-ca77f232.js";
 import "vue";
@@ -4,0 +4,0 @@ import "../../_plugin-vue_export-helper-dad06003.js";

components/menu-item/menu-item.js

 import "./menu-item.css";
-import { defineComponent as s, openBlock as n, createElementBlock as o, normalizeClass as l, withModifiers as d, renderSlot as a } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-dad06003.js";
-const r = s({
+import { defineComponent as i, openBlock as n, createElementBlock as l, normalizeClass as o, renderSlot as c } from "vue";
+import { _ as d } from "../../_plugin-vue_export-helper-dad06003.js";
+const r = i({
   emits: {
@@ -23,15 +23,15 @@ click: (e) => !0
 });
-function m(e, t, u, _, p, k) {
-  return n(), o("div", {
-    class: l(["menu-item", {
+function a(e, t, m, u, _, f) {
+  return n(), l("div", {
+    class: o(["menu-item", {
       clicked: e.isClicked
     }]),
-    onClick: t[0] || (t[0] = d((...i) => e.handleClick && e.handleClick(...i), ["stop"]))
+    onClick: t[0] || (t[0] = (...s) => e.handleClick && e.handleClick(...s))
   }, [
-    a(e.$slots, "default", {}, void 0, !0)
+    c(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const h = /* @__PURE__ */ c(r, [["render", m], ["__scopeId", "data-v-23ea429d"]]);
+const C = /* @__PURE__ */ d(r, [["render", a], ["__scopeId", "data-v-16ec705f"]]);
 export {
-  h as default
+  C as default
 };

components/menu/menu.d.ts

@@ -20,3 +20,3 @@ import { PropType } from 'vue';
     open: {
-        required: true;
+        required: false;
         type: BooleanConstructor;
@@ -67,3 +67,3 @@ };
     open: {
-        required: true;
+        required: false;
         type: BooleanConstructor;
@@ -89,3 +89,4 @@ };
     variant: "text" | "contained" | "outlined";
+    open: boolean;
 }, {}>;
 export default _default;

components/menu/menu.js

 import "./menu.css";
-import { defineComponent as c, resolveComponent as u, openBlock as s, createElementBlock as a, Fragment as m, createElementVNode as f, mergeProps as p, createVNode as v, withModifiers as S, withCtx as y, renderSlot as d, createTextVNode as g, toDisplayString as w, createBlock as $, Teleport as b, normalizeStyle as P, createCommentVNode as W } from "vue";
-import C from "../button/button.js";
-import { r as h } from "../../helper-4d4ed314.js";
-import { _ as k } from "../../_plugin-vue_export-helper-dad06003.js";
+import { defineComponent as c, resolveComponent as h, openBlock as i, createElementBlock as r, Fragment as u, createElementVNode as m, mergeProps as s, createVNode as f, withModifiers as v, withCtx as S, renderSlot as l, createTextVNode as y, toDisplayString as g, createBlock as $, Teleport as P, normalizeStyle as b, createCommentVNode as w } from "vue";
+import W from "../button/button.js";
+import { r as a } from "../../helper-4d4ed314.js";
+import { _ as C } from "../../_plugin-vue_export-helper-dad06003.js";
 import "../tooltip/tooltip.js";
-const B = c({
+const k = c({
   props: {
@@ -26,3 +26,3 @@ color: {
     open: {
-      required: !0,
+      required: !1,
       type: Boolean
@@ -45,3 +45,3 @@ },
   components: {
-    "sb-button": C
+    "sb-button": W
   },
@@ -66,3 +66,3 @@ data() {
     handleParentScroll(e) {
-      const o = h(this.$el);
+      const o = a(this.$el);
       this.parentWithScroll && this.parentWithScroll.removeEventListener("scroll", () => {
@@ -82,15 +82,13 @@ this.setPopupPosition();
       if (e) {
-        const t = e.getBoundingClientRect(), i = (o = this.$refs["menu-items-wrapper"]) == null ? void 0 : o.getBoundingClientRect(), n = () => t.width < i.width ? t.x + (t.width - i.width) / 2 : t.x;
-        if (i) {
-          const r = t.width > i.width ? t.width : i.width;
-          return document.body.getBoundingClientRect().height - (t.height + t.y) <= i.height ? this.itemsWrapperStyles = {
-            left: `${n()}px`,
-            top: `${t.y - 6 - i.height}px`,
-            width: `${r}px`
+        const t = e.getBoundingClientRect(), n = (o = this.$refs["menu-items-wrapper"]) == null ? void 0 : o.getBoundingClientRect();
+        if (n)
+          return document.body.getBoundingClientRect().height - (t.height + t.y) <= n.height ? this.itemsWrapperStyles = {
+            left: `${t.x}px`,
+            top: `${t.y - 6 - n.height}px`,
+            width: `${t.width}px`
           } : this.itemsWrapperStyles = {
-            left: `${n()}px`,
+            left: `${t.x}px`,
             top: `${t.y + t.height}px`,
-            width: `${r}px`
+            width: `${t.width}px`
           };
-        }
       }
@@ -108,3 +106,3 @@ }
       (e) => this.handleClose(e)
-    ), this.parentWithScroll = h(this.$el);
+    ), this.parentWithScroll = a(this.$el);
   },
@@ -120,10 +118,10 @@ unmounted() {
 });
-function E(e, o, t, i, n, r) {
-  const l = u("sb-button");
-  return s(), a(m, null, [
-    f("div", p({
+function B(e, o, t, n, p, E) {
+  const d = h("sb-button");
+  return i(), r(u, null, [
+    m("div", s({
       class: "menu-wrapper",
       ref: "menu-wrapper"
     }, { ...e.$attrs }), [
-      v(l, p({
+      f(d, s({
         "no-elevation": e.localOpen || e.noElevation
@@ -137,7 +135,7 @@ }, {
       }, {
-        onClick: S(e.handleOpen, ["stop"])
+        onClick: v(e.handleOpen, ["stop"])
       }), {
-        default: y(() => [
-          d(e.$slots, "slot-label", {}, () => [
-            g(w(e.label || "..."), 1)
+        default: S(() => [
+          l(e.$slots, "slot-label", {}, () => [
+            y(g(e.label || "..."), 1)
           ], !0)
@@ -148,17 +146,17 @@ ]),
     ], 16),
-    (s(), $(b, { to: "body" }, [
-      e.localOpen ? (s(), a("div", {
+    (i(), $(P, { to: "body" }, [
+      e.localOpen ? (i(), r("div", {
         key: 0,
         class: "menu-items-wrapper",
         ref: "menu-items-wrapper",
-        style: P(e.itemsWrapperStyles)
+        style: b(e.itemsWrapperStyles)
       }, [
-        d(e.$slots, "default", {}, void 0, !0)
-      ], 4)) : W("", !0)
+        l(e.$slots, "default", {}, void 0, !0)
+      ], 4)) : w("", !0)
     ]))
   ], 64);
 }
-const q = /* @__PURE__ */ k(B, [["render", E], ["__scopeId", "data-v-806948ab"]]);
+const q = /* @__PURE__ */ C(k, [["render", B], ["__scopeId", "data-v-a1c895d0"]]);
 export {
   q as default
 };

main.js

@@ -13,3 +13,3 @@ import { s as l } from "./helper-4d4ed314.js";
 import { default as F } from "./components/form-checkbox/form-checkbox.js";
-import { f as v } from "./form-datepicker-6bc71c1d.js";
+import { f as v } from "./form-datepicker-ca77f232.js";
 import { default as L } from "./components/form-dropdown/form-dropdown.js";
@@ -16,0 +16,0 @@ import { default as R } from "./components/form-file-input/form-file-input.js";

package.json

@@ -5,3 +5,3 @@ {
   "homepage": "http://edgarjuvianno.github.io/vue-sb-components",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "type": "module",
@@ -8,0 +8,0 @@ "module": "./main.js",

No alert changes

Improved metrics

Total package byte prevSize

1300639

increased by0.04%

Lines of code

27474

No dependency changes