@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.21

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import VolverPlugin from './Volver';
-import type { Volver } from './Volver';
+import type { Volver, VolverOptions } from './Volver';
 export { VolverPlugin };
+export * from './types';
+export type { Volver, VolverOptions };
 declare module 'vue' {
     interface ComponentCustomProperties {
         $vv?: typeof Volver.prototype;

package/dist/index.es.js

@@ -6,6 +6,64 @@ var __publicField = (obj, 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");
+const SPLIT_UPPER_UPPER_RE = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu");
+const SPLIT_NUMBER_LOWER_RE = new RegExp("(\\d)(\\p{Ll})", "gu");
+const SPLIT_LETTER_NUMBER_RE = new RegExp("(\\p{L})(\\d)", "gu");
+const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
+const SPLIT_REPLACE_VALUE = "$1\0$2";
+const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
+function split(value, options) {
+  let result = value.trim();
+  result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);
+  if (options == null ? void 0 : options.separateNumbers) {
+    result = result.replace(SPLIT_NUMBER_LOWER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_LETTER_NUMBER_RE, SPLIT_REPLACE_VALUE);
+  }
+  result = result.replace(DEFAULT_STRIP_REGEXP, "\0");
+  let start = 0;
+  let end = result.length;
+  while (result.charAt(start) === "\0")
+    start++;
+  if (start === end)
+    return [];
+  while (result.charAt(end - 1) === "\0")
+    end--;
+  return result.slice(start, end).split(/\0/g);
+}
+function noCase(input, options) {
+  const [prefix, value, suffix] = splitPrefixSuffix(input, options);
+  return prefix + split(value, options).map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
+}
+function kebabCase(input, options) {
+  return noCase(input, { delimiter: "-", ...options });
+}
+function lowerFactory(locale) {
+  return locale === false ? (input) => input.toLowerCase() : (input) => input.toLocaleLowerCase(locale);
+}
+function splitPrefixSuffix(input, options) {
+  const prefixCharacters = (options == null ? void 0 : options.prefixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = (options == null ? void 0 : options.suffixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  let prefixIndex = 0;
+  let suffixIndex = input.length;
+  while (prefixIndex < input.length) {
+    const char = input.charAt(prefixIndex);
+    if (!prefixCharacters.includes(char))
+      break;
+    prefixIndex++;
+  }
+  while (suffixIndex > prefixIndex) {
+    const index = suffixIndex - 1;
+    const char = input.charAt(index);
+    if (!suffixCharacters.includes(char))
+      break;
+    suffixIndex = index;
+  }
+  return [
+    input.slice(0, prefixIndex),
+    input.slice(prefixIndex, suffixIndex),
+    input.slice(suffixIndex)
+  ];
+}
 const DEFAULT_ICONIFY_PROVIDER = "vv";
 const INJECTION_KEY_VOLVER = Symbol.for("volver");
 function useDefaultProps(component, defaults, name) {
@@ -21,25 +79,28 @@ function useDefaultProps(component, defaults, name) {
   return {
     ...component,
     name: componentName,
-    props: Object.keys(props).reduce((acc, key) => {
-      if (!(key in componentDefaults)) {
-        acc[key] = props[key];
-        return acc;
-      }
-      const customDefault = componentDefaults[key];
-      if (typeof props[key] === "function" || Array.isArray(props[key])) {
+    props: Object.keys(props).reduce(
+      (acc, key) => {
+        if (!(key in componentDefaults)) {
+          acc[key] = props[key];
+          return acc;
+        }
+        const customDefault = componentDefaults[key];
+        if (typeof props[key] === "function" || Array.isArray(props[key])) {
+          acc[key] = {
+            type: props[key],
+            default: customDefault
+          };
+          return acc;
+        }
         acc[key] = {
-          type: props[key],
+          ...props[key],
           default: customDefault
         };
         return acc;
-      }
-      acc[key] = {
-        ...props[key],
-        default: customDefault
-      };
-      return acc;
-    }, {})
+      },
+      {}
+    )
   };
 }
 class Volver {
@@ -111,7 +172,7 @@ const VolverPlugin = {
    * @param {App} Vue
    * @param {Object} options
    */
-  install(app, options) {
+  install(app, options = {}) {
     const volver = new Volver(options);
     app.config.globalProperties.$vv = volver;
     if (options.components) {
@@ -132,6 +193,10 @@ const VolverPlugin = {
     }
     if (options.directives) {
       Object.entries(options.directives).forEach(([name, directive]) => {
+        const kebabName = kebabCase(name);
+        if (kebabName.startsWith("v-")) {
+          name = kebabName.substring(2).toLocaleLowerCase();
+        }
         app.directive(name, directive);
       });
     }

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