@everchron/ec-shards 14.9.1 → 14.10.0

package/dist/ec-shards.js

@@ -26,7 +26,7 @@ const ae = (e, s, t) => {
     },
     /** Sets the height and width of the icon, supports pixel and percentage values. */
     size: {
-      type: String,
+      type: [String, Number],
       default: "30px"
     },
     /** Sets the color of the icon. By default, icons will always be colored by the inherited css color value. */
@@ -63,7 +63,7 @@ const ae = (e, s, t) => {
       "data-test-icon-type": e.type
     }, null, 8, ["class", "width", "height", "viewBox", "color", "title", "data-test-icon-type"]));
   }
-}, O = /* @__PURE__ */ _(Gi, [["__scopeId", "data-v-a1c506ab"]]), Ki = {
+}, O = /* @__PURE__ */ _(Gi, [["__scopeId", "data-v-bd5eb94f"]]), Ki = {
   name: "EcsFocusRing",
   props: {
     /** Defines the distance of the focus ring from it focusable element. Should be smaller than `0` (negative) in almost all cases. */
@@ -3163,6 +3163,12 @@ const pe = /* @__PURE__ */ _(xo, [["render", zo], ["__scopeId", "data-v-47d42f7e
       validator: (e) => ["icon", "checkbox", "radiobutton", "switch", "sort", "link", null].includes(e),
       default: null
     },
+    /** Determines the size of the list item. @todo implement for all types other than button. */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["md", "sml"].includes(e)
+    },
     /** Adds a subtle suffix text to the right side of the list item. Should be very short. */
     suffix: {
       type: String,
@@ -3283,6 +3289,9 @@ const pe = /* @__PURE__ */ _(xo, [["render", zo], ["__scopeId", "data-v-47d42f7e
         iconOnly: !1,
         align: "right"
       }, ...this.secondaryAction };
+    },
+    iconSize() {
+      return this.size === "sml" ? 16 : 24;
     }
   },
   methods: {
@@ -3449,7 +3458,8 @@ function Ko(e, s, t, a, n, i) {
         t.subtle ? "subtle" : "",
         t.disabled ? "disabled" : "",
         t.noHover ? "no-hover" : "",
-        t.selected ? "selected" : ""
+        t.selected ? "selected" : "",
+        t.size === "sml" ? "sml" : ""
       ]]),
       tabindex: t.disabled ? -1 : 0,
       href: t.href,
@@ -3513,7 +3523,8 @@ function Ko(e, s, t, a, n, i) {
         t.subtle ? "subtle" : "",
         t.disabled ? "disabled" : "",
         t.noHover || n.preventHover ? "no-hover" : "",
-        t.selected ? "selected" : ""
+        t.selected ? "selected" : "",
+        t.size === "sml" ? "sml" : ""
       ]]),
       onClick: s[12] || (s[12] = (B) => e.$emit("click", B)),
       role: "menuitem",
@@ -3522,16 +3533,16 @@ function Ko(e, s, t, a, n, i) {
       t.icon ? (o(), h(c, {
         key: 0,
         type: t.icon,
-        size: "24",
+        size: i.iconSize,
         class: "left-icon"
-      }, null, 8, ["type"])) : u("", !0),
+      }, null, 8, ["type", "size"])) : u("", !0),
       t.fileIcon ? (o(), h(I, {
         key: 1,
         type: t.fileIcon,
-        width: 24,
-        height: 24,
+        width: i.iconSize,
+        height: i.iconSize,
         class: "file-icon"
-      }, null, 8, ["type"])) : u("", !0),
+      }, null, 8, ["type", "width", "height"])) : u("", !0),
       f("span", Wo, [
         f("span", jo, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -3574,7 +3585,7 @@ function Ko(e, s, t, a, n, i) {
     ], 10, $o))
   ]);
 }
-const os = /* @__PURE__ */ _(Io, [["render", Ko], ["__scopeId", "data-v-20b01fd5"]]), Yo = {
+const os = /* @__PURE__ */ _(Io, [["render", Ko], ["__scopeId", "data-v-e7504ef5"]]), Yo = {
   name: "ecs-button-toolbar",
   emits: ["click"],
   components: {
@@ -10157,12 +10168,18 @@ function Gf(e, s, t, a, n, i) {
     "data-1p-ignore": i.disabled1Password
   }), null, 16, Uf));
 }
-const zi = /* @__PURE__ */ _(Wf, [["render", Gf], ["__scopeId", "data-v-747337b1"]]), Kf = {
+const zi = /* @__PURE__ */ _(Wf, [["render", Gf], ["__scopeId", "data-v-bfe7899b"]]), Kf = {
   name: "EcsPopoverListHeadline",
   components: {
     EcsButtonCollapse: ls
   },
   props: {
+    /** Determines the size of the headline. */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["md", "sml"].includes(e)
+    },
     /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
     sticky: {
       type: Boolean,
@@ -10207,7 +10224,8 @@ function Xf(e, s, t, a, n, i) {
   return o(), r("li", {
     class: v(["ecs-popover-list-title", [
       t.sticky ? "ecs-popover-list-title-sticky" : "ecs-popover-list-title-default",
-      t.sticky && e.$slots.controls ? "has-controls" : ""
+      t.sticky && e.$slots.controls ? "has-controls" : "",
+      t.size === "sml" ? "sml" : ""
     ]]),
     role: "heading"
   }, [
@@ -10226,7 +10244,7 @@ function Xf(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const Jf = /* @__PURE__ */ _(Kf, [["render", Xf], ["__scopeId", "data-v-c1516cc2"]]), Ii = {
+const Jf = /* @__PURE__ */ _(Kf, [["render", Xf], ["__scopeId", "data-v-442eb0eb"]]), Ii = {
   roundedRect: {
     label: "roundedRect",
     styles: {