eco-vue-js 0.3.67

package/dist/components/Input/WInputSuggest.vue.d.ts

@@ -0,0 +1,206 @@
+import { HorizontalAlign } from '../../utils/HorizontalAlign';
+declare const _default: <Type extends InputType = "text">(__VLS_props: {
+    modelValue?: (Type extends "number" ? number : string) | undefined;
+    title?: string | undefined;
+    mobileTitle?: string | undefined;
+    description?: string | undefined;
+    loading?: boolean | undefined;
+    maxLength?: number | undefined;
+    allowClear?: boolean | undefined;
+    hideInput?: boolean | undefined;
+    readonly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    persist?: boolean | undefined;
+    size?: number | undefined;
+    errorMessage?: string | undefined;
+    required?: boolean | undefined;
+    hasChanges?: boolean | undefined;
+    icon?: SVGComponent | undefined;
+    teleport?: boolean | undefined;
+    placeholder?: string | undefined;
+    type?: Type | undefined;
+    horizontalAlign?: HorizontalAlign | undefined;
+    contentMaxHeight?: number | undefined;
+    contentMaxWidth?: number | undefined;
+    noMargin?: boolean | undefined;
+    allowPaste?: boolean | undefined;
+    mono?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        modelValue?: (Type extends "number" ? number : string) | undefined;
+        title?: string | undefined;
+        mobileTitle?: string | undefined;
+        description?: string | undefined;
+        loading?: boolean | undefined;
+        maxLength?: number | undefined;
+        allowClear?: boolean | undefined;
+        hideInput?: boolean | undefined;
+        readonly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        skeleton?: boolean | undefined;
+        persist?: boolean | undefined;
+        size?: number | undefined;
+        errorMessage?: string | undefined;
+        required?: boolean | undefined;
+        hasChanges?: boolean | undefined;
+        icon?: SVGComponent | undefined;
+        teleport?: boolean | undefined;
+        placeholder?: string | undefined;
+        type?: Type | undefined;
+        horizontalAlign?: HorizontalAlign | undefined;
+        contentMaxHeight?: number | undefined;
+        contentMaxWidth?: number | undefined;
+        noMargin?: boolean | undefined;
+        allowPaste?: boolean | undefined;
+        mono?: boolean | undefined;
+    };
+    expose(exposed: {
+        focus: () => void;
+        blur: () => void;
+        close: () => void;
+        updateDropdown: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        prefix?: ((props: {
+            unclickable?: boolean;
+        }) => void) | undefined;
+        right?: ((props: Record<string, never>) => void) | undefined;
+        content?: ((props: {
+            scrollingElement?: Element;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:modelValue', event: Type extends "number" ? number : string): void;
+        (e: 'keypress:enter', event: KeyboardEvent): void;
+        (e: 'keypress:up', event: KeyboardEvent): void;
+        (e: 'keypress:down', event: KeyboardEvent): void;
+        (e: 'keypress:delete', event: KeyboardEvent): void;
+        (e: 'open'): void;
+        (e: 'close'): void;
+        (e: 'click:clear'): void;
+        (e: 'focus', value: FocusEvent): void;
+        (e: 'blur', value: FocusEvent): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        modelValue?: (Type extends "number" ? number : string) | undefined;
+        title?: string | undefined;
+        mobileTitle?: string | undefined;
+        description?: string | undefined;
+        loading?: boolean | undefined;
+        maxLength?: number | undefined;
+        allowClear?: boolean | undefined;
+        hideInput?: boolean | undefined;
+        readonly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        skeleton?: boolean | undefined;
+        persist?: boolean | undefined;
+        size?: number | undefined;
+        errorMessage?: string | undefined;
+        required?: boolean | undefined;
+        hasChanges?: boolean | undefined;
+        icon?: SVGComponent | undefined;
+        teleport?: boolean | undefined;
+        placeholder?: string | undefined;
+        type?: Type | undefined;
+        horizontalAlign?: HorizontalAlign | undefined;
+        contentMaxHeight?: number | undefined;
+        contentMaxWidth?: number | undefined;
+        noMargin?: boolean | undefined;
+        allowPaste?: boolean | undefined;
+        mono?: boolean | undefined;
+    };
+    expose(exposed: {
+        focus: () => void;
+        blur: () => void;
+        close: () => void;
+        updateDropdown: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        prefix?: ((props: {
+            unclickable?: boolean;
+        }) => void) | undefined;
+        right?: ((props: Record<string, never>) => void) | undefined;
+        content?: ((props: {
+            scrollingElement?: Element;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'update:modelValue', event: Type extends "number" ? number : string): void;
+        (e: 'keypress:enter', event: KeyboardEvent): void;
+        (e: 'keypress:up', event: KeyboardEvent): void;
+        (e: 'keypress:down', event: KeyboardEvent): void;
+        (e: 'keypress:delete', event: KeyboardEvent): void;
+        (e: 'open'): void;
+        (e: 'close'): void;
+        (e: 'click:clear'): void;
+        (e: 'focus', value: FocusEvent): void;
+        (e: 'blur', value: FocusEvent): void;
+    };
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            modelValue?: (Type extends "number" ? number : string) | undefined;
+            title?: string | undefined;
+            mobileTitle?: string | undefined;
+            description?: string | undefined;
+            loading?: boolean | undefined;
+            maxLength?: number | undefined;
+            allowClear?: boolean | undefined;
+            hideInput?: boolean | undefined;
+            readonly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            skeleton?: boolean | undefined;
+            persist?: boolean | undefined;
+            size?: number | undefined;
+            errorMessage?: string | undefined;
+            required?: boolean | undefined;
+            hasChanges?: boolean | undefined;
+            icon?: SVGComponent | undefined;
+            teleport?: boolean | undefined;
+            placeholder?: string | undefined;
+            type?: Type | undefined;
+            horizontalAlign?: HorizontalAlign | undefined;
+            contentMaxHeight?: number | undefined;
+            contentMaxWidth?: number | undefined;
+            noMargin?: boolean | undefined;
+            allowPaste?: boolean | undefined;
+            mono?: boolean | undefined;
+        };
+        expose(exposed: {
+            focus: () => void;
+            blur: () => void;
+            close: () => void;
+            updateDropdown: () => void;
+        }): void;
+        attrs: any;
+        slots: {
+            prefix?: ((props: {
+                unclickable?: boolean;
+            }) => void) | undefined;
+            right?: ((props: Record<string, never>) => void) | undefined;
+            content?: ((props: {
+                scrollingElement?: Element;
+            }) => void) | undefined;
+        };
+        emit: {
+            (e: 'update:modelValue', event: Type extends "number" ? number : string): void;
+            (e: 'keypress:enter', event: KeyboardEvent): void;
+            (e: 'keypress:up', event: KeyboardEvent): void;
+            (e: 'keypress:down', event: KeyboardEvent): void;
+            (e: 'keypress:delete', event: KeyboardEvent): void;
+            (e: 'open'): void;
+            (e: 'close'): void;
+            (e: 'click:clear'): void;
+            (e: 'focus', value: FocusEvent): void;
+            (e: 'blur', value: FocusEvent): void;
+        };
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WInputSuggest.vue.d.ts.map

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8dhB,IAAI;WACpC,GAAG;;0BA1VS;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;yBACjC,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;2BAC5B;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA0UnD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAIC,IAAI;WACpC,GAAG;;0BA1VS;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;yBACjC,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;2BAC5B;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA0UnD,mBAAmB,mDAAsB,IAAI;YAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAIC,IAAI;eACpC,GAAG;;8BA1VS;gBAAC,WAAW,CAAC,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;6BACjC,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;+BAC5B;gBAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;aAAC,KAAK,IAAI;;;gBA0UnD,mBAAmB,mDAAsB,IAAI;gBAC7C,gBAAgB,SAAS,aAAa,GAAG,IAAI;gBAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;gBAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;gBAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;gBAC9C,MAAM,GAAG,IAAI;gBACb,OAAO,GAAG,IAAI;gBACd,aAAa,GAAG,IAAI;gBACpB,OAAO,SAAS,UAAU,GAAG,IAAI;gBACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;AAvdtC,wBAgekE"}

package/dist/components/Input/WInputSuggest.vue.js

@@ -0,0 +1,191 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, normalizeClass, createSlots, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
+import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
+import _sfc_main$3 from './WInput.vue.js';
+import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
+import { getIsMobile, getIsTouchDevice } from '../../utils/mobile.js';
+import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
+import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WInputSuggest",
+  props: {
+    modelValue: {},
+    title: {},
+    mobileTitle: {},
+    description: {},
+    loading: { type: Boolean },
+    maxLength: {},
+    allowClear: { type: Boolean },
+    hideInput: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    skeleton: { type: Boolean },
+    persist: { type: Boolean },
+    size: {},
+    errorMessage: {},
+    required: { type: Boolean },
+    hasChanges: { type: Boolean },
+    icon: {},
+    teleport: { type: Boolean },
+    placeholder: {},
+    type: {},
+    horizontalAlign: {},
+    contentMaxHeight: {},
+    contentMaxWidth: {},
+    noMargin: { type: Boolean },
+    allowPaste: { type: Boolean },
+    mono: { type: Boolean }
+  },
+  emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "open", "close", "click:clear", "focus", "blur"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const isOpen = ref(false);
+    const dropdownMenu = ref();
+    const input = ref();
+    const isMobile = getIsMobile() || getIsTouchDevice();
+    const content = ref();
+    const isDisabled = computed(() => props.readonly || props.disabled);
+    const open = () => {
+      if (isDisabled.value)
+        return;
+      isOpen.value = true;
+      emit("open");
+    };
+    const close = () => {
+      isOpen.value = false;
+      emit("close");
+    };
+    const focus = () => {
+      if (isMobile)
+        open();
+      input.value?.focus();
+    };
+    const blur = () => {
+      input.value?.blur();
+    };
+    const updateDropdown = () => {
+      dropdownMenu.value?.updateDropdown?.();
+    };
+    __expose({
+      focus,
+      blur,
+      close,
+      updateDropdown
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        (openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({
+          ref_key: "dropdownMenu",
+          ref: dropdownMenu
+        }, unref(isMobile) ? {
+          isOpen: isOpen.value,
+          onClose: close
+        } : {
+          isOpen: isOpen.value,
+          maxHeight: _ctx.contentMaxHeight ?? 320,
+          maxWidth: _ctx.contentMaxWidth ?? 600,
+          horizontalAlign: _ctx.horizontalAlign ?? unref(HorizontalAlign).FILL,
+          updateAlign: true,
+          teleport: _ctx.teleport
+        }), {
+          toggle: withCtx(({ unclickable }) => [
+            createVNode(_sfc_main$3, {
+              ref_key: "input",
+              ref: input,
+              title: _ctx.title ?? (unclickable ? _ctx.mobileTitle : void 0),
+              "model-value": _ctx.modelValue,
+              type: _ctx.type,
+              "max-length": _ctx.maxLength,
+              loading: _ctx.loading,
+              "hide-input": _ctx.hideInput,
+              readonly: _ctx.readonly || unclickable,
+              skeleton: _ctx.skeleton,
+              size: _ctx.size,
+              "error-message": _ctx.errorMessage,
+              required: _ctx.required,
+              disabled: _ctx.disabled,
+              "has-changes": _ctx.hasChanges,
+              "allow-clear": _ctx.allowClear,
+              icon: _ctx.icon,
+              placeholder: _ctx.placeholder,
+              "no-margin": _ctx.noMargin,
+              "allow-paste": _ctx.allowPaste,
+              mono: _ctx.mono,
+              class: normalizeClass({
+                "cursor-pointer": !_ctx.disabled,
+                "cursor-not-allowed": _ctx.disabled
+              }),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
+              "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
+              "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
+              "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
+              "onKeypress:delete": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("keypress:delete", $event)),
+              onFocus: ($event) => {
+                open();
+                !unclickable && _ctx.$emit("focus", $event);
+              },
+              onBlur: ($event) => {
+                !unref(isMobile) && !_ctx.persist && close();
+                !unclickable && _ctx.$emit("blur", $event);
+              },
+              onClick: ($event) => unref(isMobile) && unclickable && open(),
+              "onClick:internal": ($event) => unref(isMobile) && unclickable && open(),
+              "onClick:clear": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click:clear"))
+            }, createSlots({
+              prefix: withCtx(() => [
+                renderSlot(_ctx.$slots, "prefix", { unclickable })
+              ]),
+              suffix: withCtx(() => [
+                !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
+                  key: 0,
+                  class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
+                }, null, 8, ["class"])) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.right?.()?.length ? {
+                name: "right",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "right")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["title", "model-value", "type", "max-length", "loading", "hide-input", "readonly", "skeleton", "size", "error-message", "required", "disabled", "has-changes", "allow-clear", "icon", "placeholder", "no-margin", "allow-paste", "mono", "class", "onFocus", "onBlur", "onClick", "onClick:internal"])
+          ]),
+          content: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "content",
+              ref: content,
+              class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
+                "max-h-full pb-20": unref(isMobile),
+                "rounded-xl max-h-[inherit] shadow-md overflow-x-hidden overflow-y-overlay overscroll-contain mb-1 mt-4 dark:border dark:border-solid dark:border-gray-800": !unref(isMobile)
+              }])
+            }, [
+              _ctx.$slots.content?.().length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content?.(), (slot, index) => {
+                return openBlock(), createBlock(resolveDynamicComponent(slot), {
+                  key: index,
+                  "scrolling-element": unref(isMobile) ? content.value?.parentElement : content.value,
+                  onClose: close
+                }, null, 40, ["scrolling-element"]);
+              }), 128)) : createCommentVNode("", true)
+            ], 2)
+          ]),
+          _: 3
+        }, 16)),
+        _ctx.description ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["text-xs font-normal text-description pb-4 whitespace-pre-wrap break-words", {
+            "opacity-50": _ctx.disabled && !_ctx.skeleton
+          }])
+        }, [
+          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(_ctx.description), 1)
+          ], 64))
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Input/WInputSuggest.vue2.js

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

