@volverjs/ui-vue 0.0.11 → 0.0.13-beta.1

package/bin/icons.js

@@ -1,94 +1,2 @@
 #!/usr/bin/env node
-import fileSystem from "node:fs";
-import path from "node:path";
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
-import { blankIconSet, SVG, cleanupSVG, parseColors, isEmptyColor, runSVGO } from "@iconify/tools";
-import { validateIconSet } from "@iconify/utils";
-import chokidar from "chokidar";
-function getAllFiles(dirPath, prefix = "iconify", objectFiles = {}) {
-  const files = fileSystem.readdirSync(dirPath);
-  files.forEach((file) => {
-    if (fileSystem.statSync(`${dirPath}/${file}`).isDirectory()) {
-      objectFiles = getAllFiles(`${dirPath}/${file}`, file, objectFiles);
-    } else {
-      if (file.includes(".svg")) {
-        objectFiles[prefix] ? objectFiles[prefix].push(path.join(dirPath, "/", file)) : objectFiles[prefix] = [path.join(dirPath, "/", file)];
-      }
-    }
-  });
-  return objectFiles;
-}
-async function generateIcons(prefix, files, destPath2, options2) {
-  const iconSet = blankIconSet(prefix);
-  for (const file of files) {
-    try {
-      const content = await fileSystem.promises.readFile(file, {
-        encoding: "utf-8"
-      });
-      const svg = new SVG(content);
-      await cleanupSVG(svg);
-      if (!options2?.keepColors) {
-        await parseColors(svg, {
-          defaultColor: "currentColor",
-          callback: (_attr, colorStr, color) => {
-            return !color || isEmptyColor(color) || colorStr.includes("var(") ? colorStr : "currentColor";
-          }
-        });
-      }
-      await runSVGO(svg);
-      const fileName = file.replace(/^.*[\\/]/, "").split(".")[0].replace(/ /g, "-").replace(/[^a-z0-9-]/gi, "");
-      iconSet.fromSVG(fileName, svg);
-    } catch (error) {
-      console.error(error);
-    }
-  }
-  const iconifyJson = iconSet.export();
-  try {
-    validateIconSet(iconifyJson);
-  } catch (error) {
-    throw new Error(
-      `Icon set is not valid: ${error?.message}`
-    );
-  }
-  const filename = `${destPath2}/${iconifyJson.prefix}.json`;
-  fileSystem.mkdirSync(path.dirname(filename), { recursive: true });
-  fileSystem.writeFileSync(filename, JSON.stringify(iconifyJson));
-}
-function createIconifyJsonFiles(srcPath2, destPath2, options2) {
-  const objectFiles = getAllFiles(srcPath2, options2?.prefix);
-  if (!Object.keys(objectFiles).length) {
-    console.error(`There are no files in ${srcPath2}`);
-  } else {
-    Object.keys(objectFiles).forEach((prefix) => {
-      generateIcons(prefix, objectFiles[prefix], destPath2, options2);
-      console.info(`Icons generated in: ${destPath2}/${prefix}.json
-`);
-    });
-  }
-}
-const argv = yargs(hideBin(process.argv)).argv;
-const srcPath = argv.srcPath;
-const destPath = argv.destPath || srcPath;
-if (!srcPath || !destPath) {
-  console.error(
-    "Please specify the srcPath and destPath with --srcPath and --destPath"
-  );
-  process.exit();
-}
-const options = { prefix: argv.prefix, keepColors: argv.keepColors };
-if (argv.watch) {
-  createIconifyJsonFiles(srcPath, destPath, options);
-  chokidar.watch(srcPath, {
-    ignoreInitial: true
-  }).on("add", () => {
-    createIconifyJsonFiles(srcPath, destPath, options);
-  }).on("change", () => {
-    createIconifyJsonFiles(srcPath, destPath, options);
-  });
-} else {
-  createIconifyJsonFiles(srcPath, destPath, options);
-}
-export {
-  createIconifyJsonFiles
-};
+import o from"node:fs";import r from"node:path";import e from"yargs";import{hideBin as t}from"yargs/helpers";import{blankIconSet as n,SVG as i,cleanupSVG as c,parseColors as s,isEmptyColor as a,runSVGO as f}from"@iconify/tools";import{validateIconSet as l}from"@iconify/utils";import p from"chokidar";function h(e,t="iconify",n={}){return o.readdirSync(e).forEach(i=>{o.statSync(`${e}/${i}`).isDirectory()?n=h(`${e}/${i}`,i,n):i.includes(".svg")&&(n[t]?n[t].push(r.join(e,"/",i)):n[t]=[r.join(e,"/",i)])}),n}function d(e,t,p){const d=h(e,p?.prefix);Object.keys(d).length?Object.keys(d).forEach(e=>{!async function(e,t,p,h){const d=n(e);for(const r of t)try{const e=await o.promises.readFile(r,{encoding:"utf-8"}),t=new i(e);await c(t),h?.keepColors||await s(t,{defaultColor:"currentColor",callback:(o,r,e)=>!e||a(e)||r.includes("var(")?r:"currentColor"}),await f(t);const n=r.replace(/^.*[\\/]/,"").split(".")[0].replace(/ /g,"-").replace(/[^a-z0-9-]/gi,"");d.fromSVG(n,t)}catch(g){console.error(g)}const m=d.export();try{l(m)}catch(g){throw new Error(`Icon set is not valid: ${g?.message}`)}const y=`${p}/${m.prefix}.json`;o.mkdirSync(r.dirname(y),{recursive:!0}),o.writeFileSync(y,JSON.stringify(m))}(e,d[e],t,p),console.info(`Icons generated in: ${t}/${e}.json\n`)}):console.error(`There are no files in ${e}`)}const m=e(t(process.argv)).argv,y=m.srcPath,g=m.destPath||y;y&&g||(console.error("Please specify the srcPath and destPath with --srcPath and --destPath"),process.exit());const u={prefix:m.prefix,keepColors:m.keepColors};m.watch?(d(y,g,u),p.watch(y,{ignoreInitial:!0}).on("add",()=>{d(y,g,u)}).on("change",()=>{d(y,g,u)})):d(y,g,u);export{d as createIconifyJsonFiles};

