@cobre-npm/ds-v3 0.154.0 → 0.155.0

package/dist/cobre-ds-v3-lib.es.js

@@ -26930,53 +26930,53 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
     options: {},
     sections: {},
     idPrefix: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    columns: {}
   },
   setup(t) {
     const e = t, a = I(() => {
-      var r;
-      return !!((r = e.sections) != null && r.length);
-    }), n = I(() => gA(e.options, e.sections ?? [])), o = I(() => a.value && n.value.length === 1);
-    return (r, s) => (f(), v("ul", {
-      class: V(["co-filter-option-groups list-unstyled mb-0 p-0 column-gap-4", {
-        "co-filter-option-groups--sectioned": a.value,
-        "co-filter-option-groups--single-section": o.value
-      }])
+      var i;
+      return !!((i = e.sections) != null && i.length);
+    }), n = I(() => gA(e.options, e.sections ?? [])), o = I(() => a.value && n.value.length === 1), r = I(() => e.columns ?? (a.value ? 2 : 1)), s = I(
+      () => `co-filter-option-groups--${o.value ? "grid" : "columns"}-${r.value}`
+    );
+    return (i, l) => (f(), v("ul", {
+      class: V(["co-filter-option-groups list-unstyled mb-0 p-0 column-gap-4", [{ "co-filter-option-groups--sectioned": a.value }, s.value]])
     }, [
-      (f(!0), v(be, null, $e(n.value, (i) => {
-        var l;
+      (f(!0), v(be, null, $e(n.value, (c) => {
+        var u;
         return f(), v("li", {
-          key: ((l = i.section) == null ? void 0 : l.value) ?? "untitled",
+          key: ((u = c.section) == null ? void 0 : u.value) ?? "untitled",
           class: V(["co-filter-option-groups__group row-gap-1", { "mb-4": a.value, "column-gap-4": o.value }])
         }, [
-          i.section ? (f(), v("p", bA, X(i.section.label), 1)) : P("", !0),
-          (f(!0), v(be, null, $e(i.options, (c) => (f(), v("div", {
-            key: c.value,
-            class: "d-flex align-items-center co-py-4"
+          c.section ? (f(), v("p", bA, X(c.section.label), 1)) : P("", !0),
+          (f(!0), v(be, null, $e(c.options, (d) => (f(), v("div", {
+            key: d.value,
+            class: "co-filter-option-groups__option d-flex align-items-center co-py-4"
           }, [
-            te(r.$slots, "option", {
-              id: `${r.idPrefix}-${c.value}`,
-              option: c,
-              label: c.logoURL ? "" : c.label,
-              description: c.logoURL ? void 0 : c.subtitle,
+            te(i.$slots, "option", {
+              id: `${i.idPrefix}-${d.value}`,
+              option: d,
+              label: d.logoURL ? "" : d.label,
+              description: d.logoURL ? void 0 : d.subtitle,
               sectioned: a.value,
-              disabled: r.disabled || c.disabled
+              disabled: i.disabled || d.disabled
             }, void 0, !0),
-            c.logoURL ? (f(), v("label", {
+            d.logoURL ? (f(), v("label", {
               key: 0,
-              for: `${r.idPrefix}-${c.value}`,
-              class: V(["co-filter-option-groups__label d-flex align-items-center", { "co-filter-option-groups__label--disabled": r.disabled || c.disabled }])
+              for: `${i.idPrefix}-${d.value}`,
+              class: V(["co-filter-option-groups__label d-flex align-items-center", { "co-filter-option-groups__label--disabled": i.disabled || d.disabled }])
             }, [
               C("img", {
-                src: c.logoURL,
+                src: d.logoURL,
                 width: "16",
                 height: "16",
                 alt: "",
                 class: "co-ms-8"
               }, null, 8, _A),
               C("span", wA, [
-                C("span", kA, X(c.label), 1),
-                c.subtitle ? (f(), v("span", CA, X(c.subtitle), 1)) : P("", !0)
+                C("span", kA, X(d.label), 1),
+                d.subtitle ? (f(), v("span", CA, X(d.subtitle), 1)) : P("", !0)
               ])
             ], 10, yA)) : P("", !0)
           ]))), 128))
@@ -26984,7 +26984,7 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
       }), 128))
     ], 2));
   }
-}), bp = /* @__PURE__ */ xe(TA, [["__scopeId", "data-v-d8d977b8"]]), DA = /* @__PURE__ */ ue({
+}), bp = /* @__PURE__ */ xe(TA, [["__scopeId", "data-v-6ebafb08"]]), DA = /* @__PURE__ */ ue({
   __name: "FilterCheckboxList",
   props: {
     filter: {}
@@ -27005,6 +27005,7 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
         class: "co-filter-checkbox-list",
         options: s.filter.options,
         sections: s.filter.sections,
+        columns: s.filter.columns,
         disabled: (l = s.filter.props) == null ? void 0 : l.disabled,
         idPrefix: `co-filter-checkbox-${s.filter.key}`
       }, {
@@ -27021,10 +27022,10 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
           }, null, 8, ["id", "modelValue", "disabled", "label", "description", "size", "indeterminate", "onUpdate:modelValue"])
         ]),
         _: 1
-      }, 8, ["options", "sections", "disabled", "idPrefix"]);
+      }, 8, ["options", "sections", "columns", "disabled", "idPrefix"]);
     };
   }
-}), $A = /* @__PURE__ */ xe(DA, [["__scopeId", "data-v-99b88a51"]]), EA = /* @__PURE__ */ ue({
+}), $A = /* @__PURE__ */ xe(DA, [["__scopeId", "data-v-6b14d77f"]]), EA = /* @__PURE__ */ ue({
   __name: "FilterRadioList",
   props: {
     filter: {}
@@ -27040,6 +27041,7 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
         class: "co-filter-radio-list",
         options: o.filter.options,
         sections: o.filter.sections,
+        columns: o.filter.columns,
         disabled: (s = o.filter.props) == null ? void 0 : s.disabled,
         idPrefix: `co-filter-radio-${o.filter.key}`
       }, {
@@ -27057,10 +27059,10 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
           }, null, 8, ["id", "name", "value", "checked", "disabled", "label", "description", "class", "onUpdate:modelValue"])
         ]),
         _: 1
-      }, 8, ["options", "sections", "disabled", "idPrefix"]);
+      }, 8, ["options", "sections", "columns", "disabled", "idPrefix"]);
     };
   }
