@everchron/ec-shards 19.10.3 → 19.10.4

package/dist/ec-shards.js

@@ -6262,6 +6262,10 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 			type: Boolean,
 			default: !1
 		},
+		highlighted: {
+			type: Boolean,
+			default: !1
+		},
 		expanded: {
 			type: Boolean,
 			default: !1
@@ -6346,6 +6350,9 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 		cardExpanded() {
 			return this.isExpanded && !!this.expandMode;
 		},
+		cardSelected() {
+			return this.highlighted || this.isSelected;
+		},
 		expandLoading() {
 			return this.loading || this.isLoading;
 		},
@@ -6362,7 +6369,16 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 			return !!this.$slots.header || this.selectable || this.showExpandButton || !!this.$slots.actions;
 		},
 		hasTimeline() {
-			return !!this.timeline;
+			return !!(this.$slots.timelinePrimary || this.$slots.timelineSecondary || this.$slots.timelineTertiary || this.timeline);
+		},
+		showTimelinePrimary() {
+			return !!(this.$slots.timelinePrimary || this.timelinePrimary);
+		},
+		showTimelineSecondary() {
+			return !!(this.$slots.timelineSecondary || this.timelineSecondary);
+		},
+		showTimelineTertiary() {
+			return !!(this.$slots.timelineTertiary || this.timelineTertiary);
 		},
 		timelinePrimary() {
 			return this.normalizeTimelineField(this.timeline && this.timeline.primary);
@@ -6372,6 +6388,15 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 		},
 		timelineTertiary() {
 			return this.normalizeTimelineField(this.timeline && this.timeline.tertiary);
+		},
+		timelinePrimaryClasses() {
+			return this.getTimelineFieldClasses(this.timeline && this.timeline.primary, this.timelinePrimary);
+		},
+		timelineSecondaryClasses() {
+			return this.getTimelineFieldClasses(this.timeline && this.timeline.secondary, this.timelineSecondary);
+		},
+		timelineTertiaryClasses() {
+			return this.getTimelineFieldClasses(this.timeline && this.timeline.tertiary, this.timelineTertiary);
 		}
 	},
 	watch: {
@@ -6406,6 +6431,15 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 				mono: !1
 			};
 		},
+		getTimelineFieldClasses(e, t) {
+			return t ? {
+				"is-ai": t.ai,
+				"is-mono": t.mono
+			} : e && typeof e == "object" ? {
+				"is-ai": !!e.ai,
+				"is-mono": !!e.mono
+			} : {};
+		},
 		onCardClick(e) {
 			this.disabled || (this.$emit("click", e), this.expandMode === "click" && this.toggleExpand());
 		},
@@ -6477,82 +6511,73 @@ var qo = /*#__PURE__*/ H(Bo, [["render", Ko], ["__scopeId", "data-v-95f66a3d"]])
 	ref: "footerInner",
 	class: "ecs-content-card-footer-inner"
 };
