eco-vue-js 0.10.43 → 0.10.45

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts

@@ -12,21 +12,15 @@ declare function __VLS_template(): {
         }): any;
         content?(_: {}): any;
     };
-    refs: {
-        backdrop: HTMLDivElement;
-        content: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
+    refs: {};
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    backdrop: HTMLDivElement;
-    content: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AA6DA;AA+HA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAwDF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;;;YAdtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;;;;EAiBhC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAiCA;AA2DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/BottomSheet/WBottomSheet.vue.js

@@ -1,100 +1,44 @@
-import { defineComponent, inject, useTemplateRef, ref, watch, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, unref, createElementVNode, normalizeClass } from 'vue';
-import { wBaseZIndex, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
+import { defineComponent, inject, createElementBlock, openBlock, Fragment, renderSlot, createBlock, Teleport, createVNode, normalizeStyle, unref, withCtx, createElementVNode } from 'vue';
+import _sfc_main$1 from '../Dismissable/WDismissable.vue.js';
+import { wBaseZIndex, BASE_ZINDEX_BOTTOM_SHEET } from '../../utils/utils.js';
 
-const _hoisted_1 = {
-  ref: "content",
-  class: "height-[90%] bg-default dark:bg-default-dark relative grid snap-end grid-cols-[1fr] grid-rows-[auto,1fr] rounded-t-3xl shadow-md"
-};
-const _hoisted_2 = { class: "px-3" };
-const _hoisted_3 = { class: "flex h-9 items-center justify-center" };
-const _hoisted_4 = { class: "overflow-y-auto overflow-x-hidden overscroll-contain" };
+const _hoisted_1 = { class: "px-3" };
+const _hoisted_2 = { class: "overflow-y-auto overflow-x-hidden overscroll-contain" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WBottomSheet",
   props: {
     isOpen: { type: Boolean }
   },
   emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props) {
     const baseZIndex = inject(wBaseZIndex, 0);
-    const backdropRef = useTemplateRef("backdrop");
-    const contentRef = useTemplateRef("content");
-    const swipeStarted = ref(false);
-    const hide = () => {
-      backdropRef.value?.scrollIntoView({ behavior: "smooth", block: "start" });
-    };
-    const show = () => {
-      contentRef.value?.scrollIntoView({ behavior: "smooth", block: "end" });
-    };
-    const observerCb = (entries) => {
-      entries.forEach((entry) => {
-        if (entry.target === backdropRef.value && entry.isIntersecting) {
-          emit("close");
-        }
-      });
-    };
-    const observer = new IntersectionObserver(observerCb, {
-      root: null,
-      threshold: 0.9
-    });
-    let timeout;
-    watch(backdropRef, (value, oldValue) => {
-      if (oldValue) observer.unobserve(oldValue);
-      if (value) {
-        if (timeout) clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          observer.observe(value);
-        }, 500);
-      }
-    });
-    onBeforeUnmount(() => {
-      observer.disconnect();
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock(Fragment, null, [
         renderSlot(_ctx.$slots, "toggle", { unclickable: true }),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          createVNode(Transition, {
-            "enter-active-class": "transition-opacity",
-            "leave-active-class": "transition-opacity",
-            "enter-from-class": "opacity-0",
-            "leave-to-class": "opacity-0",
-            onAfterEnter: show
+          createVNode(_sfc_main$1, {
+            "is-open": _ctx.isOpen,
+            class: "bg-primary-light/40 dark:bg-primary-darkest/40 fixed inset-0 backdrop-blur",
+            "content-class": "bg-default dark:bg-default-dark grid-cols-[1fr] grid-rows-[auto,1fr] height-[90%] rounded-t-3xl shadow-md relative grid",
+            style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_BOTTOM_SHEET) }),
+            onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _ctx.isOpen ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "bg-primary-light dark:bg-primary-darkest no-scrollbar fixed left-0 top-0 size-full snap-y snap-mandatory snap-always overflow-scroll overflow-y-auto overscroll-contain scroll-smooth bg-opacity-40 backdrop-blur dark:bg-opacity-40",
-                style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) })
-              }, [
-                createElementVNode("div", {
-                  ref: "backdrop",
-                  class: "height-full snap-start",
-                  onClick: hide
-                }, null, 512),
-                createElementVNode("div", _hoisted_1, [
-                  createElementVNode("div", _hoisted_2, [
-                    createElementVNode("div", _hoisted_3, [
-                      createElementVNode("div", {
-                        class: normalizeClass(["h-1 w-12 rounded-sm", {
-                          "bg-gray-300": !swipeStarted.value,
-                          "bg-primary dark:bg-primary-dark": swipeStarted.value
-                        }])
-                      }, null, 2)
-                    ]),
-                    renderSlot(_ctx.$slots, "toggle", { unclickable: false })
-                  ]),
-                  createElementVNode("div", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "content")
-                  ]),
-                  _cache[0] || (_cache[0] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-[inherit]" }, null, -1))
-                ], 512)
-              ], 4)) : createCommentVNode("", true)
+              createElementVNode("div", _hoisted_1, [
+                _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [
+                  createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-gray-300" })
+                ], -1)),
+                renderSlot(_ctx.$slots, "toggle", { unclickable: false })
+              ]),
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "content")
+              ]),
+              _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-[inherit]" }, null, -1))
             ]),
             _: 3
