@everchron/ec-shards 22.0.1 → 22.1.0

package/dist/ec-shards.js

@@ -16462,8 +16462,14 @@ function lv(e, t, n, r, i, a) {
 }
 var uv = /*#__PURE__*/ a(sv, [["render", lv], ["__scopeId", "data-v-91f7b273"]]), dv = {
 	name: "ecs-segments",
-	emits: ["click"],
+	emits: ["click", "update:modelValue"],
 	components: { EcsIcon: r },
+	computed: { currentValue() {
+		return this.modelValue ?? this.value;
+	} },
+	methods: { select(e) {
+		this.$emit("update:modelValue", e), this.$emit("click", e);
+	} },
 	props: {
 		options: {
 			type: Array,
@@ -16481,6 +16487,15 @@ var uv = /*#__PURE__*/ a(sv, [["render", lv], ["__scopeId", "data-v-91f7b273"]])
 			type: [String, Number],
 			default: ""
 		},
+		modelValue: {
+			type: [String, Number],
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "md",
+			validator: (e) => ["sml", "md"].includes(e)
+		},
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -16496,30 +16511,30 @@ var uv = /*#__PURE__*/ a(sv, [["render", lv], ["__scopeId", "data-v-91f7b273"]])
 ], mv = ["title"];
 function hv(e, t, n, r, i, a) {
 	let o = F("ecs-icon");
-	return j(), h("div", { class: D(["ecs-segments", [n.inline ? "ecs-segments-inline" : ""]]) }, [(j(!0), h(s, null, N(n.options, (t) => (j(), h("label", {
-		key: t.id,
-		for: t.id,
+	return j(), h("div", { class: D(["ecs-segments", [n.inline ? "ecs-segments-inline" : "", n.size]]) }, [(j(!0), h(s, null, N(n.options, (e) => (j(), h("label", {
+		key: e.id,
+		for: e.id,
 		disabled: n.disabled
 	}, [g("input", {
 		type: "radio",
 		name: n.name,
-		value: t.id,
-		id: t.id,
-		checked: n.value.toLowerCase() == t.id.toLowerCase() || null,
-		disabled: t.disabled || n.disabled,
-		onClick: (n) => e.$emit("click", t.id)
+		value: e.id,
+		id: e.id,
+		checked: String(a.currentValue).toLowerCase() == String(e.id).toLowerCase() || null,
+		disabled: e.disabled || n.disabled,
+		onClick: (t) => a.select(e.id)
 	}, null, 8, pv), g("span", {
 		class: "ecs-segment",
-		title: t.title
-	}, [t.icon ? (j(), p(o, {
+		title: e.title
+	}, [e.icon ? (j(), p(o, {
 		key: 0,
-		class: D([t.icon && t.label ? "icon-spacing" : ""]),
-		type: t.icon,
+		class: D([e.icon && e.label ? "icon-spacing" : ""]),
+		type: e.icon,
 		size: "20",
 		color: "var(--color-gray-13)"
-	}, null, 8, ["class", "type"])) : m("", !0), v(" " + L(t.label), 1)], 8, mv)], 8, fv))), 128))], 2);
+	}, null, 8, ["class", "type"])) : m("", !0), v(" " + L(e.label), 1)], 8, mv)], 8, fv))), 128))], 2);
 }
-var gv = /*#__PURE__*/ a(dv, [["render", hv], ["__scopeId", "data-v-b516b417"]]), _v = {
+var gv = /*#__PURE__*/ a(dv, [["render", hv], ["__scopeId", "data-v-14d280e0"]]), _v = {
 	name: "ecs-selection-grid",
 	emits: ["update:modelValue"],
 	components: {
@@ -16792,7 +16807,7 @@ function zv(e, t, n, r, i, a) {
 		"data-orientation": a.tabOrientation
 	}, [P(e.$slots, "default", {}, void 0, !0)], 10, Rv);
 }
-var Bv = /*#__PURE__*/ a(Lv, [["render", zv], ["__scopeId", "data-v-683b26db"]]), Vv = {
+var Bv = /*#__PURE__*/ a(Lv, [["render", zv], ["__scopeId", "data-v-db1ea22c"]]), Vv = {
 	name: "ecs-tabs",
 	props: { fill: {
 		type: Boolean,
@@ -17496,7 +17511,7 @@ function Vy(e, t, n, r, i, a) {
 		t[2] ||= g("span", { class: "hover" }, null, -1)
 	], 42, zy);
 }
-var Hy = /*#__PURE__*/ a(Ry, [["render", Vy], ["__scopeId", "data-v-d0778847"]]), Uy = {
+var Hy = /*#__PURE__*/ a(Ry, [["render", Vy], ["__scopeId", "data-v-22e00b93"]]), Uy = {
 	name: "ecs-tag",
 	emits: ["click"],
 	components: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@everchron/ec-shards",
   "type": "module",
-  "version": "22.0.1",
+  "version": "22.1.0",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": {