@volverjs/ui-vue 0.0.10-beta.42 → 0.0.10-beta.43

package/dist/index.es.js

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { addCollection, addIcon, addAPIProvider } from "@iconify/vue";
 import { ref } from "vue";
 const SPLIT_LOWER_UPPER_RE = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu");

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,n){"use strict";var i=Object.defineProperty,o=(e,t,n)=>(((e,t,n)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);const r=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),s=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),c=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),l=/[^\p{L}\d]+/giu,u="$1\0$2",a="";function f(e){let t=e.trim();t=t.replace(r,u).replace(s,u),t=t.replace(l,"\0");let n=0,i=t.length;for(;"\0"===t.charAt(n);)n++;if(n===i)return[];for(;"\0"===t.charAt(i-1);)i--;return t.slice(n,i).split(/\0/g)}function d(e){const t=f(e);for(let n=0;n<t.length;n++){const e=t[n],i=c.exec(e);if(i){const o=i.index+(i[1]??i[2]).length;t.splice(n,1,e.slice(0,o),e.slice(o))}}return t}function h(e,t){const[n,i,o]=function(e,t={}){const n=t.split??(t.separateNumbers?d:f),i=t.prefixCharacters??a,o=t.suffixCharacters??a;let r=0,s=e.length;for(;r<e.length;){const t=e.charAt(r);if(!i.includes(t))break;r++}for(;s>r;){const t=s-1,n=e.charAt(t);if(!o.includes(n))break;s=t}return[e.slice(0,r),n(e.slice(r,s)),e.slice(s)]}(e,t);return n+i.map((r=null==t?void 0:t.locale,!1===r?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r))).join((null==t?void 0:t.delimiter)??" ")+o;var r}const p=Symbol.for("volver");function v(e,t,n){const i=n||e.name;if(!i)return e;const o=null==t?void 0:t[i],r=e.props;return o&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in o))return e[t]=r[t],e;const n=o[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:n},e):(e[t]={...r[t],default:n},e)}),{})}:{...e,name:i}}class g{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){o(this,"_fetchOptions",{}),o(this,"_iconsCollections",[]),o(this,"_iconsProvider","vv"),o(this,"_nuxt",!1),o(this,"defaults",n.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,n=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,n)}addIcon(e,n){return t.addIcon(e,n)}addIconsAPIProvider(e,n){return t.addAPIProvider(e,n)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((n,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>n(e)))}))}}const b={install(e,t={}){const n=new g(t);e.config.globalProperties.$vv=n,t.components&&Object.entries(t.components).forEach((([n,i])=>{e.component(n,v(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([n,i])=>{e.component(n,v(i,t.defaults,n))})),t.directives&&Object.entries(t.directives).forEach((([t,n])=>{const i=function(e,t){return h(e,{delimiter:"-",...t})}(t);i.startsWith("v-")&&(t=i.substring(2).toLocaleLowerCase()),e.directive(t,n)})),e.provide(p,n)}};e.VolverPlugin=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,n){"use strict";var i=Object.defineProperty,o=(e,t,n)=>((e,t,n)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n)(e,"symbol"!=typeof t?t+"":t,n);const r=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),s=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),c=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),l=/[^\p{L}\d]+/giu,u="$1\0$2",a="";function f(e){let t=e.trim();t=t.replace(r,u).replace(s,u),t=t.replace(l,"\0");let n=0,i=t.length;for(;"\0"===t.charAt(n);)n++;if(n===i)return[];for(;"\0"===t.charAt(i-1);)i--;return t.slice(n,i).split(/\0/g)}function d(e){const t=f(e);for(let n=0;n<t.length;n++){const e=t[n],i=c.exec(e);if(i){const o=i.index+(i[1]??i[2]).length;t.splice(n,1,e.slice(0,o),e.slice(o))}}return t}function h(e,t){const[n,i,o]=function(e,t={}){const n=t.split??(t.separateNumbers?d:f),i=t.prefixCharacters??a,o=t.suffixCharacters??a;let r=0,s=e.length;for(;r<e.length;){const t=e.charAt(r);if(!i.includes(t))break;r++}for(;s>r;){const t=s-1,n=e.charAt(t);if(!o.includes(n))break;s=t}return[e.slice(0,r),n(e.slice(r,s)),e.slice(s)]}(e,t);return n+i.map((r=null==t?void 0:t.locale,!1===r?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r))).join((null==t?void 0:t.delimiter)??" ")+o;var r}const p=Symbol.for("volver");function v(e,t,n){const i=n||e.name;if(!i)return e;const o=null==t?void 0:t[i],r=e.props;return o&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in o))return e[t]=r[t],e;const n=o[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:n},e):(e[t]={...r[t],default:n},e)}),{})}:{...e,name:i}}class g{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){o(this,"_fetchOptions",{}),o(this,"_iconsCollections",[]),o(this,"_iconsProvider","vv"),o(this,"_nuxt",!1),o(this,"defaults",n.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,n=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,n)}addIcon(e,n){return t.addIcon(e,n)}addIconsAPIProvider(e,n){return t.addAPIProvider(e,n)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((n,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>n(e)))}))}}const b={install(e,t={}){const n=new g(t);e.config.globalProperties.$vv=n,t.components&&Object.entries(t.components).forEach((([n,i])=>{e.component(n,v(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([n,i])=>{e.component(n,v(i,t.defaults,n))})),t.directives&&Object.entries(t.directives).forEach((([t,n])=>{const i=function(e,t){return h(e,{delimiter:"-",...t})}(t);i.startsWith("v-")&&(t=i.substring(2).toLocaleLowerCase()),e.directive(t,n)})),e.provide(p,n)}};e.VolverPlugin=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/props/index.d.ts

@@ -1,6 +1,7 @@
 import type { PropType } from 'vue';
 import type { Option } from '@/types/generic';
 import type { NavItem } from '@/types/nav';
+import type { AutoPlacementOptions, FlipOptions, OffsetOptions, ShiftOptions, SizeOptions } from '@/types/floating-ui';
 import { Placement, Strategy, Position, Side, ButtonType, ActionTag, StorageType } from '@/constants';
 import type { VvIconProps } from '@/components/VvIcon';
 export declare const LinkProps: {
@@ -158,7 +159,7 @@ export declare const OptionsProps: {
      * List of options, can be string[] or object[]
      */
     options: {
-        type: PropType<(string | Option)[]>;
+        type: PropType<(Option | string)[]>;
         default: () => never[];
     };
     /**
@@ -215,7 +216,7 @@ export declare const IconProps: {
      * VvIcon position
      */
     iconPosition: {
-        type: PropType<"before" | "after">;
+        type: PropType<`${Position}`>;
         default: Position;
         validation: (value: Position) => boolean;
     };
@@ -260,7 +261,7 @@ export declare const DropdownProps: {
      * Dropdown placement
      */
     placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: PropType<`${Side}` | `${Placement}`>;
         default: Side;
         validator: (value: Side & Placement) => boolean;
     };
@@ -268,7 +269,7 @@ export declare const DropdownProps: {
      * Dropdown strategy
      */
     strategy: {
-        type: PropType<"absolute" | "fixed">;
+        type: PropType<`${Strategy}`>;
         default: undefined;
         validator: (value: Strategy) => boolean;
     };
@@ -284,7 +285,7 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/offset
      */
     offset: {
-        type: PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        type: PropType<OffsetOptions | number | string>;
         default: number;
     };
     /**
@@ -292,31 +293,7 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/shift
      */
     shift: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<ShiftOptions | boolean>;
         default: boolean;
     };
     /**
@@ -324,31 +301,7 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/flip
      */
     flip: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<FlipOptions | boolean>;
         default: boolean;
     };
     /**
@@ -356,47 +309,7 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/size
      */
     size: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        }> | undefined>;
+        type: PropType<SizeOptions | boolean>;
         default: () => {
             padding: number;
         };
@@ -406,27 +319,7 @@ export declare const DropdownProps: {
      * @see https://floating-ui.com/docs/autoPlacement
      */
     autoPlacement: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<AutoPlacementOptions | boolean>;
         default: boolean;
     };
     /**
@@ -562,7 +455,7 @@ export declare const InputTextareaProps: {
      * VvIcon position
      */
     iconPosition: {
-        type: PropType<"before" | "after">;
+        type: PropType<`${Position}`>;
         default: Position;
         validation: (value: Position) => boolean;
     };
@@ -872,7 +765,7 @@ export declare const CheckboxRadioGroupProps: {
      * List of options, can be string[] or object[]
      */
     options: {
-        type: PropType<(string | Option)[]>;
+        type: PropType<(Option | string)[]>;
         default: () => never[];
     };
     /**
@@ -930,7 +823,7 @@ export declare const ActionProps: {
      * Button type
      */
     type: {
-        type: PropType<"button" | "submit" | "reset">;
+        type: PropType<`${ButtonType}`>;
         default: ButtonType;
         validator: (value: ButtonType) => boolean;
     };
@@ -1014,7 +907,7 @@ export declare const NavProps: {
 };
 export declare const StorageProps: {
     storageType: {
-        type: PropType<"local" | "session">;
+        type: PropType<`${StorageType}`>;
         default: StorageType;
         validator: (value: StorageType) => boolean;
     };