-          })
+          }, 8, ["is-open", "style"])
         ]))
-      ]);
+      ], 64);
     };
   }
 });

package/dist/components/Button/WButton.vue.d.ts

@@ -4,6 +4,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;

package/dist/components/Button/WButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA+DA;AA0GA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AA2CzG,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;eAvNrB,YAvGgB;;;;;6EAsUd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAyEA;AAsHA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AA6CzG,iBAAS,cAAc;WAiKT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;eA/OrB,YAnHU;;;;;6EA0WR,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButton.vue.js

@@ -1,10 +1,12 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeClass, renderSlot, Transition } from 'vue';
+import { defineComponent, createBlock, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
 import { RouterLink } from 'vue-router';
 import _sfc_main$2 from '../Shine/WShine.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 
+const _hoisted_1 = { class: "flex gap-2 px-[--w-button-rounded,1rem] font-medium opacity-0" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WButton",
@@ -20,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     join: { type: Boolean },
     tooltipText: {},
     download: {},
+    skeleton: { type: Boolean },
     to: { default: void 0 }
   },
   emits: ["click"],
@@ -33,7 +36,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("click", event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({
+      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+        key: 0,
+        class: "w-skeleton-rounded-[--w-button-rounded,1rem] w-skeleton-w-max w-skeleton-h-[--w-button-height,2.75rem]"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled ? "a" : unref(RouterLink) : _ctx.tag), mergeProps({ key: 1 }, {
         class: _ctx.$attrs.class,
         style: _ctx.$attrs.style,
         ..._ctx.disabled ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
@@ -81,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.disabled && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["class", "disabled", "download", "type", "onKeypress"]);
+      }, 16, ["class", "disabled", "download", "type", "onKeypress"]));
     };
   }
 });

package/dist/components/Button/WButtonTab.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     title?: string;
     indicator?: boolean;
     side?: boolean;
+    statusIcon?: boolean;
+    showHasValue?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/components/Button/WButtonTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAiIA;AA4JA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAUF,iBAAS,cAAc;WAoMT,OAAO,IAA6B;;;;;;YAXtB,GAAG;;;;;YACF,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonTab.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonTab.vue"],"names":[],"mappings":"AAwIA;AAyKA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AAUF,iBAAS,cAAc;WAmNT,OAAO,IAA6B;;;;;;YAXtB,GAAG;;;;;YACF,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonTab.vue.js

