@everchron/ec-shards 19.11.1 → 19.11.3

package/dist/ec-shards.js

@@ -8041,19 +8041,19 @@ var el = /*#__PURE__*/ V(Zc, [["render", $c], ["__scopeId", "data-v-4f34cac7"]])
 	key: 1,
 	class: "ecs-data-card-row-meta-pills-container"
 };
-function sl(e, t, n, r, i, a) {
-	let u = A("ecs-button"), f = A("ecs-party-entry"), p = A("ecs-icon"), m = A("ecs-button-table");
-	return T(), c("div", nl, [a.computedOpenButton ? (T(), o(u, {
+function sl(t, n, r, i, a, u) {
+	let f = A("ecs-button"), p = A("ecs-party-entry"), m = A("ecs-icon"), h = A("ecs-button-table");
+	return T(), c("div", nl, [u.computedOpenButton ? (T(), o(f, {
 		key: 0,
-		onClick: a.openButtonClick,
+		onClick: u.openButtonClick,
 		type: "secondary",
 		size: "sml",
 		"icon-only": "",
-		icon: a.computedOpenButton.icon,
-		disabled: a.computedOpenButton.disabled,
-		highlighted: a.computedOpenButton.active,
-		"aria-label": a.computedOpenButton.title,
-		title: a.computedOpenButton.title
+		icon: u.computedOpenButton.icon,
+		disabled: u.computedOpenButton.disabled,
+		highlighted: u.computedOpenButton.active,
+		"aria-label": u.computedOpenButton.title,
+		title: u.computedOpenButton.title
 	}, null, 8, [
 		"onClick",
 		"icon",
@@ -8061,26 +8061,26 @@ function sl(e, t, n, r, i, a) {
 		"highlighted",
 		"aria-label",
 		"title"
-	])) : s("", !0), l("div", { class: b(["ecs-data-card-row-inner", { wrap: n.wrap === "wrap-text" || n.wrap === "wrap-row" }]) }, [
-		l("div", rl, [a.hasPill && n.pill?.party ? (T(), o(f, {
+	])) : s("", !0), l("div", { class: b(["ecs-data-card-row-inner", { wrap: r.wrap === "wrap-text" || r.wrap === "wrap-row" }]) }, [
+		l("div", rl, [u.hasPill && r.pill?.party ? (T(), o(p, {
 			key: 0,
-			onClick: a.pillClick,
-			onMouseenter: t[0] ||= (e) => a.handleHover(!0),
-			onMouseleave: t[1] ||= (e) => a.handleHover(!1),
-			party: n.pill.party,
-			color: n.pill.color,
-			background: n.pill.background,
-			icon: n.pill.icon,
+			onClick: u.pillClick,
+			onMouseenter: n[0] ||= (e) => u.handleHover(!0),
+			onMouseleave: n[1] ||= (e) => u.handleHover(!1),
+			party: r.pill.party,
+			color: r.pill.color,
+			background: r.pill.background,
+			icon: r.pill.icon,
 			"icon-size": "20px",
 			"icon-spacing": "var(--spacing-5)",
 			class: b({
-				clickable: n.pill.clickable,
-				emphasized: n.pill.emphasized,
-				"has-background": n.pill.background,
-				"is-hovered": i.isHovered
+				clickable: r.pill.clickable,
+				emphasized: r.pill.emphasized,
+				"has-background": r.pill.background,
+				"is-hovered": a.isHovered
 			})
 		}, {
-			default: I(() => [d(N(n.pill.text), 1)]),
+			default: I(() => [d(N(r.pill.text), 1)]),
 			_: 1
 		}, 8, [
 			"onClick",
@@ -8089,97 +8089,97 @@ function sl(e, t, n, r, i, a) {
 			"background",
 			"icon",
 			"class"
-		])) : a.hasPill ? (T(), c("span", {
+		])) : u.hasPill ? (T(), c("span", {
 			key: 1,
-			onClick: t[2] ||= (...e) => a.pillClick && a.pillClick(...e),
-			onMouseenter: t[3] ||= (e) => a.handleHover(!0),
-			onMouseleave: t[4] ||= (e) => a.handleHover(!1),
+			onClick: n[2] ||= (...e) => u.pillClick && u.pillClick(...e),
+			onMouseenter: n[3] ||= (e) => u.handleHover(!0),
+			onMouseleave: n[4] ||= (e) => u.handleHover(!1),
 			class: b(["ecs-data-card-row-pill", {
-				clickable: n.pill.clickable,
-				emphasized: n.pill.emphasized,
-				"has-background": n.pill.background,
-				ai: n.pill.ai,
-				"is-hovered": i.isHovered
+				clickable: r.pill.clickable,
+				emphasized: r.pill.emphasized,
+				"has-background": r.pill.background,
+				ai: r.pill.ai,
+				"is-hovered": a.isHovered
 			}]),
-			style: S({ color: n.pill.color }),
+			style: S({ color: r.pill.color }),
 			ref: "pillText"
 		}, [
-			n.pill.icon ? (T(), o(p, {
+			r.pill.icon ? (T(), o(m, {
 				key: 0,
-				type: n.pill.icon,
-				color: a.pillIconColor,
+				type: r.pill.icon,
+				color: u.pillIconColor,
 				size: "20px"
 			}, null, 8, ["type", "color"])) : s("", !0),
-			l("span", il, N(n.pill.text), 1),
-			n.pill.background ? (T(), c("span", {
+			l("span", il, N(r.pill.text), 1),
+			r.pill.background ? (T(), c("span", {
 				key: 1,
 				class: "background",
-				style: S(a.getPillBackgroundStyle)
+				style: S(u.getPillBackgroundStyle)
 			}, null, 4)) : s("", !0),
-			n.pill.border && n.pill.background ? (T(), c("span", al)) : s("", !0)
-		], 38)) : s("", !0), n.title ? (T(), c("span", {
+			r.pill.border && r.pill.background ? (T(), c("span", al)) : s("", !0)
+		], 38)) : s("", !0), r.title ? (T(), c("span", {
 			key: 2,
-			class: b(["ecs-data-card-row-title", { ai: n.title.ai }])
+			class: b(["ecs-data-card-row-title", { ai: r.title.ai }])
 		}, [
-			n.title.icon ? (T(), o(p, {
+			r.title.icon ? (T(), o(m, {
 				key: 0,
-				type: n.title.icon,
-				color: a.titleIconColor,
+				type: r.title.icon,
+				color: u.titleIconColor,
 				size: "20px"
 			}, null, 8, ["type", "color"])) : s("", !0),
 			l("span", {
-				onClick: t[5] ||= (...e) => a.titleClick && a.titleClick(...e),
-				onMouseenter: t[6] ||= (e) => a.handleHover(!0),
-				onMouseleave: t[7] ||= (e) => a.handleHover(!1),
+				onClick: n[5] ||= (...e) => u.titleClick && u.titleClick(...e),
+				onMouseenter: n[6] ||= (e) => u.handleHover(!0),
+				onMouseleave: n[7] ||= (e) => u.handleHover(!1),
 				class: b(["ecs-data-card-row-title-text", {
-					escape: n.wrap === "wrap-row",
-					clickable: n.title.clickable,
-					emphasized: n.title.emphasized,
-					"is-hovered": i.isHovered
+					escape: r.wrap === "wrap-row",
+					clickable: r.title.clickable,
+					emphasized: r.title.emphasized,
+					"is-hovered": a.isHovered
 				}]),
-				style: S({ color: n.title.textColor }),
+				style: S({ color: r.title.textColor }),
 				ref: "titleText"
-			}, N(n.title.text), 39),
-			k(e.$slots, "titleControls", {}, void 0, !0)
+			}, N(r.title.text), 39),
+			k(t.$slots, "titleControls", {}, void 0, !0)
 		], 2)) : s("", !0)]),
-		n.meta || e.$slots.customMeta ? (T(), c("div", {
+		r.meta || t.$slots.customMeta ? (T(), c("div", {
 			key: 0,
 			class: b([{
-				ai: n.meta?.ai,
-				default: n.meta?.type === "default",
-				identifier: n.meta?.type === "identifier"
+				ai: r.meta?.ai,
+				default: r.meta?.type === "default",
+				identifier: r.meta?.type === "identifier"
 			}, "ecs-data-card-row-meta-container"]),
 			ref: "metaText"
-		}, [d(N(n.meta?.text) + " ", 1), k(e.$slots, "customMeta", {}, void 0, !0)], 2)) : s("", !0),
-		n.count || n.designation ? (T(), c("div", ol, [n.designation ? (T(), o(f, {
+		}, [d(N(r.meta?.text) + " ", 1), k(t.$slots, "customMeta", {}, void 0, !0)], 2)) : s("", !0),
+		r.count || r.designation ? (T(), c("div", ol, [r.designation ? (T(), o(p, {
 			key: 0,
-			party: n.designation.party,
-			color: n.designation.color,
+			party: r.designation.party,
+			color: r.designation.color,
 			background: "",
 			"icon-size": "20px",
 			"icon-position": "right",
 			"icon-spacing": "var(--spacing-5)",
-			icon: n.designation.icon,
-			badge: n.designation.warning ? "warning" : void 0,
+			icon: r.designation.icon,
+			badge: r.designation.warning ? "warning" : void 0,
 			"badge-size": 12,
 			class: "designation has-background"
 		}, {
-			default: I(() => [d(N(n.designation.text), 1)]),
+			default: I(() => [d(N(r.designation.text) + " ", 1), r.designation.secondaryText ? (T(), c(e, { key: 0 }, [n[8] ||= l("span", { class: "separator" }, null, -1), d(" " + N(r.designation.secondaryText), 1)], 64)) : s("", !0)]),
 			_: 1
 		}, 8, [
 			"party",
 			"color",
 			"icon",
 			"badge"
-		])) : s("", !0), n.count ? (T(), o(m, {
+		])) : s("", !0), r.count ? (T(), o(h, {
 			key: 1,
-			onClick: a.countClick,
-			unreactive: !n.count.clickable,
-			icon: n.count.icon,
+			onClick: u.countClick,
+			unreactive: !r.count.clickable,
+			icon: r.count.icon,
 			size: "sml",
 			subtle: "",
-			label: n.count.value,
-			title: n.count.title
+			label: r.count.value,
+			title: r.count.title
 		}, null, 8, [
 			"onClick",
 			"unreactive",
@@ -8189,7 +8189,7 @@ function sl(e, t, n, r, i, a) {
 		])) : s("", !0)])) : s("", !0)
 	], 2)]);
 }
-var cl = /*#__PURE__*/ V(tl, [["render", sl], ["__scopeId", "data-v-78507101"]]), ll = {
+var cl = /*#__PURE__*/ V(tl, [["render", sl], ["__scopeId", "data-v-16fdc404"]]), ll = {
 	name: "ecs-data-grid",
 	emits: ["tableScroll"],
 	props: {
@@ -15875,12 +15875,23 @@ var g_ = /*#__PURE__*/ V(f_, [["render", h_], ["__scopeId", "data-v-7e609016"]])
 		disabled: {
 			type: Boolean,
 			default: !1
+		},
+		size: {
+			type: String,
+			validator: (e) => ["md", "sml"].includes(e),
+			default: "md"
 		}
 	},
 	computed: {
 		typeClass() {
 			return this.type && this.type !== "" ? `ecs-favorability-${this.type}` : this.type;
 		},
+		sizeClass() {
+			return `ecs-favorability-${this.size}`;
+		},
+		iconSize() {
+			return this.size === "sml" ? "24px" : "30px";
+		},
 		iconType() {
 			return {
 				good: "fav-arrow",
@@ -15909,13 +15920,20 @@ function b_(e, t, n, r, i, a) {
 	let u = A("ecs-icon"), d = A("ecs-skeleton-loader");
 	return T(), c("div", {
 		onClick: t[0] ||= (...e) => a.handleClick && a.handleClick(...e),
-		class: b(["ecs-favorability", [a.typeClass, n.disabled ? "disabled" : ""]]),
+		class: b(["ecs-favorability", [
+			a.typeClass,
+			a.sizeClass,
+			n.disabled ? "disabled" : ""
+		]]),
 		"aria-busy": n.loading || null
 	}, [
 		l("div", {
 			class: b(["ecs-favorability-button", [a.css, n.loading ? "loading" : ""]]),
 			title: a.labelText
-		}, [f(u, { type: a.iconType }, null, 8, ["type"])], 10, y_),
+		}, [f(u, {
+			type: a.iconType,
+			size: a.iconSize
+		}, null, 8, ["type", "size"])], 10, y_),
 		n.label ? (T(), c("span", {
 			key: 0,
 			class: b(["label", n.loading ? "loading" : ""])
@@ -15934,7 +15952,7 @@ function b_(e, t, n, r, i, a) {
 		})) : s("", !0)
 	], 10, v_);
 }
-var x_ = /*#__PURE__*/ V(__, [["render", b_], ["__scopeId", "data-v-a6e15633"]]), S_ = {
+var x_ = /*#__PURE__*/ V(__, [["render", b_], ["__scopeId", "data-v-566f9742"]]), S_ = {
 	name: "ecs-quicklinks-link",
 	emits: [
 		"click",