eco-vue-js 0.3.67

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

@@ -0,0 +1,64 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, withDirectives, vShow, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from 'vue';
+import { RouterLink } from 'vue-router';
+import _sfc_main$1 from '../Counter/WCounter.vue.js';
+import './WButton.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import '../../utils/Modal.js';
+import '../Link/WLink.vue.js';
+
+const _hoisted_1 = { class: "font-normal text-center text-base md:text-base text-[10px] whitespace-nowrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonAction",
+  props: {
+    icon: { default: void 0 },
+    title: {},
+    active: { type: Boolean },
+    tag: { default: "button" },
+    to: { default: void 0 },
+    count: { default: void 0 },
+    semanticType: { default: SemanticType.SECONDARY }
+  },
+  emits: ["click"],
+  setup(__props) {
+    const semanticTypeStylesMap = {
+      [SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark hover:text-primary-default dark:hover:text-primary-dark",
+      [SemanticType.PRIMARY]: "text-default dark:text-default-dark bg-primary-default dark:bg-primary-dark",
+      [SemanticType.POSITIVE]: "text-default dark:text-default-dark bg-positive dark:bg-positive-dark",
+      [SemanticType.WARNING]: "text-default dark:text-default-dark bg-warning dark:bg-warning-dark",
+      [SemanticType.NEGARIVE]: "text-default dark:text-default-dark bg-negative dark:bg-negative-dark",
+      [SemanticType.INFO]: "text-default dark:text-default-dark bg-info dark:bg-info-dark"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 ? { to: _ctx.to } : void 0, {
+        class: ["relative flex flex-col md:gap-2 p-2 items-center w-full select-none cursor-pointer no-underline outline-none border-none w-ripple w-ripple-hover", {
+          "text-primary-default dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
+          [semanticTypeStylesMap[_ctx.semanticType]]: true
+        }],
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }), {
+        default: withCtx(() => [
+          _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            class: "absolute top-0 left-[calc(50%-20px)]",
+            count: _ctx.count,
+            trigger: 1
+          }, null, 8, ["count"])), [
+            [vShow, _ctx.count > 0]
+          ]) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+              key: 0,
+              class: "square-8"
+            })) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1)
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonAction.vue2.js

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

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

@@ -0,0 +1,13 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=WButtonCopy.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonCopy.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonCopy.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA0JA,wBAAkD"}

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