-function os(e, t, n, r, i, a) {
-	let u = A("ecs-checkbox"), d = A("ecs-button"), p = A("ecs-card");
+function os(t, n, r, i, a, u) {
+	let p = A("ecs-checkbox"), m = A("ecs-button"), h = A("ecs-card");
 	return T(), c("div", {
-		style: S(a.rootStyle),
+		style: S(u.rootStyle),
 		class: b(["ecs-content-card", [
-			i.isExpanded ? "is-expanded" : "",
-			i.isSelected ? "is-selected" : "",
-			a.hasSidebar ? "has-sidebar" : "",
-			a.hasTimeline ? "has-timeline" : "",
-			a.expandMode ? "is-expandable" : ""
+			a.isExpanded ? "is-expanded" : "",
+			u.cardSelected ? "is-highlighted" : "",
+			u.hasSidebar ? "has-sidebar" : "",
+			u.hasTimeline ? "has-timeline" : "",
+			u.expandMode ? "is-expandable" : ""
 		]])
-	}, [a.hasTimeline ? (T(), c("div", {
+	}, [u.hasTimeline ? (T(), c("div", {
 		key: 0,
-		class: b(["ecs-content-card-timeline", [i.isExpanded ? "expanded" : ""]])
+		class: b(["ecs-content-card-timeline", [a.isExpanded ? "expanded" : ""]])
 	}, [l("div", Yo, [
-		a.timelinePrimary ? (T(), c("div", {
+		u.showTimelinePrimary ? (T(), c("div", {
 			key: 0,
-			class: b(["ecs-content-card-timeline-primary", {
-				"is-ai": a.timelinePrimary.ai,
-				"is-mono": a.timelinePrimary.mono
-			}])
-		}, N(a.timelinePrimary.value), 3)) : s("", !0),
-		a.timelineSecondary ? (T(), c("div", {
+			class: b(["ecs-content-card-timeline-primary", u.timelinePrimaryClasses])
+		}, [t.$slots.timelinePrimary ? k(t.$slots, "timelinePrimary", { key: 0 }, void 0, !0) : (T(), c(e, { key: 1 }, [d(N(u.timelinePrimary.value), 1)], 64))], 2)) : s("", !0),
+		u.showTimelineSecondary ? (T(), c("div", {
 			key: 1,
-			class: b(["ecs-content-card-timeline-secondary", {
-				"is-ai": a.timelineSecondary.ai,
-				"is-mono": a.timelineSecondary.mono
-			}])
-		}, N(a.timelineSecondary.value), 3)) : s("", !0),
-		a.timelineTertiary ? (T(), c("div", {
+			class: b(["ecs-content-card-timeline-secondary", u.timelineSecondaryClasses])
+		}, [t.$slots.timelineSecondary ? k(t.$slots, "timelineSecondary", { key: 0 }, void 0, !0) : (T(), c(e, { key: 1 }, [d(N(u.timelineSecondary.value), 1)], 64))], 2)) : s("", !0),
+		u.showTimelineTertiary ? (T(), c("div", {
 			key: 2,
-			class: b(["ecs-content-card-timeline-tertiary", {
-				"is-ai": a.timelineTertiary.ai,
-				"is-mono": a.timelineTertiary.mono
-			}])
-		}, N(a.timelineTertiary.value), 3)) : s("", !0)
-	])], 2)) : s("", !0), f(p, {
-		onClick: a.onCardClick,
-		onDblclick: a.onCardDblclick,
-		id: n.id,
-		selected: i.isSelected,
-		expanded: a.cardExpanded,
-		hover: a.showHover,
-		progress: n.progress,
-		disabled: n.disabled,
+			class: b(["ecs-content-card-timeline-tertiary", u.timelineTertiaryClasses])
+		}, [t.$slots.timelineTertiary ? k(t.$slots, "timelineTertiary", { key: 0 }, void 0, !0) : (T(), c(e, { key: 1 }, [d(N(u.timelineTertiary.value), 1)], 64))], 2)) : s("", !0)
+	])], 2)) : s("", !0), f(h, {
+		onClick: u.onCardClick,
+		onDblclick: u.onCardDblclick,
+		id: r.id,
+		selected: u.cardSelected,
+		expanded: u.cardExpanded,
+		hover: u.showHover,
+		progress: r.progress,
+		disabled: r.disabled,
 		class: "ecs-content-card-card"
 	}, {
 		default: I(() => [l("div", Xo, [l("div", Zo, [l("div", Qo, [
-			a.hasHeader ? (T(), c("div", $o, [
-				n.selectable ? (T(), c("div", {
+			u.hasHeader ? (T(), c("div", $o, [
+				r.selectable ? (T(), c("div", {
 					key: 0,
-					onClick: t[0] ||= R(() => {}, ["stop"]),
+					onClick: n[0] ||= R(() => {}, ["stop"]),
 					class: "ecs-content-card-select"
-				}, [f(u, {
-					onInput: a.onSelectInput,
-					value: i.isSelected,
-					disabled: n.disabled
+				}, [f(p, {
+					onInput: u.onSelectInput,
+					value: a.isSelected,
+					disabled: r.disabled
 				}, null, 8, [
 					"onInput",
 					"value",
 					"disabled"
 				])])) : s("", !0),
-				e.$slots.header ? (T(), c("div", es, [k(e.$slots, "header", {}, void 0, !0)])) : s("", !0),
-				a.showExpandButton ? (T(), o(d, {
+				t.$slots.header ? (T(), c("div", es, [k(t.$slots, "header", {}, void 0, !0)])) : s("", !0),
+				u.showExpandButton ? (T(), o(m, {
 					key: 2,
-					onClick: R(a.toggleExpand, ["stop"]),
+					onClick: R(u.toggleExpand, ["stop"]),
 					type: "secondary",
 					"icon-only": "",
 					size: "sml",
-					icon: i.isExpanded ? "collapse" : "expand",
-					loading: a.expandLoading,
-					active: i.isExpanded || null,
-					disabled: n.disabled,
-					"aria-controls": i.expandId,
-					"aria-expanded": i.isExpanded ? "true" : "false",
-					"aria-label": i.isExpanded ? "Collapse" : "Expand",
+					icon: a.isExpanded ? "collapse" : "expand",
+					loading: u.expandLoading,
+					active: a.isExpanded || null,
+					disabled: r.disabled,
+					"aria-controls": a.expandId,
+					"aria-expanded": a.isExpanded ? "true" : "false",
+					"aria-label": a.isExpanded ? "Collapse" : "Expand",
 					class: "ecs-content-card-expand-button"
 				}, null, 8, [
 					"onClick",
@@ -6564,34 +6589,34 @@ function os(e, t, n, r, i, a) {
 					"aria-expanded",
 					"aria-label"
 				])) : s("", !0),
-				e.$slots.actions ? (T(), c("div", {
+				t.$slots.actions ? (T(), c("div", {
 					key: 3,
-					onClick: t[1] ||= R(() => {}, ["stop"]),
+					onClick: n[1] ||= R(() => {}, ["stop"]),
 					class: "ecs-content-card-actions"
-				}, [k(e.$slots, "actions", {}, void 0, !0)])) : s("", !0)
+				}, [k(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
 			])) : s("", !0),
-			l("div", { class: b(["ecs-content-card-content", { "has-select": n.selectable }]) }, [k(e.$slots, "default", {}, void 0, !0)], 2),
-			e.$slots.contentExpand ? (T(), c("div", {
+			l("div", { class: b(["ecs-content-card-content", { "has-select": r.selectable }]) }, [k(t.$slots, "default", {}, void 0, !0)], 2),
+			t.$slots.contentExpand ? (T(), c("div", {
 				key: 1,
-				id: i.expandId,
-				style: S({ height: i.isExpanded ? i.expandHeight + "px" : "0px" }),
-				"aria-hidden": i.isExpanded ? "false" : "true",
+				id: a.expandId,
+				style: S({ height: a.isExpanded ? a.expandHeight + "px" : "0px" }),
+				"aria-hidden": a.isExpanded ? "false" : "true",
 				class: "ecs-content-card-expand"
 			}, [l("div", {
 				ref: "expandInner",
-				class: b(["ecs-content-card-expand-inner", { "has-select": n.selectable }])
-			}, [k(e.$slots, "contentExpand", {}, void 0, !0)], 2)], 12, ts)) : s("", !0)
-		]), e.$slots.sidebar ? (T(), c("div", {
+				class: b(["ecs-content-card-expand-inner", { "has-select": r.selectable }])
+			}, [k(t.$slots, "contentExpand", {}, void 0, !0)], 2)], 12, ts)) : s("", !0)
+		]), t.$slots.sidebar ? (T(), c("div", {
 			key: 0,
-			style: S({ width: i.isExpanded ? "300px" : "0px" }),
-			"aria-hidden": i.isExpanded ? "false" : "true",
+			style: S({ width: a.isExpanded ? "300px" : "0px" }),
+			"aria-hidden": a.isExpanded ? "false" : "true",
 			class: "ecs-content-card-sidebar"
-		}, [l("div", rs, [k(e.$slots, "sidebar", {}, void 0, !0)], 512)], 12, ns)) : s("", !0)]), e.$slots.footer ? (T(), c("div", {
+		}, [l("div", rs, [k(t.$slots, "sidebar", {}, void 0, !0)], 512)], 12, ns)) : s("", !0)]), t.$slots.footer ? (T(), c("div", {
 			key: 0,
-			style: S(a.footerStyle),
-			"aria-hidden": a.footerHidden ? "true" : "false",
-			class: b(["ecs-content-card-footer", { "is-collapsing": n.hideFooterOnExpand }])
-		}, [l("div", as, [k(e.$slots, "footer", {}, void 0, !0)], 512)], 14, is)) : s("", !0)])]),
+			style: S(u.footerStyle),
+			"aria-hidden": u.footerHidden ? "true" : "false",
+			class: b(["ecs-content-card-footer", { "is-collapsing": r.hideFooterOnExpand }])
+		}, [l("div", as, [k(t.$slots, "footer", {}, void 0, !0)], 512)], 14, is)) : s("", !0)])]),
 		_: 3
 	}, 8, [
 		"onClick",
@@ -6604,7 +6629,7 @@ function os(e, t, n, r, i, a) {
 		"disabled"
 	])], 6);
 }
-var ss = /*#__PURE__*/ H(Jo, [["render", os], ["__scopeId", "data-v-255198d5"]]), cs = {
+var ss = /*#__PURE__*/ H(Jo, [["render", os], ["__scopeId", "data-v-ca896d7a"]]), cs = {
 	name: "ecs-formatted",
 	components: { EcsSkeletonLoader: G },
 	mixins: [Y],