-}), xA = /* @__PURE__ */ xe(EA, [["__scopeId", "data-v-d9278a7f"]]), PA = { class: "co-filter-input" }, OA = /* @__PURE__ */ ue({
+}), xA = /* @__PURE__ */ xe(EA, [["__scopeId", "data-v-7d5d6aae"]]), PA = { class: "co-filter-input" }, OA = /* @__PURE__ */ ue({
   __name: "FilterInput",
   props: {
     filter: {}
@@ -27405,7 +27407,7 @@ const tA = { class: "co-filter dropdown cobre-dropdown" }, aA = { class: "dropdo
       ])) : P("", !0);
     };
   }
-}), o4 = /* @__PURE__ */ xe(e8, [["__scopeId", "data-v-7ffd3bbd"]]), t8 = { class: "co-account-picker position-relative" }, a8 = { class: "co-label co-label--sm co-mb-4 d-block" }, n8 = ["id"], o8 = ["id", "disabled"], r8 = {
+}), o4 = /* @__PURE__ */ xe(e8, [["__scopeId", "data-v-86825e4f"]]), t8 = { class: "co-account-picker position-relative" }, a8 = { class: "co-label co-label--sm co-mb-4 d-block" }, n8 = ["id"], o8 = ["id", "disabled"], r8 = {
   key: 1,
   class: "d-flex align-items-center gap-2"
 }, s8 = { class: "co-text-muted co-text-primary-50 small" }, i8 = {