@@ -0,0 +1,67 @@
+import { defineComponent, ref, openBlock, createElementBlock, createBlock, unref, createVNode } from 'vue';
+import IconCopy from '../../assets/icons/sax/IconCopy.svg.js';
+import IconCopySuccess from '../../assets/icons/sax/IconCopySuccess.svg.js';
+import { Notify } from '../../utils/Notify.js';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonCopy",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const copied = ref(false);
+    let timeout;
+    const checkPermission = async () => {
+      const result = await navigator.permissions.query({ name: "clipboard-write" });
+      return result.state === "granted" || result.state === "prompt";
+    };
+    const doCopy = async () => {
+      if (!await checkPermission()) {
+        Notify.error({
+          title: "Copy failed",
+          caption: "Writing to clipboard is not permitted"
+        });
+        return;
+      }
+      navigator.clipboard.writeText(props.value).then(() => {
+        copied.value = true;
+        Notify.success({
+          title: "Copied"
+        });
+        if (timeout)
+          clearTimeout(timeout);
+        timeout = setTimeout(() => {
+          timeout = void 0;
+          copied.value = false;
+        }, 500);
+      }).catch(() => {
+        Notify.error({
+          title: "Copy failed"
+        });
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "relative inline-block text-description square-5 cursor-pointer select-none w-hover-circle",
+        onClick: _cache[0] || (_cache[0] = ($event) => doCopy())
+      }, [
+        copied.value ? (openBlock(), createBlock(unref(IconCopySuccess), {
+          key: 0,
+          class: "-mt-[1px] text-primary-default dark:text-primary-dark"
+        })) : (openBlock(), createBlock(unref(IconCopy), {
+          key: 1,
+          class: "-mt-[1px]"
+        })),
+        createVNode(_sfc_main$1, {
+          class: "pointer-events-none",
+          text: "Copy",
+          "no-touch": ""
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonCopy.vue2.js

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

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

@@ -0,0 +1,78 @@
+import { SemanticType } from '../../utils/SemanticType';
+declare const _default: <Model extends string | number | boolean | null>(__VLS_props: {
+    modelValue: Model;
+    title?: string | undefined;
+    list: Model[];
+    disabled?: boolean | undefined;
+    loading?: string | number | undefined;
+    minimize?: boolean | undefined;
+    wrap?: boolean | undefined;
+    semanticType?: SemanticType | undefined;
+    stretch?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        modelValue: Model;
+        title?: string | undefined;
+        list: Model[];
+        disabled?: boolean | undefined;
+        loading?: string | number | undefined;
+        minimize?: boolean | undefined;
+        wrap?: boolean | undefined;
+        semanticType?: SemanticType | undefined;
+        stretch?: boolean | undefined;
+    };
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            item: Model;
+        }): any;
+    };
+    emit: (e: 'update:modelValue', value: Model) => void;
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        modelValue: Model;
+        title?: string | undefined;
+        list: Model[];
+        disabled?: boolean | undefined;
+        loading?: string | number | undefined;
+        minimize?: boolean | undefined;
+        wrap?: boolean | undefined;
+        semanticType?: SemanticType | undefined;
+        stretch?: boolean | undefined;
+    };
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            item: Model;
+        }): any;
+    };
+    emit: (e: 'update:modelValue', value: Model) => void;
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            modelValue: Model;
+            title?: string | undefined;
+            list: Model[];
+            disabled?: boolean | undefined;
+            loading?: string | number | undefined;
+            minimize?: boolean | undefined;
+            wrap?: boolean | undefined;
+            semanticType?: SemanticType | undefined;
+            stretch?: boolean | undefined;
+        };
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: {
+            default?(_: {
+                item: Model;
+            }): any;
+        };
+        emit: (e: 'update:modelValue', value: Model) => void;
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WButtonGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonGroup.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;yBAiKV,IAAI;WACpC,GAAG;;;;YA9BoB,GAAG;;cAyB3B,mBAAmB,mBAAiB,IAAI;;;;;;;;;;;;;yBAIP,IAAI;WACpC,GAAG;;;;YA9BoB,GAAG;;cAyB3B,mBAAmB,mBAAiB,IAAI;;;;;;;;;;;;;;;;6BAIP,IAAI;eACpC,GAAG;;;;gBA9BoB,GAAG;;kBAyB3B,mBAAmB,mBAAiB,IAAI;;;AA3J9C,wBAoKkE"}

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

@@ -0,0 +1,59 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, unref, withCtx, renderSlot } from 'vue';
+import _sfc_main$1 from './WButton.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonGroup",
+  props: {
+    modelValue: {},
+    title: {},
+    list: {},
+    disabled: { type: Boolean },
+    loading: {},
+    minimize: { type: Boolean },
+    wrap: { type: Boolean },
+    semanticType: {},
+    stretch: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _ctx.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["text-xs font-semibold text-accent mb-2", { "opacity-60": _ctx.disabled }])
+        }, toDisplayString(_ctx.title), 3)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["flex px-px", {
+            "flex-wrap gap-2": _ctx.wrap
+          }])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: index,
+              "semantic-type": item === _ctx.modelValue ? _ctx.semanticType ?? unref(SemanticType).PRIMARY : unref(SemanticType).SECONDARY,
+              loading: item === _ctx.loading,
+              disabled: _ctx.disabled || _ctx.loading !== void 0 && item !== _ctx.loading,
+              minimize: _ctx.minimize,
+              class: normalizeClass(_ctx.wrap ? [
+                item !== _ctx.modelValue && "-mx-px"
+              ] : [
+                index !== _ctx.list.length - 1 ? "rounded-r-none border-r-0" : item !== _ctx.modelValue && "-mr-px",
+                index !== 0 ? "rounded-l-none border-l-0" : item !== _ctx.modelValue && "-ml-px",
+                _ctx.stretch ? "flex-1" : void 0
+              ]),
+              onClick: ($event) => item !== _ctx.modelValue && _ctx.$emit("update:modelValue", item)
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", { item })
+              ]),
+              _: 2
+            }, 1032, ["semantic-type", "loading", "disabled", "minimize", "class", "onClick"]);
+          }), 128))
+        ], 2)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonGroup.vue2.js

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

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