package/dist/components/VvAccordion/VvAccordion.es.js

@@ -1,366 +1 @@
-import { inject, computed, toRef, unref, defineComponent, useAttrs, useId, toRefs, ref, watch, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, withModifiers, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString } from "vue";
-import { useVModel } from "@vueuse/core";
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["before"] = "before";
-  Position2["after"] = "after";
-  return Position2;
-})(Position || {});
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["button"] = "button";
-  ButtonType2["submit"] = "submit";
-  ButtonType2["reset"] = "reset";
-  return ButtonType2;
-})(ButtonType || {});
-var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-const INJECTION_KEY_ACCORDION_GROUP = Symbol.for(
-  "accordionGroup"
-);
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-function useGroupStateInject(groupKey) {
-  const group = inject(groupKey, void 0);
-  const isInGroup = computed(() => group !== void 0);
-  function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group?.[propName];
-    if (groupPropValue) {
-      return computed({
-        get() {
-          return groupPropValue.value;
-        },
-        set(value) {
-          groupPropValue.value = value;
-        }
-      });
-    }
-    const propRef = toRef(props, propName);
-    return computed({
-      get() {
-        return propRef.value;
-      },
-      set(value) {
-        if (emit) {
-          emit(`update:${propName}`, value);
-        }
-      }
-    });
-  }
-  return {
-    group,
-    isInGroup,
-    getGroupOrLocalRef
-  };
-}
-const VvAccordionProps = {
-  ...ModifiersProps,
-  /**
-   * Accordion name
-   */
-  name: String,
-  /**
-   * Header title
-   */
-  title: String,
-  /**
-   * Content text
-   */
-  content: String,
-  /**
-   * (Optional) Defines if item is open. Event "update:modelValue" is emitted on accordion header click
-   */
-  modelValue: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * If true, the accordion will be disabled
-   */
-  disabled: Boolean,
-  /**
-   * If true, the accordion will be opened by default
-   */
-  not: Boolean
-};
-const VvAccordionEvents = ["update:modelValue"];
-function useGroupProps(props) {
-  const { group, isInGroup } = useGroupStateInject(
-    INJECTION_KEY_ACCORDION_GROUP
-  );
-  const disabled = computed(
-    () => Boolean(props.disabled || group?.disabled.value)
-  );
-  const modifiers = computed(() => {
-    let localModifiers = props.modifiers;
-    let groupModifiers = group?.modifiers.value;
-    const toReturn = /* @__PURE__ */ new Set();
-    if (localModifiers) {
-      if (!Array.isArray(localModifiers)) {
-        localModifiers = localModifiers.split(" ");
-      }
-      localModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    if (groupModifiers) {
-      if (!Array.isArray(groupModifiers)) {
-        groupModifiers = groupModifiers.split(" ");
-      }
-      groupModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    return Array.from(toReturn);
-  });
-  return {
-    // group props
-    isInGroup,
-    group,
-    modifiers,
-    disabled,
-    bus: group?.bus
-  };
-}
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    if (others) {
-      Object.keys(others.value).forEach((key) => {
-        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
-      });
-    }
-    return toReturn;
-  });
-}
-const _hoisted_1 = ["id", "open"];
-const _hoisted_2 = ["aria-controls", "aria-expanded"];
-const _hoisted_3 = ["aria-hidden"];
-const __default__ = {
-  name: "VvAccordion"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvAccordionProps,
-  emits: VvAccordionEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const modelValue = useVModel(props, "modelValue", emit);
-    const accordionName = computed(
-      () => props.name || attrs?.id || useId()
-    );
-    const { title, content, not } = toRefs(props);
-    const { isInGroup, modifiers, disabled, bus } = useGroupProps(props);
-    const isExpanded = ref(false);
-    watch(
-      modelValue,
-      (newValue) => {
-        if (typeof newValue === "boolean") {
-          isExpanded.value = not.value ? !newValue : newValue;
-        }
-      },
-      { immediate: true }
-    );
-    watch(isExpanded, (newValue) => {
-      modelValue.value = not.value ? !newValue : newValue;
-    });
-    bus?.on("toggle", ({ name, value }) => {
-      if (name !== accordionName.value) {
-        return;
-      }
-      isExpanded.value = value;
-    });
-    function onClick() {
-      if (disabled.value) {
-        return;
-      }
-      if (isInGroup.value) {
-        bus?.emit("toggle", {
-          name: accordionName.value,
-          value: !isExpanded.value
-        });
-        return;
-      }
-      isExpanded.value = !isExpanded.value;
-    }
-    watch(
-      accordionName,
-      (newValue, oldValue) => {
-        if (bus) {
-          if (oldValue && oldValue !== newValue) {
-            bus.emit("unregister", { name: oldValue });
-          }
-          bus.emit("register", { name: newValue });
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    onBeforeUnmount(() => {
-      if (bus) {
-        bus.emit("unregister", { name: accordionName.value });
-      }
-    });
-    function expand() {
-      if (isExpanded.value) {
-        return;
-      }
-      onClick();
-    }
-    function collapse() {
-      if (!isExpanded.value) {
-        return;
-      }
-      onClick();
-    }
-    function groupExpand(name) {
-      if (!bus) {
-        console.warn(
-          `[VvAccordion]: You are trying to expand accordion group of "${accordionName.value}" but it is not in a group`
-        );
-        return;
-      }
-      bus.emit("expand", { name });
-    }
-    function groupCollapse(name) {
-      if (!bus) {
-        console.warn(
-          `[VvAccordion]: You are trying to collapse accordion group of "${accordionName.value}" but it is not in a group`
-        );
-        return;
-      }
-      bus?.emit("collapse", { name });
-    }
-    __expose({
-      isExpanded,
-      expand,
-      collapse,
-      groupExpand,
-      groupCollapse
-    });
-    const bemCssClasses = useModifiers(
-      "vv-accordion",
-      modifiers,
-      computed(() => ({
-        disabled: disabled.value
-      }))
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("details", {
-        id: unref(accordionName),
-        class: normalizeClass(unref(bemCssClasses)),
-        open: unref(isExpanded)
-      }, [
-        createElementVNode("summary", {
-          "aria-controls": unref(accordionName),
-          "aria-expanded": unref(isExpanded),
-          class: "vv-accordion__summary",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onClick(), ["prevent"]))
-        }, [
-          renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps({
-            isExpanded: unref(isExpanded),
-            expand,
-            collapse,
-            groupExpand,
-            groupCollapse
-          })), () => [
-            createTextVNode(
-              toDisplayString(unref(title)),
-              1
-              /* TEXT */
-            )
-          ])
-        ], 8, _hoisted_2),
-        createElementVNode("div", {
-          "aria-hidden": !unref(isExpanded),
-          class: "vv-accordion__content"
-        }, [
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-            isExpanded: unref(isExpanded),
-            expand,
-            collapse,
-            groupExpand,
-            groupCollapse
-          })), () => [
-            createTextVNode(
-              toDisplayString(unref(content)),
-              1
-              /* TEXT */
-            )
-          ])
-        ], 8, _hoisted_3)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as r,useId as i,toRefs as u,ref as l,watch as s,onBeforeUnmount as d,createElementBlock as c,openBlock as p,normalizeClass as v,createElementVNode as m,withModifiers as f,renderSlot as g,normalizeProps as b,guardReactiveProps as y,createTextVNode as x,toDisplayString as A}from"vue";import{useVModel as E}from"@vueuse/core";var $=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))($||{}),h=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(h||{}),k=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(k||{}),G=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(G||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const V=/* @__PURE__ */Symbol.for("accordionGroup"),B={modifiers:{type:[String,Array],default:void 0}};k.before,h.bottom,G.button,S.button,$.local;const C={...B,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function I(t){const{group:n,isInGroup:r}=function(t){const n=e(t,void 0),r=o(()=>void 0!==n);return{group:n,isInGroup:r,getGroupOrLocalRef:function(e,t,r){const i=n?.[e];if(i)return o({get:()=>i.value,set(e){i.value=e}});const u=a(t,e);return o({get:()=>u.value,set(o){r&&r(`update:${e}`,o)}})}}}(V),i=o(()=>Boolean(t.disabled||n?.disabled.value)),u=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:r,group:n,modifiers:u,disabled:i,bus:n?.bus}}const _=["id","open"],w=["aria-controls","aria-expanded"],L=["aria-hidden"],O=/* @__PURE__ */n({name:"VvAccordion",props:C,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const $=e,h=n,k=r(),G=E($,"modelValue",h),S=o(()=>$.name||k?.id||i()),{title:V,content:B,not:C}=u($),{isInGroup:O,modifiers:Y,disabled:j,bus:R}=I($),q=l(!1);function z(){j.value||(O.value?R?.emit("toggle",{name:S.value,value:!q.value}):q.value=!q.value)}function D(){q.value||z()}function F(){q.value&&z()}function H(e){R?R.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${S.value}" but it is not in a group`)}function J(e){R?R?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${S.value}" but it is not in a group`)}s(G,e=>{"boolean"==typeof e&&(q.value=C.value?!e:e)},{immediate:!0}),s(q,e=>{G.value=C.value?!e:e}),R?.on("toggle",({name:e,value:o})=>{e===S.value&&(q.value=o)}),s(S,(e,o)=>{R&&(o&&o!==e&&R.emit("unregister",{name:o}),R.emit("register",{name:e}))},{immediate:!0}),d(()=>{R&&R.emit("unregister",{name:S.value})}),a({isExpanded:q,expand:D,collapse:F,groupExpand:H,groupCollapse:J});const K=function(e,a,n){return o(()=>{const o={[e]:!0},r="string"==typeof a?.value?a.value.split(" "):a?.value;return r&&Array.isArray(r)&&r.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}("vv-accordion",Y,o(()=>({disabled:j.value})));return(e,o)=>(p(),c("details",{id:t(S),class:v(t(K)),open:t(q)},[m("summary",{"aria-controls":t(S),"aria-expanded":t(q),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>z(),["prevent"]))},[g(e.$slots,"summary",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(V)),1)])],8,w),m("div",{"aria-hidden":!t(q),class:"vv-accordion__content"},[g(e.$slots,"default",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(B)),1)])],8,L)],10,_))}});export{O as default};

package/dist/components/VvAccordion/VvAccordion.vue.d.ts

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     name: StringConstructor;
     title: StringConstructor;
@@ -13,10 +15,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         default: undefined;
     };
 }>, {
+    /** Whether the accordion is expanded */
     isExpanded: globalThis.Ref<boolean, boolean>;
+    /** Expand the accordion */
     expand: () => void;
+    /** Collapse the accordion */
     collapse: () => void;
+    /** Expand accordions in the same group */
     groupExpand: (name?: string | string[]) => void;
+    /** Collapse accordions in the same group */
     groupCollapse: (name?: string | string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     name: StringConstructor;
@@ -54,8 +61,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         groupCollapse: (name?: string | string[]) => void;
     }) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;