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

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

@@ -1,8 +1,8 @@
-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 { 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 { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
 import N from "./CheckboxBtn.vue.js";
-/* empty css                 */
-const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
+import '../../../../../assets/CheckboxBtn.css';/* empty css                 */
+const T = ["id", "data-cy"], j = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -20,14 +20,14 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
     dataCy: { default: "" }
   },
   emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: y }) {
-    const o = a, s = y, l = D(
+  setup(a, { emit: C }) {
+    const o = a, s = C, l = v(
       /* @__PURE__ */ new Map()
     ), r = h(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), x = h(() => o.checkboxData.length), f = h(() => {
+    }), y = 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__ */ v({
     }, 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 === x.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 === y.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__ */ v({
         n.checked && c.push(n);
       }), s("update:modelValue", c), s("checkedGroup", o.groupId);
     };
-    return E(
+    return D(
       () => o.reset,
       (e) => {
         e && m();
@@ -78,9 +78,9 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
       handleChange: i,
       checkboxesData: a.checkboxData
     }, () => [
-      $("div", {
+      E("div", {
         id: a.groupId,
-        class: g(["checkbox-group-container", e.$attrs.class || ""]),
+        class: $(["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__ */ v({
           checkboxesData: a.checkboxData,
           reset: m
         }, () => [
-          a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
+          a.checkboxData ? (g(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (g(), 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),
-            class: g([
+            "container-class": [
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
-            ]),
-            onChange: t[0] || (t[0] = (p) => i(p))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
+            ],
+            onChange: t[0] || (t[0] = (x) => i(x))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "container-class"]))), 128)) : A("", !0)
         ])
       ], 10, T)
     ]);

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as V, createElementBlock as l, openBlock as u, normalizeClass as d, createElementVNode as v, createCommentVNode as $, renderSlot as M, Fragment as P, renderList as E, mergeProps as F, withModifiers as O } from "vue";
 import { Swiper as T } from "swiper";
 import { Zoom as _ } from "swiper/modules";
-/* empty css                                                                             */
+import '../../../../../assets/swiper-zoom.css';import '../../../../../assets/swiper-swiper.css';/* empty css                                                                             */
 /* empty css                                                                                   */
 import { shallowCopyObjectTo as ee } from "@wikicasa-dev/utilities";
 const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "height", "onLoad"], ae = ["id"], re = ["alt"], ce = /* @__PURE__ */ Q({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.9-alpha.37",
+  "version": "2.2.9-alpha.4",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,7 +17,6 @@
       "default": "./dist/index.js"
     },
     "./style": "./dist/assets/tailwind.css",
-    "./css/*": "./dist/assets/*.css",
     "./generic/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts"
@@ -44,8 +43,8 @@
   "peerDependencies": {
     "vue": "^3.5.0",
     "date-fns": "^4.0.0",
-    "@wikicasa-dev/svg-icons": "^1.2.28-alpha.1",
-    "@wikicasa-dev/vue-composables": "0.0.33-alpha.2",
+    "@wikicasa-dev/svg-icons": "^1.2.24",
+    "@wikicasa-dev/vue-composables": "^0.0.29",
     "@wikicasa-dev/types": "^2.4.0",
     "@wikicasa-dev/utilities": "^1.2.0"
   },
@@ -64,8 +63,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.28-alpha.1",
-    "@wikicasa-dev/vue-composables": "0.0.33-alpha.2",
+    "@wikicasa-dev/svg-icons": "1.2.24",
+    "@wikicasa-dev/vue-composables": "0.0.29",
     "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "2.4.6",
     "@wikicasa-dev/utilities": "1.2.0",

package/dist/assets/AccessibleSelect.css

@@ -1 +0,0 @@
-.uikit-select-dropdown.uikit-dropdown-content{--dropdown-border-color: #B4C2F0;--dropdown-max-height: 225px;--dropdown-min-width: unset;--dropdown-margin-top: 10px;margin-top:var(--dropdown-margin-top)}.uikit-select-dropdown.uikit-dropdown-content[data-side=down]{--dropdown-border-top-width: 1px;--dropdown-border-top-left-radius: 12px;--dropdown-border-top-right-radius: 12px;--dropdown-border-bottom-left-radius: 12px;--dropdown-border-bottom-right-radius: 12px}

package/dist/composables/mock.d.ts

@@ -1,25 +0,0 @@
-import { Ref } from 'vue';
-interface KeyboardControllerProps {
-    optionsLength: Ref<number> | number;
-    isDropdownOpen?: Ref<boolean>;
-    disableSpaceHandler?: boolean;
-    activate?: boolean;
-    /**
-     * If true, the listener will be initialized on the document element
-     */
-    global?: boolean;
-    /**
-     * List of keys that will close the dropdown.
-     * For the full list of keys, see
-     * @link https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values
-     * @default "Escape" and "Enter"
-     */
-    closeKeys?: string[];
-}
-export declare const useKeyboardController: (props: KeyboardControllerProps) => {
-    activeIdx: Ref<number, number>;
-    selectedIdx: Ref<number, number>;
-    $reset: () => void;
-    onKeyDownHandler: (e: KeyboardEvent) => void;
-};
-export {};

package/dist/composables/mock.js

@@ -1,49 +0,0 @@
-import { ref as _, onMounted as A, onUnmounted as D, unref as p } from "vue";
-const u = "ArrowUp", a = "ArrowDown", c = "Enter", i = "Escape", v = " ", d = "PageUp", K = "Home", E = "PageDown", m = "End", O = (l) => {
-  const {
-    isDropdownOpen: t,
-    disableSpaceHandler: P,
-    global: f = !0,
-    closeKeys: Y = [i, c]
-  } = l, n = _(-1), o = _(-1), w = l.activate === void 0 ? !0 : l.activate, y = () => {
-    n.value = -1, o.value = -1, t && (t.value = !1);
-  }, k = (e) => {
-    t && Y.includes(e) && (t.value = !1);
-  }, r = (e) => {
-    if (!t?.value || ![
-      u,
-      a,
-      c,
-      i,
-      v,
-      d,
-      K,
-      E,
-      m
-    ].includes(e.key))
-      return;
-    const s = p(l.optionsLength);
-    if ([u, a, d, E].includes(e.key) && e.preventDefault(), e.key === u)
-      n.value = n.value === 0 ? s - 1 : n.value - 1;
-    else if (e.key === a)
-      n.value = (n.value + 1) % s;
-    else if (e.key === c || e.key === v) {
-      if (e.key === v && P) return;
-      o.value = n.value, k(e.key);
-    } else e.key === i ? (n.value = o.value, k(e.key)) : e.key === d || e.key === K ? n.value = 0 : (e.key === E || e.key === m) && (n.value = s - 1);
-    e.stopPropagation();
-  };
-  return w ? (A(() => {
-    !document || !f || document.addEventListener("keydown", r);
-  }), D(() => {
-    !document || !f || document.removeEventListener("keydown", r);
-  }), {
-    activeIdx: n,
-    selectedIdx: o,
-    onKeyDownHandler: r,
-    $reset: y
-  }) : { activeIdx: n, selectedIdx: o, $reset: y, onKeyDownHandler: r };
-};
-export {
-  O as useKeyboardController
-};