@@ -0,0 +1,18 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WButtonMore.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue.ts"],"names":[],"mappings":";;;;;;;;;;;AA4KA,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,70 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, renderSlot } from 'vue';
+import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
+import IconMore from '../../assets/icons/default/IconMore.svg.js';
+import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
+
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonMore",
+  props: {
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const isOpen = ref(false);
+    const toggle = () => {
+      if (props.disabled)
+        return;
+      isOpen.value = !isOpen.value;
+    };
+    const close = () => {
+      isOpen.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        disabled: _ctx.disabled,
+        class: normalizeClass([{
+          "w-hover-circle-trigger cursor-pointer": !_ctx.disabled,
+          "cursor-not-allowed opacity-50": _ctx.disabled
+        }, "outline-none"]),
+        onClick: toggle
+      }, [
+        createVNode(_sfc_main$1, {
+          "is-open": isOpen.value,
+          "max-height": 210,
+          "max-width": 160,
+          "horizontal-align": unref(HorizontalAlign).LEFT_INNER,
+          "update-align": false,
+          teleport: ""
+        }, {
+          toggle: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["relative rounded-full square-6 sm-not:square-5 sm-not:my-0.5 flex items-center justify-center outline-none", {
+                "w-hover-circle": !_ctx.disabled,
+                "text-description": !isOpen.value,
+                "text-primary-default dark:text-primary-dark": isOpen.value
+              }])
+            }, [
+              createVNode(unref(IconMore), { class: "rotate-90" })
+            ], 2)
+          ]),
+          content: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              class: "-mr-[1.375rem] sm-not:-mr-6 bg-default dark:bg-default-dark rounded-xl shadow-md my-4 overflow-hidden dark:border dark:border-solid dark:border-gray-800",
+              onClick: close
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["is-open", "horizontal-align"])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonMore.vue2.js

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

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

@@ -0,0 +1,51 @@
+import type { RouteLocationRaw } from 'vue-router';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    download: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    download: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {}, {}>, {
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WButtonMoreItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonMoreItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMoreItem.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGhD,wBAA8G;AAI9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../MenuItem/WMenuItem.vue.js';
+
+const _hoisted_1 = { class: "min-w-[5rem] flex-1 text-start" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonMoreItem",
+  props: {
+    to: {},
+    text: {},
+    icon: {},
+    disabled: { type: Boolean },
+    href: {},
+    download: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        to: _ctx.to,
+        href: _ctx.href,
+        download: _ctx.download,
+        disabled: _ctx.disabled
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.text), 1),
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["to", "href", "download", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonMoreItem.vue2.js

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

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

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    selectedLength: {
+        type: import("vue").PropType<number>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "clear:selected": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    selectedLength: {
+        type: import("vue").PropType<number>;
+    };
+}>> & {
+    "onClear:selected"?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WButtonSelection.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6KA,wBAA8G;AAiB9G,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -0,0 +1,56 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, Transition, withCtx, toDisplayString, unref, createCommentVNode } from 'vue';
+import { numberFormatter } from '../../utils/utils.js';
+import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
+
+const _hoisted_1 = { class: "flex h-12 pb-3 w-full" };
+const _hoisted_2 = { class: "flex flex-1" };
+const _hoisted_3 = {
+  key: 0,
+  class: "flex gap-3 sm-not:gap-1"
+};
+const _hoisted_4 = { class: "flex items-center font-normal text-base sm-not:text-xs text-description whitespace-nowrap" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "sm-not:hidden" }, "Selected ", -1);
+const _hoisted_6 = { class: "text-primary-default dark:text-primary-dark font-semibold" };
+const _hoisted_7 = { class: "sm-not:text-xs" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonSelection",
+  props: {
+    title: {},
+    selectedLength: {}
+  },
+  emits: ["clear:selected"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity",
+          "leave-active-class": "transition-opacity",
+          "enter-from-class": "opacity-0",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            _ctx.selectedLength ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                _hoisted_5,
+                createElementVNode("span", _hoisted_6, toDisplayString(unref(numberFormatter).format(_ctx.selectedLength)), 1),
+                createElementVNode("span", _hoisted_7, " " + toDisplayString(_ctx.title ?? "item") + toDisplayString(_ctx.selectedLength === 1 ? "" : "s"), 1)
+              ]),
+              createElementVNode("div", {
+                class: "relative text-description sm-not:-px--inner-margin px-[1.125rem] flex items-center cursor-pointer select-none w-ripple w-ripple-hover",
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear:selected"))
+              }, [
+                createVNode(unref(IconCancel))
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Button/WButtonSelection.vue2.js

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

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

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+        required: true;
+    };
+    disableMessage: {
+        type: import("vue").PropType<string>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+        required: true;
+    };
+    disableMessage: {
+        type: import("vue").PropType<string>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    onClick?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=WButtonSelectionAction.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIA,wBAAkD"}