@cooperco/cooper-component-library 0.1.18 → 0.1.20

package/dist/lib/component-lib.js

@@ -2309,7 +2309,7 @@ const W = (t) => {
 ), In = {
   Centered: P(J, {
     root: "overflow-hidden",
-    inner: "h-full mx-auto max-w-[1440]",
+    inner: "h-full mx-auto max-w-[1440px]",
     fullWidthContent: "max-w-full w-full"
   }),
   Hero: P(J, {
@@ -5145,20 +5145,21 @@ const hi = ["innerHTML"], vi = /* @__PURE__ */ F({
     modules: {},
     headline: {},
     isChild: { type: Boolean },
-    iconDefault: { default: "pi-chevron-down" },
-    iconActive: { default: "pi-chevron-up" },
+    iconDefault: {},
+    iconActive: {},
     type: {},
     backgroundColor: {},
     pt: {},
     imageIcon: {},
     isProvider: { type: Boolean, default: !0 },
     loadMoreButtonTitle: {},
+    startOpen: { type: Boolean, default: !1 },
     class: {}
   },
   setup(t) {
-    const e = t, n = T(() => e.type === "List" ? "pi-chevron-down" : "pi-plus-circle"), r = T(() => e.type === "List" ? "pi-chevron-up" : "pi-times-circle"), o = T(
+    const e = t, n = T(() => e.iconDefault ?? e.type === "List" ? "pi-chevron-down" : "pi-plus-circle"), r = T(() => e.iconActive ?? e.type === "List" ? "pi-chevron-up" : "pi-times-circle"), o = T(
       () => P(Cn[e.type], e.pt ?? {})
-    ), { backgroundColor: i, palette: s } = ne(e), l = te(null), a = (d) => {
+    ), { backgroundColor: i, palette: s } = ne(e), l = te(e.startOpen ? 0 : null), a = (d) => {
       l.value = l.value === d ? null : d;
     }, u = te(
       e.modules.length - 1 <= 4 ? e.modules.length - 1 : 4
@@ -5390,7 +5391,7 @@ const hi = ["innerHTML"], vi = /* @__PURE__ */ F({
   setup(t) {
     const e = t, n = T(
       () => P(kn, e.pt ?? {})
-    ), { palette: r } = ne(e), o = te(!1);
+    ), { palette: r } = ne(e), o = te(e.openAccordionIndex === e.itemNumber);
     return (i, s) => {
       var l, a, u, c, d, m;
       return p(), h("div", {
@@ -7444,12 +7445,12 @@ const ml = ["src", "height", "width"], gl = ["src", "height", "width"], lt = /*
       var i, s;
       return y(e) ? y(e) ? (p(), h("iframe", {
         key: 1,
-        class: g("$props.class w-full"),
+        class: g(`${r.$props.class} w-full`),
         src: r.url,
         height: (i = r.thumbnail.media) != null && i.height ? r.thumbnail.media.height : "100%",
         width: (s = r.thumbnail.media) != null && s.width ? r.thumbnail.media.width : "100%",
         allow: "autoplay"
-      }, null, 8, gl)) : $("", !0) : (p(), h("div", {
+      }, null, 10, gl)) : $("", !0) : (p(), h("div", {
         key: 0,
         class: g(`${r.$props.class} relative`),
         onClick: n