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-
|
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
|
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";
|