package/dist/components/Input/components/InputActions.vue.d.ts

@@ -0,0 +1,62 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowClear: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowPaste: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    textSecure: {
+        type: import("vue").PropType<boolean>;
+    };
+    isSecureVisible: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:paste": () => void;
+    "show:secure": (value: MouseEvent) => void;
+    "hide:secure": (value: MouseEvent) => void;
+    "click:clear": () => void;
+    "click:slot": (value: MouseEvent) => void;
+    "update:width": (value: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowClear: {
+        type: import("vue").PropType<boolean>;
+    };
+    allowPaste: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    textSecure: {
+        type: import("vue").PropType<boolean>;
+    };
+    isSecureVisible: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onClick:paste"?: (() => any) | undefined;
+    "onShow:secure"?: ((value: MouseEvent) => any) | undefined;
+    "onHide:secure"?: ((value: MouseEvent) => any) | undefined;
+    "onClick:clear"?: (() => any) | undefined;
+    "onClick:slot"?: ((value: MouseEvent) => any) | undefined;
+    "onUpdate:width"?: ((value: number) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=InputActions.vue.d.ts.map

package/dist/components/Input/components/InputActions.vue.d.ts.map

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

package/dist/components/Input/components/InputActions.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent, ref, watch, toRef, onMounted, openBlock, createElementBlock, withModifiers, createVNode, unref, createCommentVNode, normalizeClass, createBlock, renderSlot } from 'vue';
+import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
+import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
+import IconPaste from '../../../assets/icons/sax/IconPaste.svg.js';
+import WSpinner from '../../Spinner/WSpinner.vue.js';
+import _sfc_main$1 from '../../Tooltip/WTooltip.vue.js';
+import { debounce } from '../../../utils/utils.js';
+import { useTabActiveListener } from '../../Tabs/use/useTabActiveListener.js';
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 3,
+  class: "h-full w-11 flex items-center justify-center text-description cursor-progress"
+};
+const _hoisted_3 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InputActions",
+  props: {
+    loading: { type: Boolean },
+    allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
+    disabled: { type: Boolean },
+    textSecure: { type: Boolean },
+    isSecureVisible: { type: Boolean }
+  },
+  emits: ["click:paste", "show:secure", "hide:secure", "click:clear", "click:slot", "update:width"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const element = ref();
+    const emitWidth = debounce(() => {
+      emit("update:width", element.value?.offsetWidth ?? 0);
+    }, 10);
+    watch(toRef(props, "loading"), emitWidth);
+    watch(toRef(props, "allowClear"), emitWidth);
+    watch(toRef(props, "disabled"), emitWidth);
+    watch(toRef(props, "textSecure"), emitWidth);
+    watch(toRef(props, "allowPaste"), emitWidth);
+    useTabActiveListener(emitWidth);
+    onMounted(() => {
+      emitWidth();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "element",
+        ref: element,
+        class: "flex rounded-xl overflow-hidden bg-default dark:bg-default-dark"
+      }, [
+        _ctx.allowClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "relative w-ripple w-ripple-hover h-full w-11 p-[0.6875rem] flex justify-center text-description select-none outline-none",
+          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent", "stop"])),
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:clear"))
+        }, [
+          createVNode(unref(IconCancel), { class: "w-5 h-5" }),
+          createVNode(_sfc_main$1, {
+            text: "Clear",
+            "no-touch": ""
+          })
+        ], 32)) : createCommentVNode("", true),
+        _ctx.allowPaste && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "relative w-ripple w-ripple-hover h-full w-11 p-[0.6875rem] flex justify-center text-description select-none outline-none",
+          onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+          }, ["prevent", "stop"])),
+          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("click:paste"))
+        }, [
+          createVNode(unref(IconPaste), { class: "w-5 h-5" }),
+          createVNode(_sfc_main$1, {
+            text: "Paste",
+            "no-touch": ""
+          })
+        ], 32)) : createCommentVNode("", true),
+        _ctx.textSecure ? (openBlock(), createElementBlock("button", {
+          key: 2,
+          disabled: _ctx.disabled,
+          class: normalizeClass(["relative h-full w-11 p-[0.6875rem] flex justify-center select-none outline-none", {
+            "cursor-pointer w-ripple w-ripple-hover": !_ctx.disabled,
+            "cursor-not-allowed": _ctx.disabled
+          }]),
+          onClick: _cache[4] || (_cache[4] = ($event) => _ctx.isSecureVisible ? _ctx.$emit("hide:secure", $event) : _ctx.$emit("show:secure", $event))
+        }, [
+          !_ctx.isSecureVisible ? (openBlock(), createBlock(unref(IconEyeSlash), {
+            key: 0,
+            class: "w-5 h-5 text-description"
+          })) : (openBlock(), createBlock(unref(IconEye), {
+            key: 1,
+            class: "w-5 h-5 text-primary-default dark:text-primary-dark"
+          })),
+          createVNode(_sfc_main$1, {
+            text: _ctx.isSecureVisible ? "Hide" : "Show",
+            "no-touch": ""
+          }, null, 8, ["text"])
+        ], 10, _hoisted_1)) : createCommentVNode("", true),
+        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(WSpinner, { class: "[--spinner-size:1.5rem]" })
+        ])) : _ctx.$slots.default?.()?.length ? (openBlock(), createElementBlock("button", {
+          key: 4,
+          disabled: _ctx.disabled,
+          class: normalizeClass([{
+            "cursor-pointer": !_ctx.disabled,
+            "cursor-not-allowed": _ctx.disabled
+          }, "h-full w-11 flex items-center justify-center outline-none"]),
+          onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("click:slot", $event), ["stop"]))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_3)) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/Input/components/InputActions.vue2.js

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

package/dist/components/Link/WLink.vue.d.ts

@@ -0,0 +1,66 @@
+import { type RouteLocationRaw } from 'vue-router';
+import { SemanticType } from '../../utils/SemanticType';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    small: {
+        type: import("vue").PropType<boolean>;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+        default: undefined;
+    };
+    target: {
+        type: import("vue").PropType<"_self" | "_blank" | "_parent" | "_top">;
+        default: undefined;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    semanticType: {
+        type: import("vue").PropType<SemanticType>;
+        default: SemanticType;
+    };
+}, {}, 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>;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    to: {
+        type: import("vue").PropType<RouteLocationRaw>;
+        default: undefined;
+    };
+    target: {
+        type: import("vue").PropType<"_self" | "_blank" | "_parent" | "_top">;
+        default: undefined;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    semanticType: {
+        type: import("vue").PropType<SemanticType>;
+        default: SemanticType;
+    };
+}>>, {
+    text: string;
+    to: RouteLocationRaw;
+    target: "_self" | "_blank" | "_parent" | "_top";
+    href: string;
+    semanticType: SemanticType;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=WLink.vue.d.ts.map

package/dist/components/Link/WLink.vue.d.ts.map

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