@@ -2,6 +2,7 @@ import { defineComponent, createElementBlock, openBlock, normalizeClass, createC
 import IconCheckCircle from '../../assets/icons/sax/IconCheckCircle.svg.js';
 import IconClose from '../../assets/icons/sax/IconClose.svg.js';
 import IconNegativeInfo from '../../assets/icons/sax/IconNegativeInfo.svg.js';
+import _sfc_main$1 from '../Status/WStatusIcon.vue.js';
 
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
@@ -19,7 +20,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: {},
     title: {},
     indicator: { type: Boolean },
-    side: { type: Boolean }
+    side: { type: Boolean },
+    statusIcon: { type: Boolean },
+    showHasValue: { type: Boolean }
   },
   emits: ["click"],
   setup(__props) {
@@ -29,8 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["w-ripple-trigger grid select-none grid-cols-[auto,1fr] font-semibold outline-none transition-colors duration-500", {
           "text-primary dark:text-primary-dark": !_ctx.hasError && _ctx.active,
           "text-negative dark:text-negative-dark": _ctx.hasError,
-          "text-positive dark:text-positive-dark": !_ctx.active && !_ctx.hasError && _ctx.hasValue,
-          "text-description": !_ctx.active && !_ctx.hasError && !_ctx.hasValue,
+          "text-positive dark:text-positive-dark": !_ctx.active && !_ctx.hasError && _ctx.hasValue && _ctx.showHasValue,
+          "text-description": !_ctx.active && !_ctx.hasError && (!_ctx.showHasValue || !_ctx.hasValue),
           "cursor-not-allowed opacity-50": _ctx.disabled,
           "cursor-pointer": !_ctx.disabled
         }]),
@@ -40,8 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["text-default dark:text-default-dark rounded-full bg-[inherit] bg-opacity-100 p-1 outline transition-[outline-width] duration-500", {
               "bg-negative dark:bg-negative-dark outline-negative/10 dark:outline-negative-dark/10": _ctx.hasError,
-              "bg-positive dark:bg-positive-dark outline-positive/10 dark:outline-positive-dark/10": !_ctx.hasError && _ctx.hasValue,
-              "bg-gray-400 outline-gray-400/10 dark:bg-gray-600 dark:outline-gray-600/10": !_ctx.hasError && !_ctx.hasValue,
+              "bg-positive dark:bg-positive-dark outline-positive/10 dark:outline-positive-dark/10": !_ctx.hasError && _ctx.hasValue && _ctx.showHasValue,
+              "bg-gray-400 outline-gray-400/10 dark:bg-gray-600 dark:outline-gray-600/10": !_ctx.hasError && (!_ctx.showHasValue || !_ctx.hasValue),
               "outline-[1.5rem]": _ctx.active
             }])
           }, [
@@ -88,6 +91,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true),
               createTextVNode(" " + toDisplayString(_ctx.title), 1)
             ], 2),
+            _ctx.statusIcon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              "has-value": _ctx.hasValue,
+              "has-error": _ctx.hasError,
+              class: "sm-not:-mr--inner-margin ml-auto mr-4"
+            }, null, 8, ["has-value", "has-error"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "suffix", normalizeProps(guardReactiveProps({ hasChanges: _ctx.hasChanges, hasError: _ctx.hasError, hasValue: _ctx.hasValue })))
           ], 2)),
           createVNode(Transition, {

package/dist/components/Button/types.d.ts

@@ -15,6 +15,7 @@ export interface ButtonProps extends Partial<LinkProps> {
     join?: boolean;
     tooltipText?: string;
     download?: string;
+    skeleton?: boolean;
 }
 export type ButtonGroupOptionProps<Option> = {
     option: Option;

package/dist/components/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/WCheckbox.vue.js

@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean },
     intermediate: { type: Boolean },
     tooltipText: {},
-    alignTop: { type: Boolean }
+    alignTop: { type: Boolean },
+    noMargin: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "cursor-not-allowed opacity-70": _ctx.disabled,
           "cursor-pointer": !_ctx.disabled && !_ctx.loading && !_ctx.readonly,
           "cursor-auto": _ctx.readonly,
-          "pb-4 pt-1": _ctx.title,
+          "pb-4 pt-1": _ctx.title && !_ctx.noMargin,
           "items-start": _ctx.alignTop,
           "items-center": !_ctx.alignTop
         }],

