vue3-tailwind-components 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11786,7 +11786,7 @@ const Y1 = {
11786
11786
  set: {
11787
11787
  type: String,
11788
11788
  validator(r) {
11789
- return ["regular", "solid"].includes(r);
11789
+ return ["regular", "solid", "brand"].includes(r);
11790
11790
  },
11791
11791
  default() {
11792
11792
  return "solid";
@@ -16068,9 +16068,13 @@ const qZ = /* @__PURE__ */ y2(lZ, [["render", tZ]]), oZ = {
16068
16068
  type: Boolean,
16069
16069
  default: !1
16070
16070
  },
16071
+ alignRight: {
16072
+ type: Boolean,
16073
+ default: !1
16074
+ },
16071
16075
  width: {
16072
16076
  type: String,
16073
- default: "w-3/4"
16077
+ default: "w-1/4"
16074
16078
  },
16075
16079
  zIndex: {
16076
16080
  type: String,
@@ -16091,11 +16095,11 @@ const qZ = /* @__PURE__ */ y2(lZ, [["render", tZ]]), oZ = {
16091
16095
  },
16092
16096
  computed: {
16093
16097
  compClass() {
16094
- let r = " z-" + this.zIndex + " ", s = this.width;
16095
- return " bg-" + this.color + "-100 shadow-xl dark:bg-" + this.color + "-900" + r + " " + s;
16098
+ let r = " z-" + this.zIndex + " ", s = this.width, n = " bg-" + this.color + "-100 shadow-xl dark:bg-" + this.color + "-900", t = this.alignRight ? " right-0 " : "";
16099
+ return n + r + " " + s + t;
16096
16100
  },
16097
16101
  transformClass() {
16098
- return this.modelValue ? "translate-x-0 z-" + this.zIndex : " -translate-x-full -left-20 z-" + this.zIndex;
16102
+ return this.alignRight ? this.modelValue ? "-translate-y-0 z-" + this.zIndex : " -translate-y-full -top-20 z-" + this.zIndex : this.modelValue ? "translate-x-0 z-" + this.zIndex : " -translate-x-full -left-20 z-" + this.zIndex;
16099
16103
  },
16100
16104
  closeButtonClass() {
16101
16105
  return "text-" + this.color + "-500";