eco-vue-js 0.3.67

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

@@ -0,0 +1,43 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createCommentVNode } from 'vue';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+
+const _hoisted_1 = { class: "border-r border-solid border-gray-300 dark:border-gray-700 last:border-r-0" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = { class: "whitespace-nowrap font-normal text-base sm-not:hidden" };
+const _hoisted_4 = { class: "whitespace-nowrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WButtonSelectionAction",
+  props: {
+    title: {},
+    icon: {},
+    disableMessage: {},
+    active: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("button", {
+          disabled: _ctx.disableMessage !== void 0,
+          class: normalizeClass(["relative h-9 flex gap-2 px-5 sm:px-[1.125rem] items-center select-none cursor-pointer no-underline outline-none border-none bg-none disabled:text-description disabled:cursor-not-allowed", {
+            "w-ripple w-ripple-hover before:text-primary-default dark:before:text-primary-dark hover:text-primary-default dark:hover:text-primary-dark": !_ctx.disableMessage,
+            "text-primary-default dark:text-primary-dark": _ctx.active,
+            "text-accent": !_ctx.active
+          }]),
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon))),
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.title), 1)
+        ], 10, _hoisted_2),
+        _ctx.disableMessage ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, toDisplayString(_ctx.disableMessage), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/components/Button/models/semanticTypeStylesMap.d.ts

@@ -0,0 +1,5 @@
+import { SemanticType } from '../../../utils/SemanticType';
+export declare const semanticTypeButtonStylesMap: Record<SemanticType, string>;
+export declare const semanticTypeIconStylesMap: Record<SemanticType, string>;
+export declare const semanticTypeTextStylesMap: Record<SemanticType, string>;
+//# sourceMappingURL=semanticTypeStylesMap.d.ts.map

package/dist/components/Button/models/semanticTypeStylesMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTypeStylesMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/models/semanticTypeStylesMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOpE,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGlE,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOlE,CAAA"}

package/dist/components/Button/models/semanticTypeStylesMap.js

