@volverjs/ui-vue 0.0.10 → 0.0.12

package/dist/components/VvDialog/VvDialog.es.js

@@ -1,317 +1 @@
-import { computed, unref, defineComponent, ref, toRefs, createBlock, openBlock, Transition, mergeProps, toHandlers, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, vShow } from "vue";
-import { useVModel, onClickOutside } 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 ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-const IdProps = {
-  /**
-   * Global attribute id
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
-   */
-  id: [String, Number]
-};
-({
-  /**
-   * 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
-  }
-});
-const VvDialogEvents = [
-  "open",
-  "close",
-  "update:modelValue",
-  "beforeEnter",
-  "afterLeave",
-  "enter",
-  "afterEnter",
-  "enterCancelled",
-  "beforeLeave",
-  "leave",
-  "leaveCancelled"
-];
-const VvDialogProps = {
-  ...ModifiersProps,
-  ...IdProps,
-  /**
-   * Dialog title
-   */
-  title: String,
-  /**
-   * Show / hide dialog programmatically
-   */
-  modelValue: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * Dialog transition
-   */
-  transition: { type: String, default: "fade-block" },
-  /**
-   * Dialog size
-   * @deprecated use modifiers instead
-   */
-  size: String,
-  /**
-   * Keep open dialog on click outside
-   */
-  keepOpen: { type: Boolean, default: false },
-  /**
-   * Close button label
-   */
-  labelClose: { type: String, default: "Close" }
-};
-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 = {
-  key: 0,
-  class: "vv-dialog__header"
-};
-const _hoisted_2 = ["aria-label", "title"];
-const _hoisted_3 = { class: "vv-dialog__content" };
-const _hoisted_4 = {
-  key: 1,
-  class: "vv-dialog__footer"
-};
-const __default__ = {
-  name: "VvDialog"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvDialogProps,
-  emits: VvDialogEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const dialogEl = ref();
-    const modelValue = useVModel(props, "modelValue", emit);
-    const localModelValue = ref(false);
-    const isOpened = computed({
-      get: () => modelValue.value ?? localModelValue.value,
-      set: (newValue) => {
-        if (modelValue.value === void 0) {
-          localModelValue.value = newValue;
-          return;
-        }
-        modelValue.value = newValue;
-      }
-    });
-    const modalWrapper = ref(null);
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers(
-      "vv-dialog",
-      modifiers,
-      // DEPRECATED: Must be removed in the future
-      computed(() => {
-        if (props.size) {
-          return { [props.size]: !!props.size };
-        }
-        return {};
-      })
-    );
-    const dialogAttrs = computed(() => {
-      const { id } = props;
-      return {
-        id
-      };
-    });
-    const transitioName = computed(() => `vv-dialog--${props.transition}`);
-    const dialogTransitionHandlers = {
-      "before-enter": () => {
-        if (!dialogEl.value?.open) {
-          dialogEl.value?.showModal();
-        }
-        emit("open");
-        emit("beforeEnter");
-      },
-      "after-leave": () => {
-        if (dialogEl.value?.open) {
-          dialogEl.value?.close();
-        }
-        emit("close");
-        emit("afterLeave");
-      },
-      "enter": () => {
-        emit("enter");
-      },
-      "after-enter": () => {
-        emit("afterEnter");
-      },
-      "enter-cancelled": () => {
-        emit("enterCancelled");
-      },
-      "before-leave": () => {
-        emit("beforeLeave");
-      },
-      "leave": () => {
-        emit("leave");
-      },
-      "leave-cancelled": () => {
-        emit("leaveCancelled");
-      }
-    };
-    onClickOutside(modalWrapper, () => {
-      if (!props.keepOpen) {
-        close();
-      }
-    });
-    function close() {
-      isOpened.value = false;
-    }
-    function open() {
-      isOpened.value = true;
-    }
-    __expose({ close, open });
-    function onCancel() {
-      if (!props.keepOpen) {
-        close();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, mergeProps({ name: unref(transitioName) }, toHandlers(dialogTransitionHandlers), { persisted: "" }), {
-        default: withCtx(() => [
-          withDirectives(createElementVNode(
-            "dialog",
-            mergeProps(unref(dialogAttrs), {
-              ref_key: "dialogEl",
-              ref: dialogEl,
-              class: unref(bemCssClasses),
-              onCancel: withModifiers(onCancel, ["stop", "prevent"])
-            }),
-            [
-              createElementVNode(
-                "article",
-                {
-                  ref_key: "modalWrapper",
-                  ref: modalWrapper,
-                  class: "vv-dialog__wrapper"
-                },
-                [
-                  _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
-                    renderSlot(_ctx.$slots, "header", {}, () => [
-                      createTextVNode(
-                        toDisplayString(_ctx.title) + " ",
-                        1
-                        /* TEXT */
-                      ),
-                      createElementVNode("button", {
-                        type: "button",
-                        "aria-label": _ctx.labelClose,
-                        title: _ctx.labelClose,
-                        class: "vv-dialog__close",
-                        onClickPassive: close
-                      }, null, 40, _hoisted_2)
-                    ])
-                  ])) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_3, [
-                    renderSlot(_ctx.$slots, "default")
-                  ]),
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "footer")
-                  ])) : createCommentVNode("v-if", true)
-                ],
-                512
-                /* NEED_PATCH */
-              )
-            ],
-            16
-            /* FULL_PROPS */
-          ), [
-            [vShow, unref(isOpened)]
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["name"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as e,unref as t,defineComponent as l,ref as o,toRefs as a,createBlock as r,openBlock as n,Transition as s,mergeProps as i,toHandlers as u,withCtx as v,withDirectives as f,createElementVNode as d,withModifiers as c,createElementBlock as p,createCommentVNode as b,renderSlot as m,createTextVNode as g,toDisplayString as y,vShow as k}from"vue";import{useVModel as _,onClickOutside as C}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||{}),E=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(E||{}),L=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(L||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const x={modifiers:{type:[String,Array],default:void 0}};E.before;const z={id:[String,Number]};h.bottom,L.button,S.button,$.local;const O={...x,...z,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1},labelClose:{type:String,default:"Close"}};const V={key:0,class:"vv-dialog__header"},A=["aria-label","title"],w={class:"vv-dialog__content"},B={key:1,class:"vv-dialog__footer"},j=/* @__PURE__ */l({name:"VvDialog",props:O,emits:["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(l,{expose:$,emit:h}){const E=l,L=h,S=o(),x=_(E,"modelValue",L),z=o(!1),O=e({get:()=>x.value??z.value,set:e=>{void 0!==x.value?x.value=e:z.value=e}}),j=o(null),{modifiers:D}=a(E),M=function(l,o,a){return e(()=>{const e={[l]:!0},r="string"==typeof o?.value?o.value.split(" "):o?.value;return r&&Array.isArray(r)&&r.forEach(t=>{t&&(e[`${l}--${t}`]=!0)}),a&&Object.keys(a.value).forEach(o=>{e[`${l}--${o}`]=t(a.value[o])}),e})}("vv-dialog",D,e(()=>E.size?{[E.size]:!!E.size}:{})),N=e(()=>{const{id:e}=E;return{id:e}}),P=e(()=>`vv-dialog--${E.transition}`),W={"before-enter":()=>{S.value?.open||S.value?.showModal(),L("open"),L("beforeEnter")},"after-leave":()=>{S.value?.open&&S.value?.close(),L("close"),L("afterLeave")},enter:()=>{L("enter")},"after-enter":()=>{L("afterEnter")},"enter-cancelled":()=>{L("enterCancelled")},"before-leave":()=>{L("beforeLeave")},leave:()=>{L("leave")},"leave-cancelled":()=>{L("leaveCancelled")}};function q(){O.value=!1}function F(){E.keepOpen||q()}return C(j,()=>{E.keepOpen||q()}),$({close:q,open:function(){O.value=!0}}),(e,l)=>(n(),r(s,i({name:t(P)},u(W),{persisted:""}),{default:v(()=>[f(d("dialog",i(t(N),{ref_key:"dialogEl",ref:S,class:t(M),onCancel:c(F,["stop","prevent"])}),[d("article",{ref_key:"modalWrapper",ref:j,class:"vv-dialog__wrapper"},[e.$slots.header||e.title?(n(),p("header",V,[m(e.$slots,"header",{},()=>[g(y(e.title)+" ",1),d("button",{type:"button","aria-label":e.labelClose,title:e.labelClose,class:"vv-dialog__close",onClickPassive:q},null,40,A)])])):b("v-if",!0),d("div",w,[m(e.$slots,"default")]),e.$slots.footer?(n(),p("footer",B,[m(e.$slots,"footer")])):b("v-if",!0)],512)],16),[[k,t(O)]])]),_:3},16,["name"]))}});export{j as default};

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     title: StringConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -62,6 +62,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<globalThis
 } & {
     footer?: (props: {}) => any;
 }>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {