@everchron/ec-shards 8.12.1 → 8.12.2

package/dist/ec-shards.js

@@ -9488,7 +9488,7 @@ const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464
       default: "overlay"
     },
     /** Determines the style of the highlight: `background` fills the entire background with a color, while `border` just adds a colored border to the left (avoid using on elements with border radius).  */
-    style: {
+    type: {
       type: String,
       validator: (e) => ["background", "border"].includes(e),
       default: "background"
@@ -9518,12 +9518,12 @@ const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464
       return this.show || this.layout === "wrap" && this.$slots.default;
     },
     highlightColor() {
-      return this.color ? this.style === "background" ? {
+      return this.color ? this.type === "background" ? {
         "--ecs-highlight-background": this.color
       } : {
         "--ecs-highlight-background": C(this.color).setAlpha(0.1).toRgbString(),
         "--ecs-highlight-border": this.color
-      } : this.style === "background" ? {
+      } : this.type === "background" ? {
         "--ecs-highlight-background": "var(--color-yellow-3)"
       } : {
         "--ecs-highlight-background": "var(--color-yellow-3)",
@@ -9531,18 +9531,18 @@ const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464
       };
     },
     borderRadiusStyle() {
-      return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.style === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
+      return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.type === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
     },
     transitionStyles() {
       const e = {};
-      return this.fadeOutDuration !== 0 && this.show && this.setFadeOut && (this.layout === "overlay" ? e.transition = `opacity ${this.fadeOutDuration}ms` : this.layout === "wrap" && (this.style === "border" ? e.transition = `background-position ${this.fadeOutDuration}ms, border-color ${this.fadeOutDuration}ms` : e.transition = `background-color ${this.fadeOutDuration}ms`)), e;
+      return this.fadeOutDuration !== 0 && this.show && this.setFadeOut && (this.layout === "overlay" ? e.transition = `opacity ${this.fadeOutDuration}ms` : this.layout === "wrap" && (this.type === "border" ? e.transition = `background-position ${this.fadeOutDuration}ms, border-color ${this.fadeOutDuration}ms` : e.transition = `background-color ${this.fadeOutDuration}ms`)), e;
     },
     classes() {
       return {
         "ecs-highlight-wrap": this.layout === "wrap",
         "ecs-highlight-overlay": this.layout === "overlay",
-        "ecs-highlight-background": this.style === "background",
-        "ecs-highlight-border": this.style === "border",
+        "ecs-highlight-background": this.type === "background",
+        "ecs-highlight-border": this.type === "border",
         show: this.showClass
       };
     }
@@ -9564,7 +9564,7 @@ function Rg(e, s, t, a, n, i) {
     t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
   ], 6)) : u("", !0);
 }
-const t_ = /* @__PURE__ */ v(Fg, [["render", Rg], ["__scopeId", "data-v-6db2fdf6"]]), Vg = {
+const t_ = /* @__PURE__ */ v(Fg, [["render", Rg], ["__scopeId", "data-v-82c60808"]]), Vg = {
   name: "ecs-toolbar",
   props: {
     /** Determines the type of the toolbar. */