@everchron/ec-shards 19.12.9 → 19.12.11

package/dist/ec-shards.js

@@ -571,12 +571,18 @@ function Ce(e, t, n, r, i, a) {
 }
 var we = /*#__PURE__*/ V(ve, [["render", Ce], ["__scopeId", "data-v-0b5e6809"]]), Te = {
 	name: "ecs-action-toolbar",
-	props: { padding: {
-		type: String,
-		default: "var(--spacing-5) var(--spacing-20)"
-	} }
+	props: {
+		padding: {
+			type: String,
+			default: "var(--spacing-5) var(--spacing-20)"
+		},
+		transition: {
+			type: Boolean,
+			default: !0
+		}
+	}
 }, Ee = () => {
-	ne((e) => ({ v315cd1d6: e.padding }));
+	ne((e) => ({ v8462c168: e.padding }));
 }, De = Te.setup;
 Te.setup = De ? (e, t) => (Ee(), De(e, t)) : Ee;
 var Oe = {
@@ -586,14 +592,14 @@ var Oe = {
 };
 function ke(e, t, n, i, a, s) {
 	return T(), o(r, {
-		name: "action-bar",
+		name: n.transition ? "action-bar" : "",
 		appear: ""
 	}, {
 		default: I(() => [l("div", Oe, [k(e.$slots, "default", {}, void 0, !0)])]),
 		_: 3
-	});
+	}, 8, ["name"]);
 }
-var Ae = /*#__PURE__*/ V(Te, [["render", ke], ["__scopeId", "data-v-5d8e8d97"]]), je = {
+var Ae = /*#__PURE__*/ V(Te, [["render", ke], ["__scopeId", "data-v-7de0171b"]]), je = {
 	name: "ecs-audio",
 	props: {
 		autoplay: {
@@ -1169,7 +1175,10 @@ var at = /*#__PURE__*/ V(nt, [["render", it], ["__scopeId", "data-v-422cc046"]])
 			type: Boolean,
 			default: !1
 		},
-		gap: { type: Number }
+		gap: {
+			type: [Number, Array],
+			validator: (e) => typeof e == "number" || Array.isArray(e) && e.length === 2 && e.every((e) => typeof e == "number")
+		}
 	},
 	computed: {
 		directionClass() {
@@ -1182,8 +1191,13 @@ var at = /*#__PURE__*/ V(nt, [["render", it], ["__scopeId", "data-v-422cc046"]])
 			return `ecs-flex-row-align-${this.align}`;
 		},
 		gapStyle() {
-			let e = this.gap || 0;
-			return this.direction === "row" || this.direction === "row-reverse" ? `column-gap: ${e}px;` : `row-gap: ${e}px;`;
+			let e = this.direction === "row" || this.direction === "row-reverse";
+			if (Array.isArray(this.gap)) {
+				let [t, n] = this.gap;
+				return `column-gap: ${e ? t : n}px; row-gap: ${e ? n : t}px;`;
+			}
+			let t = this.gap || 0;
+			return e ? `column-gap: ${t}px;` : `row-gap: ${t}px;`;
 		}
 	}
 };
@@ -1198,7 +1212,7 @@ function st(e, t, n, r, i, a) {
 		style: S(a.gapStyle)
 	}, [k(e.$slots, "default", {}, void 0, !0)], 6);
 }
-var K = /*#__PURE__*/ V(ot, [["render", st], ["__scopeId", "data-v-d07e3723"]]), ct = (/* @__PURE__ */ z(((e, t) => {
+var K = /*#__PURE__*/ V(ot, [["render", st], ["__scopeId", "data-v-8b88dcd8"]]), ct = (/* @__PURE__ */ z(((e, t) => {
 	function n(e, t, n) {
 		var r, i, a, o, s;
 		t ??= 100;