@@ -0,0 +1,24 @@
+import { SemanticType } from '../../../utils/SemanticType.js';
+
+const semanticTypeButtonStylesMap = {
+  [SemanticType.PRIMARY]: "bg-primary-default dark:bg-primary-dark text-secondary-default w-ripple-opacity-20 dark:w-ripple-opacity-30",
+  [SemanticType.SECONDARY]: "bg-secondary-default dark:bg-default-dark text-accent border border-solid border-gray-300 dark:border-gray-700 dark:w-ripple-opacity-30",
+  [SemanticType.NEGARIVE]: "bg-negative dark:bg-negative-dark text-secondary-default dark:text-default-dark w-ripple-opacity-20 dark:w-ripple-opacity-30",
+  [SemanticType.POSITIVE]: "bg-positive dark:bg-positive-dark text-secondary-default dark:text-default-dark w-ripple-opacity-20 dark:w-ripple-opacity-30",
+  [SemanticType.WARNING]: "bg-warning dark:bg-warning-dark text-black-default dark:text-default-dark dark:w-ripple-opacity-30",
+  [SemanticType.INFO]: "bg-info dark:bg-info-dark text-secondary-default dark:text-default-dark w-ripple-opacity-20 dark:w-ripple-opacity-30"
+};
+const semanticTypeIconStylesMap = {
+  ...semanticTypeButtonStylesMap,
+  [SemanticType.SECONDARY]: "bg-gray-400 dark:bg-gray-500 text-secondary-default"
+};
+const semanticTypeTextStylesMap = {
+  [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+  [SemanticType.SECONDARY]: "text-description",
+  [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
+  [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
+  [SemanticType.WARNING]: "text-warning dark:text-warning-dark",
+  [SemanticType.INFO]: "text-info dark:text-info-dark"
+};
+
+export { semanticTypeButtonStylesMap, semanticTypeIconStylesMap, semanticTypeTextStylesMap };

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

@@ -0,0 +1,72 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    radio: {
+        type: import("vue").PropType<boolean>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    intermediate: {
+        type: import("vue").PropType<boolean>;
+    };
+    tooltipText: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean | null>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<SVGComponent>;
+    };
+    radio: {
+        type: import("vue").PropType<boolean>;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    intermediate: {
+        type: import("vue").PropType<boolean>;
+    };
+    tooltipText: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WCheckbox.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkPA,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/Checkbox/WCheckbox.vue.js

@@ -0,0 +1,113 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, createVNode, Transition, withCtx, withDirectives, vShow, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
+import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
+import WSpinner from '../Spinner/WSpinner.vue.js';
+
+const _hoisted_1 = ["onKeypress"];
+const _hoisted_2 = {
+  key: 0,
+  class: "font-normal text-base text-accent flex items-center gap-1"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WCheckbox",
+  props: {
+    modelValue: { type: [Boolean, null] },
+    title: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    icon: {},
+    radio: { type: Boolean },
+    loading: { type: Boolean },
+    intermediate: { type: Boolean },
+    tooltipText: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const element = ref();
+    const value = computed({
+      get: () => props.modelValue,
+      set: (value2) => emit("update:modelValue", value2 === true)
+    });
+    const toggle = () => {
+      if (props.disabled || props.readonly || props.loading)
+        return;
+      value.value = !value.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "element",
+        ref: element,
+        class: normalizeClass(["flex gap-2 cursor-pointer select-none outline-none w-ripple-trigger w-hover-circle-trigger items-center w-hover-circle-opacity-[0.08]", {
+          "cursor-progress": _ctx.loading,
+          "cursor-not-allowed opacity-70": _ctx.disabled,
+          "pt-1 pb-4": _ctx.title
+        }]),
+        onClick: toggle
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["relative flex justify-center items-center square-6 border border-solid isolate bg-default dark:bg-default-dark", {
+            "text-default dark:text-default-dark": value.value && !_ctx.disabled,
+            "text-primary-default dark:text-primary-dark": !value.value && !_ctx.disabled,
+            "text-gray-300 dark:text-gray-700": !value.value && _ctx.disabled,
+            "w-ripple w-hover-circle before:text-accent after:text-accent": !_ctx.disabled && !_ctx.readonly,
+            "rounded-full": _ctx.radio,
+            "rounded-md": !_ctx.radio,
+            "border-gray-300 dark:border-gray-700": _ctx.disabled,
+            "border-primary-default dark:border-primary-dark": !_ctx.disabled
+          }]),
+          onKeypress: withKeys(withModifiers(toggle, ["stop", "prevent"]), ["enter"])
+        }, [
+          createVNode(Transition, {
+            "enter-active-class": "transition-[opacity,transform]",
+            "leave-active-class": "transition-[opacity,transform]",
+            "enter-from-class": _ctx.radio ? "opacity-0 scale-[0.25!important]" : "opacity-0 scale-[0.50!important]",
+            "leave-to-class": _ctx.radio ? "opacity-0 scale-[0.25!important]" : "opacity-0 scale-[0.50!important]"
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(["absolute square-full -z-10 transition-[opacity,transform]", {
+                  "scale-[0.33] rounded-full": _ctx.radio && _ctx.intermediate && value.value === null,
+                  "scale-[0.66] rounded": !_ctx.radio && _ctx.intermediate && value.value === null,
+                  "scale-[0.66] rounded-full": _ctx.radio && !(_ctx.intermediate && value.value === null),
+                  "rounded": !_ctx.radio && !(_ctx.intermediate && value.value === null),
+                  "bg-primary-default dark:bg-primary-dark": !_ctx.disabled,
+                  "bg-gray-300 dark:bg-gray-700": _ctx.disabled
+                }])
+              }, null, 2), [
+                [vShow, value.value !== false]
+              ])
+            ]),
+            _: 1
+          }, 8, ["enter-from-class", "leave-to-class"]),
+          _ctx.loading ? (openBlock(), createBlock(WSpinner, {
+            key: 0,
+            class: "w-spinner-size-4"
+          })) : _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            key: 1,
+            class: "square-4"
+          })) : !_ctx.radio ? withDirectives((openBlock(), createBlock(unref(IconCheck), {
+            key: 2,
+            class: "square-4"
+          }, null, 512)), [
+            [vShow, value.value]
+          ]) : createCommentVNode("", true),
+          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 3,
+            text: _ctx.tooltipText,
+            trigger: element.value,
+            "no-touch": "",
+            class: "pointer-events-none"
+          }, null, 8, ["text", "trigger"])) : createCommentVNode("", true)
+        ], 42, _hoisted_1),
+        _ctx.$slots.default?.().length || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/components/Chip/WChip.vue.d.ts