package/dist/components/Checkbox/WCheckboxGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AA+DA;AAuGA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;yBAQrD,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA8LO,mBAAmB,CAAC;;2MAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBApCgB,GAAG;0BACA,GAAG;;;;YACJ,GAAG;uBACJ,GAAG;;cAxJzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EA6L3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzMzE,wBAyM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WCheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroup.vue"],"names":[],"mappings":"AAuEA;AA+GA,OAAO,KAAK,EAAC,kBAAkB,EAAwB,MAAM,SAAS,CAAA;yBAQrD,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqMO,mBAAmB,CAAC;;2MAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBApCgB,GAAG;0BACA,GAAG;;;;YACJ,GAAG;uBACJ,GAAG;;cA/JzB,oBAAoB,SAAS,KAAK,KAAG,IAAI;EAoM3C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhNzE,wBAgN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Checkbox/WCheckboxGroup.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, createBlock, openBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import _sfc_main$2 from './WCheckbox.vue.js';
 
@@ -11,13 +11,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     optionComponent: {},
     modelValue: {},
     wrap: { type: Boolean },
-    col: { type: Boolean },
     stretch: { type: Boolean },
     allowClear: { type: Boolean },
     iconMap: {},
     titleMap: {},
     tooltipTextMap: {},
     classMap: {},
+    optionClass: {},
     title: {},
     titleIcon: {},
     description: {},
