@open-xamu-co/ui-components-vue 1.0.0

package/dist/components/select/Filter.vue.d.ts

@@ -0,0 +1,110 @@
+import type { IconName } from "@fortawesome/fontawesome-common-types";
+import type { iFormIconProps, iSelectOption } from "@open-xamu-co/ui-common-types";
+declare const _default: import("vue").DefineComponent<{
+    icon: {
+        type: import("vue").PropType<IconName>;
+    };
+    iconProps: {
+        type: import("vue").PropType<iFormIconProps>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    options: {
+        type: import("vue").PropType<(string | number | iSelectOption)[]>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    hidden: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
+    };
+    size: {
+        type: import("vue").PropType<string | number>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+    invalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    state: {
+        type: import("vue").PropType<Record<string, boolean>>;
+    };
+    theme: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<IconName>;
+    };
+    iconProps: {
+        type: import("vue").PropType<iFormIconProps>;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    options: {
+        type: import("vue").PropType<(string | number | iSelectOption)[]>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    hidden: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
+    };
+    size: {
+        type: import("vue").PropType<string | number>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+    invalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    state: {
+        type: import("vue").PropType<Record<string, boolean>>;
+    };
+    theme: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/select/Filter.vue.mjs

@@ -0,0 +1,9 @@
+import { B as e } from "../../_virtual/chunk_h.es.js";
+import "../../_virtual/lodash.es.js";
+import "../../_virtual/sweetalert2.es.js";
+import "vue";
+import "../../_virtual/validator.es.js";
+import "../../_virtual/nanoid.es.js";
+export {
+  e as default
+};

package/dist/components/select/Simple.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../_virtual/chunk_h.cjs.js");require("../../_virtual/lodash.cjs.js");require("../../_virtual/sweetalert2.cjs.js");require("vue");require("../../_virtual/validator.cjs.js");require("../../_virtual/nanoid.cjs.js");module.exports=e._sfc_main$27;

package/dist/components/select/Simple.vue.d.ts

@@ -0,0 +1,88 @@
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: import("vue").PropType<(string | number | import("@open-xamu-co/ui-common-types").iSelectOption)[]>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    hidden: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
+    };
+    size: {
+        type: import("vue").PropType<string | number>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+    invalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    state: {
+        type: import("vue").PropType<Record<string, boolean>>;
+    };
+    theme: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<(string | number | import("@open-xamu-co/ui-common-types").iSelectOption)[]>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    hidden: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tPropsModifier<string>>;
+    };
+    size: {
+        type: import("vue").PropType<string | number>;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
+    invalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    state: {
+        type: import("vue").PropType<Record<string, boolean>>;
+    };
+    theme: {
+        type: import("vue").PropType<import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/select/Simple.vue.mjs

@@ -0,0 +1,9 @@
+import { C as e } from "../../_virtual/chunk_h.es.js";
+import "../../_virtual/lodash.es.js";
+import "../../_virtual/sweetalert2.es.js";
+import "vue";
+import "../../_virtual/validator.es.js";
+import "../../_virtual/nanoid.es.js";
+export {
+  e as default
+};

package/dist/components/value/Complex.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../_virtual/chunk_h.cjs.js");require("../../_virtual/lodash.cjs.js");require("../../_virtual/sweetalert2.cjs.js");require("vue");require("../../_virtual/validator.cjs.js");require("../../_virtual/nanoid.cjs.js");module.exports=e._sfc_main$30;

package/dist/components/value/Complex.vue.d.ts

@@ -0,0 +1,80 @@
+import { RendererElement } from "vue";
+import type { iSelectOption, tProp, tProps, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    property: {
+        type: import("vue").PropType<iSelectOption>;
+    };
+    node: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+    readOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    readFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    createFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    deleteFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    classes: {
+        type: import("vue").PropType<tProps<string>>;
+    };
+    refresh: {
+        type: import("vue").PropType<() => unknown>;
+    };
+    modalTarget: {
+        type: import("vue").PropType<string | RendererElement>;
+    };
+    modalTheme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+    theme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+}, {}, 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<unknown>;
+        required: true;
+    };
+    property: {
+        type: import("vue").PropType<iSelectOption>;
+    };
+    node: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+    readOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    readFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    createFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    deleteFn: {
+        type: import("vue").PropType<() => Promise<boolean>>;
+    };
+    classes: {
+        type: import("vue").PropType<tProps<string>>;
+    };
+    refresh: {
+        type: import("vue").PropType<() => unknown>;
+    };
+    modalTarget: {
+        type: import("vue").PropType<string | RendererElement>;
+    };
+    modalTheme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+    theme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/value/Complex.vue.mjs

@@ -0,0 +1,9 @@
+import { F as e } from "../../_virtual/chunk_h.es.js";
+import "../../_virtual/lodash.es.js";
+import "../../_virtual/sweetalert2.es.js";
+import "vue";
+import "../../_virtual/validator.es.js";
+import "../../_virtual/nanoid.es.js";
+export {
+  e as default
+};

package/dist/components/value/Simple.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../_virtual/chunk_h.cjs.js");require("../../_virtual/lodash.cjs.js");require("../../_virtual/sweetalert2.cjs.js");require("vue");require("../../_virtual/validator.cjs.js");require("../../_virtual/nanoid.cjs.js");module.exports=e._sfc_main$31;

package/dist/components/value/Simple.vue.d.ts

@@ -0,0 +1,50 @@
+import { RendererElement } from "vue";
+import type { iSelectOption, tProps, tThemeTuple, tProp, tThemeModifier } from "@open-xamu-co/ui-common-types";
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    property: {
+        type: import("vue").PropType<iSelectOption>;
+    };
+    readOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<tProps<string>>;
+    };
+    modalTarget: {
+        type: import("vue").PropType<string | RendererElement>;
+    };
+    modalTheme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+    theme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+}, {}, 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<unknown>;
+        required: true;
+    };
+    property: {
+        type: import("vue").PropType<iSelectOption>;
+    };
+    readOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    classes: {
+        type: import("vue").PropType<tProps<string>>;
+    };
+    modalTarget: {
+        type: import("vue").PropType<string | RendererElement>;
+    };
+    modalTheme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+    theme: {
+        type: import("vue").PropType<tThemeTuple | tProp<tThemeModifier>>;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/value/Simple.vue.mjs

@@ -0,0 +1,9 @@
+import { G as e } from "../../_virtual/chunk_h.es.js";
+import "../../_virtual/lodash.es.js";
+import "../../_virtual/sweetalert2.es.js";
+import "vue";
+import "../../_virtual/validator.es.js";
+import "../../_virtual/nanoid.es.js";
+export {
+  e as default
+};

package/dist/composables/browser.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from "vue";
+/**
+ * Browser composable
+ *
+ * @composable
+ */
+export default function useBrowser(): {
+    laptopMqRange: Ref<boolean>;
+    tabletMqRange: Ref<boolean>;
+    mobileMqRange: Ref<boolean>;
+};

package/dist/composables/countries.d.ts

@@ -0,0 +1,21 @@
+import type { iCity, iCountry, iState } from "../types/countries";
+/**
+ * Countries composable
+ *
+ * @composable
+ */
+export default function useCountries(): {
+    defaultCountry: string | undefined;
+    fallbackCountry: iCountry & {
+        states?: iState[] | undefined;
+    };
+    getCountries: () => Promise<iCountry[]>;
+    getCountry: (country: string) => Promise<iCountry & {
+        states: iState[];
+    }>;
+    getCountryStates: (country: string) => Promise<iState[]>;
+    getState: (country: string, state: string) => Promise<iState & {
+        cities: iCity[];
+    }>;
+    getStateCities: (country: string, state: string) => Promise<iCity[]>;
+};

package/dist/composables/fetch.d.ts

@@ -0,0 +1,10 @@
+import type { tHydrate } from "@open-xamu-co/ui-common-types";
+/**
+ * Fetch composable
+ *
+ * @composable
+ */
+export default function useFetch(): {
+    getUrlParams: (params?: Record<string, string>) => URLSearchParams;
+    unHydrate: <T, P extends unknown[]>(fn: (...p: P) => Promise<T>) => (_hydrate: tHydrate<T>, ...args: P) => Promise<T>;
+};

package/dist/composables/helpers.d.ts

@@ -0,0 +1,2 @@
+import type { iPluginOptions } from "@open-xamu-co/ui-common-types";
+export default function useHelper<T>(helper: (o?: iPluginOptions) => T): T;

package/dist/composables/input.d.ts

@@ -0,0 +1,9 @@
+import type { iFormInput, tFormAutocomplete, tTextInputType } from "@open-xamu-co/ui-common-types";
+export default function useInput({ input }: {
+    input: iFormInput;
+}): {
+    getInputError: () => string;
+    getInputAutocomplete: () => tFormAutocomplete;
+    getInputPlaceholder: (index?: number) => string;
+    getInputTextType: () => tTextInputType;
+};

package/dist/composables/modifiers.d.ts

@@ -0,0 +1,9 @@
+import { iUseModifiersProps } from "../types/props";
+/**
+ * Base modifier classes composable
+ *
+ * @composable
+ */
+export default function useModifiers(props: iUseModifiersProps): {
+    modifiersClasses: import("vue").ComputedRef<string[]>;
+};

package/dist/composables/state.d.ts

@@ -0,0 +1,9 @@
+import { iUseStateProps } from "../types/props";
+/**
+ * State composable
+ *
+ * @composable
+ */
+export default function useState(props: iUseStateProps): {
+    stateClasses: import("vue").ComputedRef<string[]>;
+};

package/dist/composables/theme.d.ts

@@ -0,0 +1,28 @@
+import type { tThemeModifier } from "@open-xamu-co/ui-common-types";
+import { iUseThemeProps, iUseThemeTooltipProps } from "../types/props";
+type tThemes = [tThemeModifier, tThemeModifier];
+interface iAllUseThemeProps extends iUseThemeProps, iUseThemeTooltipProps {
+    /**
+     * Theme as union
+     * @private
+     */
+    themeAsUnion?: boolean;
+}
+/**
+ * Theme composable
+ *
+ * @composable
+ */
+export default function useTheme(props: iAllUseThemeProps): {
+    themeValues: import("vue").ComputedRef<tThemes>;
+    themeClasses: import("vue").ComputedRef<string[]>;
+    tooltipAttributes: import("vue").ComputedRef<{
+        "arial-label": string;
+        "data-tooltip": string;
+        "data-tooltip-position": "right" | "left" | "bottom" | "top" | undefined;
+        "data-tooltip-text": boolean;
+        "data-tooltip-bg": tThemeModifier;
+        "data-tooltip-color": tThemeModifier | undefined;
+    } | null>;
+};
+export {};

package/dist/composables/uuid.d.ts

@@ -0,0 +1,9 @@
+import { nanoid } from "nanoid";
+/**
+ * UIID composable
+ *
+ * @composable
+ */
+export default function useUIID(): {
+    uuid: typeof nanoid;
+};

package/dist/plugin.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),m=require("./_virtual/lodash.cjs.js"),s=require("./_virtual/chunk_h.cjs.js"),p=require("./_virtual/index.cjs.js");require("./_virtual/sweetalert2.cjs.js");require("./_virtual/validator.cjs.js");require("./_virtual/nanoid.cjs.js");const f={install(o,e){e={globalComponents:!0,componentPrefix:"xamu",mediaQueryPixels:{laptop:1080,tablet:768,mobile:576},locale:s.enLocale,lang:"en",first:10,...e};const{globalComponents:n,componentPrefix:a,webComponents:i}=e;if(o.provide("xamu",e),!n)return;(Array.isArray(n)?n:s.componentNames).forEach(t=>{const r=m._.capitalize(m._.camelCase(a))+t,c=p.components[t];if(i){const l=u.defineCustomElement(c);customElements.define(r,l)}else o.component(r,c)})}};exports.xamuPlugin=f;

package/dist/plugin.d.ts

@@ -0,0 +1,8 @@
+import { Plugin, Component as VueComponent, DefineComponent, FunctionalComponent } from "vue";
+import type { tPropertyMapping, iPluginOptions } from "@open-xamu-co/ui-common-types";
+import * as components from "./components";
+export declare const xamuPlugin: Plugin<iPluginOptions<VueComponent | FunctionalComponent | DefineComponent>>;
+declare module "@vue/runtime-core" {
+    interface GlobalComponents extends tPropertyMapping<typeof components, "xamu"> {
+    }
+}

package/dist/plugin.mjs

@@ -0,0 +1,36 @@
+import { defineCustomElement as i } from "vue";
+import { _ as a } from "./_virtual/lodash.es.js";
+import { e as l, c as f } from "./_virtual/chunk_h.es.js";
+import { c as u } from "./_virtual/index.es.js";
+import "./_virtual/sweetalert2.es.js";
+import "./_virtual/validator.es.js";
+import "./_virtual/nanoid.es.js";
+const w = {
+  install(n, e) {
+    e = {
+      // Set plugin defaults
+      globalComponents: !0,
+      componentPrefix: "xamu",
+      mediaQueryPixels: { laptop: 1080, tablet: 768, mobile: 576 },
+      locale: l,
+      lang: "en",
+      first: 10,
+      // override defaults
+      ...e
+    };
+    const { globalComponents: o, componentPrefix: c, webComponents: s } = e;
+    if (n.provide("xamu", e), !o)
+      return;
+    (Array.isArray(o) ? o : f).forEach((m) => {
+      const t = a.capitalize(a.camelCase(c)) + m, r = u[m];
+      if (s) {
+        const p = i(r);
+        customElements.define(t, p);
+      } else
+        n.component(t, r);
+    });
+  }
+};
+export {
+  w as xamuPlugin
+};

package/dist/types/countries.d.ts

@@ -0,0 +1,12 @@
+export interface iCity {
+    name: string;
+}
+export interface iState {
+    name: string;
+    code: string;
+}
+export interface iCountry {
+    name: string;
+    indicative: `+${number}`;
+    code: string;
+}

package/dist/types/props.d.ts

@@ -0,0 +1,77 @@
+import type { iSelectOption, tFormAutocomplete, tProp, tProps, tPropsModifier, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
+export interface iUseModifiersProps {
+    hidden?: string | tPropsModifier<string>;
+    size?: string | number;
+}
+export interface iUseStateProps {
+    /**
+     * Active state: Mostly useful on actions
+     * Included here to make his usage less verbose
+     *
+     * @state
+     * @example is--active
+     */
+    active?: boolean;
+    /**
+     * Invalid state: Mostly useful on inputs
+     * Included here to make his usage less verbose
+     *
+     * @state
+     * @example is--invalid
+     */
+    invalid?: boolean;
+    /**
+     * Component states
+     *
+     * @example invalid, active, alert
+     */
+    state?: Record<string, boolean>;
+}
+export interface iUseThemeProps {
+    theme?: tThemeTuple | tProp<tThemeModifier>;
+}
+export interface iUseThemeTooltipProps {
+    tooltip?: tProp;
+    tooltipPosition?: "right" | "left" | "bottom" | "top";
+    tooltipAsText?: boolean;
+}
+export interface iActionProps {
+    to?: string | Record<string, unknown>;
+    href?: string;
+    target?: string;
+    tel?: string;
+    disabled?: boolean;
+    mailto?: string;
+    type?: "button" | "submit" | "reset";
+    tag?: string;
+    toggle?: tProp<"dropdown" | "list">;
+    round?: string | tPropsModifier<string>;
+    toggleState?: tProps<string>;
+    indicative?: `${string}+${number}`;
+    whatsapp?: boolean;
+    download?: string;
+}
+interface iInputLikeProps {
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    title?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export interface iInputProps extends iInputLikeProps {
+    /**
+     * Input type
+     * TODO?: limit types
+     */
+    type?: string;
+    autocomplete?: tFormAutocomplete;
+}
+export interface iSelectProps extends iInputLikeProps {
+    options?: Array<string | number | iSelectOption>;
+    /**
+     * Multiple fields
+     */
+    multiple?: boolean;
+}
+export {};