@@ -0,0 +1,31 @@
+import { SemanticType } from '../../utils/SemanticType';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+    };
+    semanticType: {
+        type: import("vue").PropType<SemanticType>;
+    };
+    skeleton: {
+        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<{
+    text: {
+        type: import("vue").PropType<string>;
+    };
+    semanticType: {
+        type: import("vue").PropType<SemanticType>;
+    };
+    skeleton: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WChip.vue.d.ts.map

package/dist/components/Chip/WChip.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WChip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/WChip.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwGjD,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/Chip/WChip.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, openBlock, createBlock, createElementBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { SemanticType } from '../../utils/SemanticType.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WChip",
+  props: {
+    text: {},
+    semanticType: {},
+    skeleton: { type: Boolean }
+  },
+  setup(__props) {
+    const classMap = {
+      [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
+      [SemanticType.SECONDARY]: "text-description",
+      [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
+      [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
+      [SemanticType.WARNING]: "text-warning dark:text-warning-dark",
+      [SemanticType.INFO]: "text-info dark:text-info-dark"
+    };
+    return (_ctx, _cache) => {
+      return _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+        key: 0,
+        class: "h-5 max-w-28"
+      })) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["text-xs font-semibold bg-gray-100 dark:bg-gray-800 rounded-md w-min px-2 py-0.5", classMap[_ctx.semanticType ?? unref(SemanticType).SECONDARY]])
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.text), 1)
+        ])
+      ], 2));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Chip/WChip.vue2.js

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

