@everchron/ec-shards 8.12.6 → 8.12.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ec-shards.js +14 -2
- package/dist/ec-shards.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/ec-shards.js
CHANGED
|
@@ -9500,6 +9500,11 @@ const e_ = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464
|
|
|
9500
9500
|
/** Allows to set a custom border radius. Avoid when using the border style. */
|
|
9501
9501
|
borderRadius: {
|
|
9502
9502
|
type: Number
|
|
9503
|
+
},
|
|
9504
|
+
/** Allows to set a differnt inset value, to ajust the "visible" padding of the element. */
|
|
9505
|
+
inset: {
|
|
9506
|
+
type: Number,
|
|
9507
|
+
default: 0
|
|
9503
9508
|
}
|
|
9504
9509
|
},
|
|
9505
9510
|
computed: {
|
|
@@ -9522,6 +9527,13 @@ const e_ = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464
|
|
|
9522
9527
|
borderRadiusStyle() {
|
|
9523
9528
|
return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.type === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
|
|
9524
9529
|
},
|
|
9530
|
+
insetStyles() {
|
|
9531
|
+
return this.layout === "wrap" ? {
|
|
9532
|
+
padding: `${this.inset}px`
|
|
9533
|
+
} : {
|
|
9534
|
+
inset: `-${this.inset}px`
|
|
9535
|
+
};
|
|
9536
|
+
},
|
|
9525
9537
|
classes() {
|
|
9526
9538
|
return {
|
|
9527
9539
|
"ecs-highlight-wrap": this.layout === "wrap",
|
|
@@ -9541,7 +9553,7 @@ function Fg(e, s, t, a, n, i) {
|
|
|
9541
9553
|
i.showHighlight ? (o(), l("div", {
|
|
9542
9554
|
key: 0,
|
|
9543
9555
|
class: h(["ecs-highlight", [i.classes]]),
|
|
9544
|
-
style: x({ ...i.highlightColor, ...i.borderRadiusStyle })
|
|
9556
|
+
style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
|
|
9545
9557
|
}, [
|
|
9546
9558
|
t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
|
|
9547
9559
|
], 6)) : u("", !0)
|
|
@@ -9549,7 +9561,7 @@ function Fg(e, s, t, a, n, i) {
|
|
|
9549
9561
|
_: 3
|
|
9550
9562
|
});
|
|
9551
9563
|
}
|
|
9552
|
-
const t_ = /* @__PURE__ */ v(Rg, [["render", Fg], ["__scopeId", "data-v-
|
|
9564
|
+
const t_ = /* @__PURE__ */ v(Rg, [["render", Fg], ["__scopeId", "data-v-48ec2945"]]), Vg = {
|
|
9553
9565
|
name: "ecs-toolbar",
|
|
9554
9566
|
props: {
|
|
9555
9567
|
/** Determines the type of the toolbar. */
|