@volverjs/ui-vue 0.0.10-beta.9 → 0.0.10

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import VolverPlugin from './Volver';
 import type { Volver, VolverOptions } from './Volver';
+import VolverPlugin from './Volver';
 export { VolverPlugin };
 export * from './types';
 export type { Volver, VolverOptions };

package/dist/index.es.js

@@ -1,11 +1,72 @@
-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;
-};
 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_SEPARATE_NUMBER_RE = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u");
+const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
+const SPLIT_REPLACE_VALUE = "$1\0$2";
+const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
+function split(value) {
+  let result = value.trim();
+  result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_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 splitSeparateNumbers(value) {
+  const words = split(value);
+  for (let i = 0; i < words.length; i++) {
+    const word = words[i];
+    const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);
+    if (match) {
+      const offset = match.index + (match[1] ?? match[2]).length;
+      words.splice(i, 1, word.slice(0, offset), word.slice(offset));
+    }
+  }
+  return words;
+}
+function noCase(input, options) {
+  const [prefix, words, suffix] = splitPrefixSuffix(input, options);
+  return prefix + words.map(lowerFactory(options?.locale)).join(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 splitFn = options.split ?? (options.separateNumbers ? splitSeparateNumbers : split);
+  const prefixCharacters = options.prefixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = 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),
+    splitFn(input.slice(prefixIndex, suffixIndex)),
+    input.slice(suffixIndex)
+  ];
+}
 const DEFAULT_ICONIFY_PROVIDER = "vv";
 const INJECTION_KEY_VOLVER = Symbol.for("volver");
 function useDefaultProps(component, defaults, name) {
@@ -13,7 +74,7 @@ function useDefaultProps(component, defaults, name) {
   if (!componentName) {
     return component;
   }
-  const componentDefaults = defaults == null ? void 0 : defaults[componentName];
+  const componentDefaults = defaults?.[componentName];
   const props = component.props;
   if (!componentDefaults || !props) {
     return { ...component, name: componentName };
@@ -46,19 +107,21 @@ function useDefaultProps(component, defaults, name) {
   };
 }
 class Volver {
+  _fetchOptions = {};
+  _iconsCollections = [];
+  _iconsProvider = DEFAULT_ICONIFY_PROVIDER;
+  _nuxt = false;
+  _experimentalFeatures = {};
+  defaults = ref({});
   constructor({
     fetchWithCredentials,
     fetchOptions,
     iconsProvider,
     nuxt,
     iconsCollections,
-    defaults
+    defaults,
+    experimentalFeatures
   } = {}) {
-    __publicField(this, "_fetchOptions", {});
-    __publicField(this, "_iconsCollections", []);
-    __publicField(this, "_iconsProvider", DEFAULT_ICONIFY_PROVIDER);
-    __publicField(this, "_nuxt", false);
-    __publicField(this, "defaults", ref({}));
     if (fetchOptions) {
       this._fetchOptions = fetchOptions;
     }
@@ -82,6 +145,9 @@ class Volver {
     if (defaults) {
       this.defaults.value = defaults;
     }
+    if (experimentalFeatures) {
+      this._experimentalFeatures = experimentalFeatures;
+    }
   }
   get nuxt() {
     return this._nuxt;
@@ -92,6 +158,9 @@ class Volver {
   get iconsCollections() {
     return this._iconsCollections;
   }
+  get experimentalFeatures() {
+    return this._experimentalFeatures;
+  }
   addCollection(collection, providerName = this._iconsProvider) {
     this._iconsCollections.push(collection);
     return addCollection(collection, providerName);
@@ -104,15 +173,15 @@ class Volver {
   }
   fetchIcon(src, options = { cache: "force-cache" }) {
     return new Promise((resolve, reject) => {
-      fetch(src, { ...this._fetchOptions, ...options }).catch((e) => reject(e)).then((response) => response == null ? void 0 : response.text()).then((svg) => resolve(svg));
+      fetch(src, { ...this._fetchOptions, ...options }).catch((e) => reject(e)).then((response) => response?.text()).then((svg) => resolve(svg));
     });
   }
 }
 const VolverPlugin = {
   /**
    * Vue.use() hook
-   * @param {App} Vue
-   * @param {Object} options
+   * @param {App} app
+   * @param {object} options
    */
   install(app, options = {}) {
     const volver = new Volver(options);
@@ -135,6 +204,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";const r=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),i=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),o=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),s=/[^\p{L}\d]+/giu,c="$1\0$2";function l(e){let t=e.trim();t=t.replace(r,c).replace(i,c),t=t.replace(s,"\0");let n=0,o=t.length;for(;"\0"===t.charAt(n);)n++;if(n===o)return[];for(;"\0"===t.charAt(o-1);)o--;return t.slice(n,o).split(/\0/g)}function a(e){const t=l(e);for(let n=0;n<t.length;n++){const e=t[n],r=o.exec(e);if(r){const i=r.index+(r[1]??r[2]).length;t.splice(n,1,e.slice(0,i),e.slice(i))}}return t}function u(e,t){const[n,r,i]=function(e,t={}){const n=t.split??(t.separateNumbers?a:l),r=t.prefixCharacters??"",i=t.suffixCharacters??"";let o=0,s=e.length;for(;o<e.length;){const t=e.charAt(o);if(!r.includes(t))break;o++}for(;s>o;){const t=s-1,n=e.charAt(t);if(!i.includes(n))break;s=t}return[e.slice(0,o),n(e.slice(o,s)),e.slice(s)]}(e,t);return n+r.map((o=t?.locale,!1===o?e=>e.toLowerCase():e=>e.toLocaleLowerCase(o))).join(t?.delimiter??" ")+i;var o}const f=Symbol.for("volver");function d(e,t,n){const r=n||e.name;if(!r)return e;const i=t?.[r],o=e.props;return i&&o?{...e,name:r,props:Object.keys(o).reduce((e,t)=>{if(!(t in i))return e[t]=o[t],e;const n=i[t];return"function"==typeof o[t]||Array.isArray(o[t])?(e[t]={type:o[t],default:n},e):(e[t]={...o[t],default:n},e)},{})}:{...e,name:r}}class p{_fetchOptions={};_iconsCollections=[];_iconsProvider="vv";_nuxt=!1;_experimentalFeatures={};defaults=n.ref({});constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:n,nuxt:r,iconsCollections:i,defaults:o,experimentalFeatures:s}={}){t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),n&&(this._iconsProvider=n),r&&(this._nuxt=r),i&&Array.isArray(i)&&i.forEach(e=>{this.addCollection(e,this._iconsProvider)}),o&&(this.defaults.value=o),s&&(this._experimentalFeatures=s)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}get experimentalFeatures(){return this._experimentalFeatures}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,r)=>{fetch(e,{...this._fetchOptions,...t}).catch(e=>r(e)).then(e=>e?.text()).then(e=>n(e))})}}const h={install(e,t={}){const n=new p(t);e.config.globalProperties.$vv=n,t.components&&Object.entries(t.components).forEach(([n,r])=>{e.component(n,d(r,t.defaults))}),t.aliases&&Object.entries(t.aliases).forEach(([n,r])=>{e.component(n,d(r,t.defaults,n))}),t.directives&&Object.entries(t.directives).forEach(([t,n])=>{const r=function(e,t){return u(e,{delimiter:"-",...t})}(t);r.startsWith("v-")&&(t=r.substring(2).toLocaleLowerCase()),e.directive(t,n)}),e.provide(f,n)}};e.VolverPlugin=h,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});