@everchron/ec-shards 8.11.4 → 8.11.6

package/dist/ec-shards.js

@@ -6242,7 +6242,7 @@ const ad = {
 }, fd = { class: "ecs-color-picker-field--double" }, pd = { class: "ecs-color-picker-field--single" }, gd = { class: "ecs-color-picker-field--single" }, md = { class: "ecs-color-picker-field--single" }, hd = {
   key: 0,
   class: "ecs-color-picker-field--single"
-}, vd = ["aria-label", "aria-selected", "onClick"], _d = ["aria-label", "onClick"];
+}, vd = ["aria-label", "aria-selected", "title", "onClick"], _d = ["aria-label", "title", "onClick"];
 function yd(e, s, t, a, n, i) {
   const r = p("saturation"), c = p("hue"), d = p("alpha"), g = p("ed-in"), h = p("checkboard");
   return o(), l("div", {
@@ -6326,6 +6326,7 @@ function yd(e, s, t, a, n, i) {
         e.isTransparent(k.hex) ? (o(), l("div", {
           key: "else-" + k.id,
           "aria-label": k.title,
+          title: k.title,
           class: "ecs-color-picker-presets-color",
           onClick: (z) => i.handlePreset(k.hex)
         }, [
@@ -6336,6 +6337,7 @@ function yd(e, s, t, a, n, i) {
           key: "if-" + k.id,
           style: B({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
+          title: k.title,
           onClick: (z) => i.handlePreset(k.hex)
         }, null, 14, vd))
       ], 64))), 256)),
@@ -6403,6 +6405,11 @@ const kd = {
       return {
         color: this.modelValue.hex || this.modelValue
       };
+    },
+    selectedColorName() {
+      var s;
+      const e = typeof this.modelValue == "object" && this.modelValue.hex ? this.modelValue.hex : this.modelValue;
+      return ((s = this.swatches.find((t) => t.hex === e)) == null ? void 0 : s.title) || e;
     }
   }
 };
@@ -6426,13 +6433,13 @@ function xd(e, s, t, a, n, i) {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
         style: B(i.selectedColorStyle)
       }, [
-        f("span", null, x(t.modelValue.hex || t.modelValue), 1)
+        f("span", null, x(i.selectedColorName), 1)
       ], 6)
     ]),
     _: 1
   });
 }
-const $y = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-7132cbfc"]]);
+const $y = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-08aaa823"]]);
 const wd = {
   name: "ecs-data-card",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Fs, EcsButton: Se, EcsFocusRing: L },