@@ -68,40 +68,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$attrs.class
       }), createSlots({
         field: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$2, mergeProps({
-              key: index,
-              ref_for: true
-            }, {
-              ...props,
-              modelValue: getValue(item) === _ctx.modelValue,
-              title: _ctx.titleMap?.[getValue(item).toString()],
-              tooltipText: _ctx.tooltipTextMap?.[getValue(item).toString()],
-              icon: _ctx.iconMap?.[getValue(item).toString()],
-              loading: _ctx.loading && getValue(item) === loadingItem.value,
-              disabled: _ctx.disabled || _ctx.loading && getValue(item) !== loadingItem.value
-            }, {
-              class: _ctx.classMap?.[getValue(item).toString()],
-              "onUpdate:modelValue": ($event) => updateModelValue(getValue(item))
-            }), createSlots({ _: 2 }, [
-              _ctx.$slots.option || _ctx.optionComponent ? {
-                name: "default",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "option", {
-                    option: item,
-                    selected: getValue(item) === _ctx.modelValue
-                  }, () => [
-                    _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
-                      key: 0,
+          createElementVNode("div", {
+            class: normalizeClass({
+              "flex flex-wrap items-center gap-x-4": _ctx.wrap,
+              "flex items-center gap-x-4 [&>*]:flex-1": _ctx.stretch
+            })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$2, mergeProps({
+                key: index,
+                ref_for: true
+              }, {
+                ...props,
+                modelValue: getValue(item) === _ctx.modelValue,
+                title: _ctx.titleMap?.[getValue(item).toString()],
+                tooltipText: _ctx.tooltipTextMap?.[getValue(item).toString()],
+                icon: _ctx.iconMap?.[getValue(item).toString()],
+                loading: _ctx.loading && getValue(item) === loadingItem.value,
+                disabled: _ctx.disabled || _ctx.loading && getValue(item) !== loadingItem.value
+              }, {
+                class: [_ctx.classMap?.[getValue(item).toString()], _ctx.optionClass],
+                "onUpdate:modelValue": ($event) => updateModelValue(getValue(item))
+              }), createSlots({ _: 2 }, [
+                _ctx.$slots.option || _ctx.optionComponent ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "option", {
                       option: item,
                       selected: getValue(item) === _ctx.modelValue
-                    }, null, 8, ["option", "selected"])) : createCommentVNode("", true)
-                  ])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["class", "onUpdate:modelValue"]);
-          }), 128))
+                    }, () => [
+                      _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                        key: 0,
+                        option: item,
+                        selected: getValue(item) === _ctx.modelValue
+                      }, null, 8, ["option", "selected"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["class", "onUpdate:modelValue"]);
+            }), 128))
+          ], 2)
         ]),
         _: 2
       }, [

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.d.ts

@@ -0,0 +1,31 @@
+import { CheckboxGroupMultipleProps } from './types';
+declare const _default: <Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
+    fn(value: Entity): Model;
+}["fn"] | undefined = undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSelect?: ((value: Model) => any) | undefined;
+        readonly onUnselect?: ((value: Model) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onUnselect"> & CheckboxGroupMultipleProps<Model, Entity, ValueGetter> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        option?(_: {
+            option: ValueGetter extends undefined ? Model : Entity;
+            selected: boolean;
+        }): any;
+        right?(_: {}): any;
+    };
+    emit: {
+        (e: "select", value: Model): void;
+        (e: "unselect", value: Model): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WCheckboxGroupMultiple.vue.d.ts.map

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WCheckboxGroupMultiple.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckboxGroupMultiple.vue"],"names":[],"mappings":"AAyEA;AA8GA,OAAO,KAAK,EAAC,0BAA0B,EAAwB,MAAM,SAAS,CAAA;yBAQ7D,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwMO,mBAAmB,CAAC;;;sNAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBApCgB,GAAG;0BACA,GAAG;;;;YACJ,GAAG;uBACJ,GAAG;;;YAlKzB,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;;EAsMjC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnNzE,wBAmN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.js

@@ -0,0 +1,140 @@
+import { defineComponent, ref, createBlock, openBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, resolveDynamicComponent } from 'vue';
+import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
+import _sfc_main$2 from './WCheckbox.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "WCheckboxGroupMultiple",
+  props: {
+    list: {},
+    valueGetter: { type: Function },
+    optionComponent: {},
+    modelValue: {},
+    wrap: { type: Boolean },
+    stretch: { type: Boolean },
+    iconMap: {},
+    titleMap: {},
+    tooltipTextMap: {},
+    classMap: {},
+    optionClass: {},
+    title: {},
+    titleIcon: {},
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    maxLength: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    mandatory: { type: Boolean },
+    noMargin: { type: Boolean },
+    allowCopy: { type: Boolean },
+    emptyValue: {},
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean },
+    radio: { type: Boolean },
+    loading: { type: Boolean },
+    alignTop: { type: Boolean }
+  },
+  emits: ["select", "unselect"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loadingItem = ref(void 0);
+    const getValue = (item) => {
+      if (props.valueGetter && typeof item === "object") {
+        return props.valueGetter(item);
+      } else {
+        return item;
+      }
+    };
+    const emitUpdateModelValue = (value) => {
+      loadingItem.value = value;
+      if (props.modelValue.includes(value)) emit("unselect", value);
+      else emit("select", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ...props,
+        modelValue: void 0
+      }, {
+        class: _ctx.$attrs.class
+      }), createSlots({
+        field: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass({
+              "flex flex-wrap gap-x-4": _ctx.wrap,
+              "flex gap-x-4 [&>*]:flex-1": _ctx.stretch
+            })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$2, mergeProps({
+                key: index,
+                ref_for: true
+              }, {
+                ...props,
+                modelValue: _ctx.modelValue.includes(getValue(item)),
+                title: _ctx.titleMap?.[getValue(item).toString()],
+                tooltipText: _ctx.tooltipTextMap?.[getValue(item).toString()],
+                icon: _ctx.iconMap?.[getValue(item).toString()],
+                loading: _ctx.loading && getValue(item) === loadingItem.value,
+                disabled: _ctx.disabled || _ctx.loading && getValue(item) !== loadingItem.value
+              }, {
+                class: [_ctx.classMap?.[getValue(item).toString()], _ctx.optionClass],
+                "onUpdate:modelValue": ($event) => emitUpdateModelValue(getValue(item))
+              }), createSlots({ _: 2 }, [
+                _ctx.$slots.option || _ctx.optionComponent ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "option", {
+                      option: item,
+                      selected: _ctx.modelValue.includes(getValue(item))
+                    }, () => [
+                      _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                        key: 0,
+                        option: item,
+                        selected: _ctx.modelValue.includes(getValue(item))
+                      }, null, 8, ["option", "selected"])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["class", "onUpdate:modelValue"]);
+            }), 128))
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WCheckboxGroupMultiple.vue.js';
+
+
+
+export { _sfc_main as default };