@everchron/ec-shards 19.2.0 → 19.3.0

package/dist/ec-shards.js

@@ -14571,8 +14571,8 @@ var Hh = /* @__PURE__ */ H(Lh, [["render", Vh], ["__scopeId", "data-v-206d1ced"]
 	name: "ecs-multiselect-search-token",
 	emits: [
 		"remove",
-		"change",
-		"operatorToggle"
+		"operatorToggle",
+		"editToken"
 	],
 	components: {
 		EcsIcon: U,
@@ -14590,6 +14590,10 @@ var Hh = /* @__PURE__ */ H(Lh, [["render", Vh], ["__scopeId", "data-v-206d1ced"]
 			default: !1
 		},
 		descriptor: { type: String },
+		editable: {
+			type: Boolean,
+			default: !1
+		},
 		icon: {
 			type: String,
 			required: !0
@@ -14598,9 +14602,14 @@ var Hh = /* @__PURE__ */ H(Lh, [["render", Vh], ["__scopeId", "data-v-206d1ced"]
 	computed: { typeClass() {
 		return `ecs-multiselect-search-token-${this.type}`;
 	} },
-	methods: { handleOperatorToggle(e) {
-		this.$emit("operatorToggle", e);
-	} }
+	methods: {
+		handleOperatorToggle(e) {
+			this.$emit("operatorToggle", e);
+		},
+		handleEditToken(e) {
+			this.$emit("editToken", e);
+		}
+	}
 }, Wh = {
 	key: 0,
 	class: "symbol"
@@ -14614,14 +14623,14 @@ var Hh = /* @__PURE__ */ H(Lh, [["render", Vh], ["__scopeId", "data-v-206d1ced"]
 function Jh(e, t, n, r, i, a) {
 	let o = A("ecs-icon"), u = A("ecs-focus-ring");
 	return T(), c("div", {
-		class: b(["ecs-multiselect-search-token", a.typeClass]),
+		class: b(["ecs-multiselect-search-token", [a.typeClass, { editable: n.editable }]]),
 		tabindex: "0",
-		onKeydown: t[3] ||= L((t) => e.$emit("remove", t), ["delete"])
+		onKeydown: t[5] ||= L((t) => e.$emit("remove", t), ["delete"])
 	}, [n.icon || n.operator || n.operatorSwitch ? (T(), c("div", Wh, [
 		f(o, {
 			type: n.icon,
 			size: "20",
-			color: "#FFF"
+			color: "var(--color-white)"
 		}, null, 8, ["type"]),
 		n.operator && !n.operatorSwitch ? (T(), c("div", Gh, N(n.operator), 1)) : s("", !0),
 		n.operatorSwitch ? (T(), c("button", {
@@ -14648,20 +14657,32 @@ function Jh(e, t, n, r, i, a) {
 	])) : s("", !0), l("div", Kh, [
 		n.descriptor ? (T(), c("div", qh, N(n.descriptor), 1)) : s("", !0),
 		k(e.$slots, "default", {}, void 0, !0),
+		n.editable ? (T(), c("button", {
+			key: 1,
+			onClick: t[1] ||= (...e) => a.handleEditToken && a.handleEditToken(...e),
+			onKeyup: t[2] ||= L((...e) => a.handleEditToken && a.handleEditToken(...e), ["enter"]),
+			class: "edit",
+			title: "Edit",
+			"aria-label": "Edit"
+		}, [f(o, {
+			type: "edit",
+			size: "14",
+			color: "var(--color-gray-15)"
+		}), f(u, { radius: 12 })], 32)) : s("", !0),
 		l("button", {
-			onClick: t[1] ||= (t) => e.$emit("remove", t),
-			onKeyup: t[2] ||= L((t) => e.$emit("remove", t), ["enter"]),
+			onClick: t[3] ||= (t) => e.$emit("remove", t),
+			onKeyup: t[4] ||= L((t) => e.$emit("remove", t), ["enter"]),
 			class: "remove",
 			title: "Remove",
 			"aria-label": "Remove"
 		}, [f(o, {
 			type: "close",
 			size: "14",
-			color: "#FFF"
+			color: "var(--color-white)"
 		}), f(u, { radius: 12 })], 32)
 	])], 34);
 }
-var Yh = /* @__PURE__ */ H(Uh, [["render", Jh], ["__scopeId", "data-v-df6cdff0"]]), Xh = {
+var Yh = /* @__PURE__ */ H(Uh, [["render", Jh], ["__scopeId", "data-v-815933be"]]), Xh = {
 	name: "ecs-multiselect-token",
 	emits: ["remove"],
 	components: {