package/dist/components/ClickOutside/WClickOutside.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: (() => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WClickOutside.vue.d.ts.map

package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map

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

package/dist/components/ClickOutside/WClickOutside.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, renderSlot } from 'vue';
+import { isClientSide, hasParent } from '../../utils/utils.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WClickOutside",
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const element = ref();
+    const clickListener = (event) => {
+      if (element.value && event.target instanceof Element && !hasParent(element.value, event.target))
+        emit("click");
+    };
+    onMounted(() => {
+      if (!isClientSide)
+        return;
+      setTimeout(() => {
+        document.addEventListener("click", clickListener);
+      });
+    });
+    onBeforeUnmount(() => {
+      if (!isClientSide)
+        return;
+      document.removeEventListener("click", clickListener);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "element",
+        ref: element
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/ClickOutside/WClickOutside.vue2.js

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

package/dist/components/Counter/WCounter.vue.d.ts

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

package/dist/components/Counter/WCounter.vue.d.ts.map

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

package/dist/components/Counter/WCounter.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, ref, watch, toRef, openBlock, createElementBlock, normalizeClass, toDisplayString, unref } from 'vue';
+import { numberCompactFormatter } from '../../utils/utils.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WCounter",
+  props: {
+    count: {},
+    trigger: { default: 2 },
+    small: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const isShake = ref(false);
+    let timeout = null;
+    watch(toRef(props, "count"), (value) => {
+      if (value >= props.trigger) {
+        isShake.value = true;
+        if (timeout)
+          clearTimeout(timeout);
+        timeout = setTimeout(() => {
+          isShake.value = false;
+          timeout = null;
+        }, 600);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["px-1 bg-negative dark:bg-negative-dark text-default text-xs font-medium flex items-center justify-center", {
+          "animate-shake": isShake.value,
+          "h-4 min-w-[1rem] rounded-lg": _ctx.small,
+          "h-5 min-w-[1.25rem] rounded-[0.625rem]": !_ctx.small
+        }])
+      }, toDisplayString(unref(numberCompactFormatter).format(_ctx.count)), 3);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Counter/WCounter.vue2.js

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

package/dist/components/DatePicker/WDatePicker.vue.d.ts

@@ -0,0 +1,18 @@
+import type { DateRange } from './models/types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<DateRange | undefined>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange | undefined) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<DateRange | undefined>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: DateRange | undefined) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=WDatePicker.vue.d.ts.map

package/dist/components/DatePicker/WDatePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;AAgR7C,wBAAkD"}

package/dist/components/DatePicker/WDatePicker.vue.js

@@ -0,0 +1,131 @@
+import { defineComponent, ref, computed, watch, toRef, openBlock, createElementBlock, createElementVNode, createVNode, normalizeStyle, unref, Transition, withCtx, createBlock } from 'vue';
+import { getStartOfMonth, getStartOfWeek, addDay, monthShortFormatter, addMonth, addYear } from '../../utils/dateTime.js';
+import _sfc_main$3 from './components/CalendarMonth.vue.js';
+import _sfc_main$2 from './components/CalendarToggle.vue.js';
+import _sfc_main$1 from './components/CalendarValue.vue.js';
+
+const _hoisted_1 = { class: "grid grid-cols-2 gap-8 mb-4" };
+const _hoisted_2 = { class: "grid grid-cols-2 gap-8 px-3 pb-4" };
+const _hoisted_3 = { class: "relative" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WDatePicker",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const currentDate = ref(getStartOfMonth());
+    const dateRange = ref(props.modelValue);
+    const preselectedValue = ref(null);
+    const isDirect = ref(false);
+    const year = computed(() => currentDate.value.getFullYear());
+    const setCurrentDate = (value) => {
+      isDirect.value = value > currentDate.value;
+      currentDate.value = value;
+    };
+    const onClickDay = (value) => {
+      if (!preselectedValue.value) {
+        preselectedValue.value = value;
+        setRange(value);
+      } else {
+        setRange(value);
+        preselectedValue.value = null;
+        emit("update:modelValue", dateRange.value);
+        dateRange.value = void 0;
+      }
+    };
+    const setRange = (value) => {
+      if (!preselectedValue.value) {
+        dateRange.value = {
+          from: new Date(value),
+          to: new Date(value)
+        };
+        return;
+      }
+      if (value > preselectedValue.value) {
+        dateRange.value = {
+          from: new Date(preselectedValue.value),
+          to: new Date(value)
+        };
+      } else {
+        dateRange.value = {
+          from: new Date(value),
+          to: new Date(preselectedValue.value)
+        };
+      }
+    };
+    const firstDay = computed(() => getStartOfWeek(currentDate.value));
+    const lastDay = computed(() => addDay(firstDay.value, 41));
+    const isSameCalendarPage = (value) => {
+      return value >= firstDay.value && value <= lastDay.value;
+    };
+    watch(toRef(props, "modelValue"), (modelValue) => {
+      dateRange.value = modelValue;
+      if (!modelValue)
+        return;
+      if (!isSameCalendarPage(modelValue.from) && !isSameCalendarPage(modelValue.to)) {
+        setCurrentDate(getStartOfMonth(modelValue.from));
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_sfc_main$1, {
+            title: "From:",
+            value: dateRange.value?.from,
+            "current-date": currentDate.value,
+            "auto-focus": "",
+            "onUpdate:currentDate": setCurrentDate
+          }, null, 8, ["value", "current-date"]),
+          createVNode(_sfc_main$1, {
+            title: "To:",
+            value: dateRange.value?.to,
+            "current-date": currentDate.value,
+            "onUpdate:currentDate": setCurrentDate
+          }, null, 8, ["value", "current-date"])
+        ]),
+        createElementVNode("div", {
+          class: "bg-default dark:bg-default-dark border border-solid border-gray-300 dark:border-gray-700 rounded-xl py-3 overflow-hidden",
+          style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_sfc_main$2, {
+              text: unref(monthShortFormatter).format(currentDate.value).toLocaleUpperCase(),
+              "onClick:previous": _cache[0] || (_cache[0] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, -1))),
+              "onClick:next": _cache[1] || (_cache[1] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, 1)))
+            }, null, 8, ["text"]),
+            createVNode(_sfc_main$2, {
+              text: year.value.toString(),
+              "onClick:previous": _cache[2] || (_cache[2] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, -1))),
+              "onClick:next": _cache[3] || (_cache[3] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, 1)))
+            }, null, 8, ["text"])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(Transition, {
+              "enter-active-class": "transition-transform duration-[250ms] w-full",
+              "leave-active-class": "transition-transform duration-[250ms] w-full absolute top-0",
+              "enter-from-class": "translate-x-[calc(100%*var(--direction-factor))]",
+              "leave-to-class": "translate-x-[calc(100%*var(--direction-factor)*-1)]"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(_sfc_main$3, {
+                  key: currentDate.value.toISOString(),
+                  "start-of-month": currentDate.value,
+                  "date-range": dateRange.value,
+                  "is-hover-enabled": preselectedValue.value !== null,
+                  class: "px-3",
+                  "onClick:day": onClickDay,
+                  "onHover:day": setRange
+                }, null, 8, ["start-of-month", "date-range", "is-hover-enabled"]))
+              ]),
+              _: 1
+            })
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };