@everchron/ec-shards 8.12.6 → 8.12.8

package/dist/ec-shards.js

@@ -7514,7 +7514,7 @@ const Db = /* @__PURE__ */ v(Bu, [["render", Iu]]), Eu = {
   },
   computed: {
     typeClass() {
-      return this.type && this.type !== "" ? `data-list-data-${this.type}` : this.type;
+      return this.type && this.type !== "" ? `ecs-data-list-data-${this.type}` : this.type;
     },
     hasIdentifier() {
       if (this.identifier && this.identifier !== "" || this.$slots.collapse)
@@ -7603,7 +7603,7 @@ function Lu(e, s, t, a, n, i) {
     ], 10, Mu)) : u("", !0)
   ]);
 }
-const Rb = /* @__PURE__ */ v(Eu, [["render", Lu], ["__scopeId", "data-v-99c893a3"]]), Ou = {
+const Rb = /* @__PURE__ */ v(Eu, [["render", Lu], ["__scopeId", "data-v-e1165cd4"]]), Ou = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
   props: {
@@ -9500,6 +9500,11 @@ const e_ = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464
     /** Allows to set a custom border radius. Avoid when using the border style. */
     borderRadius: {
       type: Number
+    },
+    /** Allows to set a differnt inset value, to ajust the "visible" padding of the element. */
+    inset: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
@@ -9522,6 +9527,13 @@ const e_ = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464
     borderRadiusStyle() {
       return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.type === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
     },
+    insetStyles() {
+      return this.layout === "wrap" ? {
+        padding: `${this.inset}px`
+      } : {
+        inset: `-${this.inset}px`
+      };
+    },
     classes() {
       return {
         "ecs-highlight-wrap": this.layout === "wrap",
@@ -9541,7 +9553,7 @@ function Fg(e, s, t, a, n, i) {
       i.showHighlight ? (o(), l("div", {
         key: 0,
         class: h(["ecs-highlight", [i.classes]]),
-        style: x({ ...i.highlightColor, ...i.borderRadiusStyle })
+        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -9549,7 +9561,7 @@ function Fg(e, s, t, a, n, i) {
     _: 3
   });
 }
-const t_ = /* @__PURE__ */ v(Rg, [["render", Fg], ["__scopeId", "data-v-3495b671"]]), Vg = {
+const t_ = /* @__PURE__ */ v(Rg, [["render", Fg], ["__scopeId", "data-v-48ec2945"]]), Vg = {
   name: "ecs-toolbar",
   props: {
     /** Determines the type of the toolbar. */