@everchron/ec-shards 14.20.2 → 14.20.4

package/dist/ec-shards.js

@@ -2785,10 +2785,11 @@ const mo = /* @__PURE__ */ _(co, [["render", go], ["__scopeId", "data-v-88d4a1b8
       type: Boolean,
       default: !1
     },
-    /** Reflects a true or false state with positive (green) and negative (red) colors. */
+    /** Reflects a true or false state with colors. Boolean `true` shows red when OFF and green when ON (two-way colored). String `positive` shows green when ON (one-way colored). String `negative` shows red when ON (one-way colored). */
     colored: {
-      type: Boolean,
-      default: !1
+      type: [Boolean, String],
+      default: !1,
+      validator: (e) => [!1, !0, "positive", "negative"].includes(e)
     },
     /** Reflects an indeterminate switch state (e.g. not all options checked, but some). This is a purely visual setting. */
     indeterminate: {
@@ -2825,6 +2826,9 @@ const mo = /* @__PURE__ */ _(co, [["render", go], ["__scopeId", "data-v-88d4a1b8
     sizeClass() {
       return this.size && this.size !== "" ? this.size == "sml-toggle" ? "ecs-switch-sml regular-font" : `ecs-switch-${this.size}` : this.size;
     },
+    coloredClass() {
+      return this.colored ? this.colored === !0 ? "ecs-switch-colored" : this.colored === "positive" ? "ecs-switch-colored-positive" : this.colored === "negative" ? "ecs-switch-colored-negative" : "" : "";
+    },
     isBoolean() {
       return typeof this.value == "boolean";
     },
@@ -2863,7 +2867,7 @@ function ko(e, s, t, a, n, i) {
         i.sizeClass,
         i.hasDefaultSlot ? "ecs-switch-has-label" : "",
         t.disabled ? "disabled" : "",
-        t.colored ? "ecs-switch-colored" : "",
+        i.coloredClass,
         t.indeterminate ? "ecs-switch-indeterminate" : ""
       ]]),
       role: "switch",
@@ -2892,7 +2896,7 @@ function ko(e, s, t, a, n, i) {
     ], 8, _o)) : u("", !0)
   ]);
 }
-const bi = /* @__PURE__ */ _(ho, [["render", ko], ["__scopeId", "data-v-951d9222"]]), xo = {
+const bi = /* @__PURE__ */ _(ho, [["render", ko], ["__scopeId", "data-v-c04e56d8"]]), xo = {
   name: "ecs-sortbutton",
   emits: ["click"],
   components: { EcsFormCheck: as, EcsFocusRing: R },
@@ -10118,7 +10122,7 @@ const ck = /* @__PURE__ */ _(Rf, [["render", jf], ["__scopeId", "data-v-1c058d79
     /** Input type, supports most HTML5 types. */
     type: {
       type: String,
-      validator: (e) => ["text", "number", "tel", "password", "email", "url", "date", "week", "textarea"].includes(e),
+      validator: (e) => ["text", "number", "tel", "password", "email", "url", "date", "week", "month", "datetime-local", "time", "textarea"].includes(e),
       default: "text"
     },
     /** Sets the model value of the input. */
@@ -10206,7 +10210,7 @@ const ck = /* @__PURE__ */ _(Rf, [["render", jf], ["__scopeId", "data-v-1c058d79
       return this.size && this.size !== "" ? `ecs-form-control-${this.size}` : this.size;
     },
     formatClass() {
-      return this.format && this.format !== "" ? `ecs-form-control-format-${this.format}` : this.format;
+      return this.format && this.format !== "" ? `ecs-form-control-format-${this.format}` : this.type === "datetime-local" || this.type === "date" || this.type === "week" || this.type === "month" ? "ecs-form-control-format-date" : this.format;
     },
     disabled1Password() {
       return this.autocomplete === "1p-disable";
@@ -10274,7 +10278,7 @@ function Yf(e, s, t, a, n, i) {
     "data-1p-ignore": i.disabled1Password
   }), null, 16, Kf));
 }
-const Pi = /* @__PURE__ */ _(Uf, [["render", Yf], ["__scopeId", "data-v-bfe7899b"]]), Xf = {
+const Pi = /* @__PURE__ */ _(Uf, [["render", Yf], ["__scopeId", "data-v-7927b1fa"]]), Xf = {
   name: "EcsPopoverListHeadline",
   components: {
     EcsButtonCollapse: rs