@wikicasa-dev/components 2.2.9-alpha.4 → 2.2.9-alpha.41

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, ref as v, computed as h, watch as D, renderSlot as b, createElementVNode as E, normalizeClass as $, createElementBlock as B, createCommentVNode as A, openBlock as g, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
+import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
 import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
 import N from "./CheckboxBtn.vue.js";
 import '../../../../../assets/CheckboxBtn.css';/* empty css                 */
-const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
+const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -20,14 +20,14 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: C }) {
-    const o = a, s = C, l = v(
+  setup(a, { emit: y }) {
+    const o = a, s = y, l = D(
       /* @__PURE__ */ new Map()
     ), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), y = h(() => o.checkboxData.length), f = h(() => {
+    }), x = h(() => o.checkboxData.length), f = h(() => {
       let e = 0;
       return l.value.forEach((t) => {
         t.checked && e++;
@@ -60,7 +60,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
     }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
       if (G(o.checkboxData)) return;
       const t = l.value.get(e.id);
-      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === y.value - 1 && l.value.forEach((n) => {
+      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === x.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
       }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
       const c = [];
@@ -68,7 +68,7 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
         n.checked && c.push(n);
       }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return D(
+    return E(
       () => o.reset,
       (e) => {
         e && m();
@@ -78,9 +78,9 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
       handleChange: i,
       checkboxesData: a.checkboxData
     }, () => [
-      E("div", {
+      $("div", {
         id: a.groupId,
-        class: $(["checkbox-group-container", e.$attrs.class || ""]),
+        class: g(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": a.dataCy
       }, [
         b(e.$slots, "checkbox_elements", {
@@ -89,19 +89,19 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
           checkboxesData: a.checkboxData,
           reset: m
         }, () => [
-          a.checkboxData ? (g(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (g(), K(N, {
+          a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
             id: a.getKey(c),
             key: n,
             "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
             label: c.label,
             inline: a.formCheckInline,
             "model-value": d(c),
-            "container-class": [
+            class: g([
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
-            ],
-            onChange: t[0] || (t[0] = (x) => i(x))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
+            ]),
+            onChange: t[0] || (t[0] = (p) => i(p))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
         ])
       ], 10, T)
     ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.9-alpha.4",
+  "version": "2.2.9-alpha.41",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,6 +17,7 @@
       "default": "./dist/index.js"
     },
     "./style": "./dist/assets/tailwind.css",
+    "./css/*": "./dist/assets/*.css",
     "./generic/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts"
@@ -43,8 +44,8 @@
   "peerDependencies": {
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
-    "@wikicasa-dev/svg-icons": "^1.2.24",
-    "@wikicasa-dev/vue-composables": "^0.0.29",
+    "@wikicasa-dev/svg-icons": "^1.2.28-alpha.1",
+    "@wikicasa-dev/vue-composables": "0.0.33-alpha.2",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -63,8 +64,8 @@
     "@vitejs/plugin-vue": "^6.0.2",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "@wikicasa-dev/svg-icons": "1.2.24",
-    "@wikicasa-dev/vue-composables": "0.0.29",
+    "@wikicasa-dev/svg-icons": "1.2.28-alpha.1",
+    "@wikicasa-dev/vue-composables": "0.0.33-alpha.2",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",