@evance/evance-ui 1.0.2 → 1.0.3

package/dist/cjs/EvToolbar.vue_vue_type_script_setup_true_lang-gCu8mejB.cjs

@@ -0,0 +1,178 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const props = require("./props-vH_8_4_9.cjs");
+const component = require("./component-B8YXIj1A.cjs");
+const icons = require("./icons-DiXKgW97.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B8M3UyxX.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue_vue_type_script_setup_true_lang-Br-9nw9F.cjs");
+require("./EvIcon.vue_vue_type_style_index_0_lang-CVXIdzzQ.cjs");
+const EvTabs_vue_vue_type_script_setup_true_lang = require("./EvTabs.vue_vue_type_script_setup_true_lang-DEOXyIxL.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs");
+const ArrowBackIcon = require("./ArrowBackIcon-p0vc_E1r.cjs");
+const CancelIcon = require("./CancelIcon-DizHsNZj.cjs");
+const modelProxy = require("./modelProxy-c6YDF-1a.cjs");
+const modifiers = require("./modifiers-CNRhMVDD.cjs");
+const makeEvToolbarProps = props.propsFactory(
+  {
+    actions: Array,
+    icon: icons.IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    tab: {
+      type: null,
+      default: void 0
+    },
+    tabs: Array,
+    title: String,
+    ...component.makeComponentProps()
+  },
+  "EvToolbar"
+);
+const _hoisted_1 = { class: "ev-toolbar--section-start" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-toolbar--prefix"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "ev-toolbar--back"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "ev-toolbar--icon"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "ev-toolbar--title"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "ev-toolbar--start"
+};
+const _hoisted_7 = { class: "ev-toolbar--section-end" };
+const _hoisted_8 = {
+  key: 0,
+  class: "ev-toolbar--end"
+};
+const _hoisted_9 = { class: "ev-toolbar--actions" };
+const _hoisted_10 = {
+  key: 1,
+  class: "ev-toolbar--close"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvToolbar",
+  props: {
+    ...makeEvToolbarProps()
+  },
+  emits: ["click:back", "click:close", "update:tab"],
+  setup(__props, { emit }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const instance = vue.getCurrentInstance();
+    const hasBackButton = vue.computed(() => {
+      return !!(instance == null ? void 0 : instance.vnode.props["onClick:back"]);
+    });
+    const hasCloseButton = vue.computed(() => {
+      return !!(instance == null ? void 0 : instance.vnode.props["onClick:close"]);
+    });
+    const hasPrefix = vue.computed(() => {
+      return hasBackButton.value || props2.icon || props2.title;
+    });
+    function onBackClick($event) {
+      $event.stopPropagation();
+      emit("click:back", $event);
+    }
+    function onCloseClick($event) {
+      $event.stopPropagation();
+      emit("click:close", $event);
+    }
+    const tab = modelProxy.useModelProxy(props2, "tab");
+    const sizeClass = vue.computed(() => modifiers.sizeModifier(props2.size));
+    const tabSize = vue.computed(() => {
+      switch (props2.size) {
+        case "large":
+          return "x-large";
+        case "small":
+          return "medium";
+        case "medium":
+        default:
+          return "large";
+      }
+    });
+    const actionSize = vue.computed(() => {
+      switch (props2.size) {
+        case "large":
+          return "medium";
+        case "small":
+          return "x-small";
+        case "medium":
+        default:
+          return "small";
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-toolbar", sizeClass.value, props2.class]),
+        style: vue.normalizeStyle(props2.style)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          hasPrefix.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+                rounded: "",
+                size: "small",
+                variant: "subtle",
+                icon: vue.unref(ArrowBackIcon.ArrowBackIcon),
+                onClick: onBackClick
+              }, null, 8, ["icon"])
+            ])) : vue.createCommentVNode("", true),
+            props2.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), {
+                glyph: props2.icon
+              }, null, 8, ["glyph"])
+            ])) : vue.createCommentVNode("", true),
+            props2.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(props2.title), 1)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(slots).start || props2.tabs ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            vue.renderSlot(_ctx.$slots, "start", {}, () => [
+              vue.createVNode(vue.unref(EvTabs_vue_vue_type_script_setup_true_lang._sfc_main), {
+                modelValue: vue.unref(tab),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(tab) ? tab.value = $event : null),
+                size: tabSize.value,
+                items: props2.tabs
+              }, null, 8, ["modelValue", "size", "items"])
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.unref(slots).end || props2.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+            vue.renderSlot(_ctx.$slots, "end", {}, () => [
+              vue.createElementVNode("div", _hoisted_9, [
+                vue.createVNode(vue.unref(EvButtonGroup_vue_vue_type_script_setup_true_lang._sfc_main), {
+                  gap: "medium",
+                  items: props2.actions,
+                  size: actionSize.value
+                }, null, 8, ["items", "size"])
+              ])
+            ])
+          ])) : vue.createCommentVNode("", true),
+          hasCloseButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+              rounded: "",
+              size: "small",
+              icon: vue.unref(CancelIcon.CancelIcon),
+              variant: "subtle",
+              onClick: onCloseClick
+            }, null, 8, ["icon"])
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvToolbarProps = makeEvToolbarProps;
+//# sourceMappingURL=EvToolbar.vue_vue_type_script_setup_true_lang-gCu8mejB.cjs.map

package/dist/cjs/EvToolbar.vue_vue_type_script_setup_true_lang-gCu8mejB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvToolbar.vue_vue_type_script_setup_true_lang-gCu8mejB.cjs","sources":["../../src/components/EvToolbar/EvToolbar.ts","../../src/components/EvToolbar/EvToolbar.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { IconProp } from \"@/composables/icons.ts\";\nimport { PropType } from \"vue\";\nimport { EvTabProps } from \"@/components/EvTabs\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nexport type EvToolbarSize = \"small\" | \"medium\" | \"large\";\n\nexport const makeEvToolbarProps = propsFactory(\n    {\n        actions: Array as PropType<readonly EvButtonProps[]>,\n        icon: IconProp,\n        size: {\n            type: String as PropType<EvToolbarSize>,\n            default: \"medium\",\n        },\n        tab: {\n            type: null,\n            default: undefined,\n        },\n        tabs: Array as PropType<readonly EvTabProps[]>,\n        title: String,\n        ...makeComponentProps(),\n    },\n    \"EvToolbar\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvToolbar.scss\";\nimport { makeEvToolbarProps } from \"./EvToolbar.ts\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvTabs } from \"@/components/EvTabs\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { ArrowBackIcon, CancelIcon } from \"@/icons\";\nimport { computed, getCurrentInstance } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { sizeModifier } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvToolbarProps(),\n});\n\nconst slots = defineSlots<{\n    start(): never;\n    end(): never;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst emit = defineEmits([\"click:back\", \"click:close\", \"update:tab\"]);\n\nconst hasBackButton = computed(() => {\n    return !!instance?.vnode.props[\"onClick:back\"];\n});\n\nconst hasCloseButton = computed(() => {\n    return !!instance?.vnode.props[\"onClick:close\"];\n});\n\nconst hasPrefix = computed(() => {\n    return hasBackButton.value || props.icon || props.title;\n});\n\nfunction onBackClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:back\", $event);\n}\n\nfunction onCloseClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:close\", $event);\n}\n\nconst tab = useModelProxy(props, \"tab\");\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst tabSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"x-large\";\n        case \"small\":\n            return \"medium\";\n        case \"medium\":\n        default:\n            return \"large\";\n    }\n});\n\nconst actionSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"medium\";\n        case \"small\":\n            return \"x-small\";\n        case \"medium\":\n        default:\n            return \"small\";\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"['ev-toolbar', sizeClass, props.class]\" :style=\"props.style\">\n        <div class=\"ev-toolbar--section-start\">\n            <div v-if=\"hasPrefix\" class=\"ev-toolbar--prefix\">\n                <div v-if=\"hasBackButton\" class=\"ev-toolbar--back\">\n                    <ev-button\n                        rounded\n                        size=\"small\"\n                        variant=\"subtle\"\n                        :icon=\"ArrowBackIcon\"\n                        @click=\"onBackClick\" />\n                </div>\n\n                <div v-if=\"props.icon\" class=\"ev-toolbar--icon\">\n                    <ev-icon :glyph=\"props.icon\" />\n                </div>\n\n                <div v-if=\"props.title\" class=\"ev-toolbar--title\">\n                    {{ props.title }}\n                </div>\n            </div>\n            <div v-if=\"slots.start || props.tabs\" class=\"ev-toolbar--start\">\n                <slot name=\"start\">\n                    <ev-tabs\n                        v-model=\"tab\"\n                        :size=\"tabSize\"\n                        :items=\"props.tabs\" />\n                </slot>\n            </div>\n        </div>\n        <div class=\"ev-toolbar--section-end\">\n            <div v-if=\"slots.end || props.actions\" class=\"ev-toolbar--end\">\n                <slot name=\"end\">\n                    <div class=\"ev-toolbar--actions\">\n                        <ev-button-group\n                            gap=\"medium\"\n                            :items=\"props.actions\"\n                            :size=\"actionSize\" />\n                    </div>\n                </slot>\n            </div>\n            <div v-if=\"hasCloseButton\" class=\"ev-toolbar--close\">\n                <ev-button\n                    rounded\n                    size=\"small\"\n                    :icon=\"CancelIcon\"\n                    variant=\"subtle\"\n                    @click=\"onCloseClick\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","IconProp","makeComponentProps","_useSlots","getCurrentInstance","computed","props","useModelProxy","sizeModifier"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,SAAS;AAAA,IACT,MAAMC,MAAA;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACVA,UAAM,QAAQC,IAAAA;AAKd,UAAM,WAAWC,IAAAA;AAIX,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACjC,aAAO,CAAC,EAAC,qCAAU,MAAM,MAAM;AAAA,IAAc,CAChD;AAEK,UAAA,iBAAiBA,IAAAA,SAAS,MAAM;AAClC,aAAO,CAAC,EAAC,qCAAU,MAAM,MAAM;AAAA,IAAe,CACjD;AAEK,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC7B,aAAO,cAAc,SAASC,OAAM,QAAQA,OAAM;AAAA,IAAA,CACrD;AAED,aAAS,YAAY,QAAoB;AACrC,aAAO,gBAAgB;AACvB,WAAK,cAAc,MAAM;AAAA,IAC7B;AAEA,aAAS,aAAa,QAAoB;AACtC,aAAO,gBAAgB;AACvB,WAAK,eAAe,MAAM;AAAA,IAC9B;AAEM,UAAA,MAAMC,WAAAA,cAAcD,QAAO,KAAK;AAEtC,UAAM,YAAYD,IAAAA,SAAS,MAAMG,UAAa,aAAAF,OAAM,IAAI,CAAC;AAEnD,UAAA,UAAUD,IAAAA,SAAS,MAAM;AAC3B,cAAQC,OAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MACf;AAAA,IAAA,CACH;AAEK,UAAA,aAAaD,IAAAA,SAAS,MAAM;AAC9B,cAAQC,OAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MACf;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTooltip.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvTooltip_vue_vue_type_script_setup_true_lang = require("./EvTooltip.vue_vue_type_script_setup_true_lang-BO0i3-9I.cjs");
+const EvTooltip_vue_vue_type_script_setup_true_lang = require("./EvTooltip.vue_vue_type_script_setup_true_lang-y1-ZS0Nh.cjs");
 exports.EvTooltip = EvTooltip_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvTooltipProps = EvTooltip_vue_vue_type_script_setup_true_lang.makeEvTooltipProps;
 //# sourceMappingURL=EvTooltip.cjs.map

package/dist/cjs/EvTooltip.vue_vue_type_script_setup_true_lang-y1-ZS0Nh.cjs

@@ -0,0 +1,96 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const EvOverlay_vue_vue_type_script_setup_true_lang = require("./EvOverlay.vue_vue_type_script_setup_true_lang-LUARxqMe.cjs");
+const modelProxy = require("./modelProxy-c6YDF-1a.cjs");
+const makeEvTooltipProps = props.propsFactory(
+  {
+    id: String,
+    text: String,
+    ...helpers.omit(
+      EvOverlay_vue_vue_type_script_setup_true_lang.makeEvOverlayProps({
+        closeOnBack: false,
+        position: "top",
+        positionStrategy: "connected",
+        minWidth: 0,
+        offset: 8,
+        openDelay: 250,
+        openOnClick: false,
+        openOnHover: true,
+        origin: "auto",
+        veil: false,
+        scrollStrategy: "reposition",
+        transition: false
+      }),
+      ["absolute", "persistent"]
+    )
+  },
+  "EvTooltip"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvTooltip",
+  props: {
+    ...makeEvTooltipProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const isActive = modelProxy.useModelProxy(props2, "modelValue");
+    const uid = helpers.getNextId();
+    const id = vue.computed(() => {
+      return props2.id || `ev-tooltip-${uid}`;
+    });
+    const overlayRef = vue.ref();
+    const overlayProps = helpers.filterComponentProps(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main, props2);
+    const position = vue.computed(() => {
+      return props2.position.split(" ").length > 1 ? props2.position : props2.position + " center";
+    });
+    const origin = vue.computed(() => {
+      return props2.origin === "auto" || props2.origin === "overlap" || props2.origin.split(" ").length > 1 || props2.position.split(" ").length > 1 ? props2.origin : props2.origin + " center";
+    });
+    const transition = vue.computed(() => {
+      if (props2.transition) {
+        return props2.transition;
+      }
+      return isActive.value ? "transition-scale" : "transition-fade";
+    });
+    const activatorProps = vue.computed(() => {
+      return vue.mergeProps(
+        {
+          "aria-describedby": id.value
+        },
+        props2.activatorProps
+      );
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        id: id.value,
+        ref_key: "overlayRef",
+        ref: overlayRef
+      }, vue.unref(overlayProps), {
+        modelValue: vue.unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null),
+        role: "tooltip",
+        class: ["ev-tooltip", props2.class],
+        style: props2.style,
+        transition: transition.value,
+        position: position.value,
+        origin: origin.value,
+        "activator-props": activatorProps.value,
+        absolute: "",
+        "disable-global-stack": ""
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(props2.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "modelValue", "class", "style", "transition", "position", "origin", "activator-props"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvTooltipProps = makeEvTooltipProps;
+//# sourceMappingURL=EvTooltip.vue_vue_type_script_setup_true_lang-y1-ZS0Nh.cjs.map

package/dist/cjs/EvTooltip.vue_vue_type_script_setup_true_lang-y1-ZS0Nh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTooltip.vue_vue_type_script_setup_true_lang-y1-ZS0Nh.cjs","sources":["../../src/components/EvTooltip/EvTooltip.ts","../../src/components/EvTooltip/EvTooltip.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvOverlayProps } from \"@/components/EvOverlay\";\n\nexport const makeEvTooltipProps = propsFactory(\n    {\n        id: String,\n        text: String,\n\n        ...omit(\n            makeEvOverlayProps({\n                closeOnBack: false,\n                position: \"top\" as const,\n                positionStrategy: \"connected\" as const,\n                minWidth: 0,\n                offset: 8,\n                openDelay: 250,\n                openOnClick: false,\n                openOnHover: true,\n                origin: \"auto\" as const,\n                veil: false,\n                scrollStrategy: \"reposition\" as const,\n                transition: false,\n            }),\n            [\"absolute\", \"persistent\"],\n        ),\n    },\n    \"EvTooltip\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvTooltip.scss\";\nimport { makeEvTooltipProps } from \"./EvTooltip.ts\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { filterComponentProps, getNextId } from \"@/util\";\nimport { EvOverlay, PositionStrategyProps } from \"@/components/EvOverlay\";\nimport { computed, mergeProps, ref } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvTooltipProps(),\n});\n\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\n\nconst id = computed(() => {\n    return props.id || `ev-tooltip-${uid}`;\n});\n\nconst overlayRef = ref<typeof EvOverlay>();\nconst overlayProps = filterComponentProps(EvOverlay, props);\n\nconst position = computed(() => {\n    return props.position.split(\" \").length > 1\n        ? props.position\n        : ((props.position + \" center\") as PositionStrategyProps[\"position\"]);\n});\n\nconst origin = computed(() => {\n    return props.origin === \"auto\" ||\n        props.origin === \"overlap\" ||\n        props.origin.split(\" \").length > 1 ||\n        props.position.split(\" \").length > 1\n        ? props.origin\n        : ((props.origin + \" center\") as PositionStrategyProps[\"origin\"]);\n});\n\nconst transition = computed(() => {\n    if (props.transition) {\n        return props.transition;\n    }\n    return isActive.value ? \"transition-scale\" : \"transition-fade\";\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-describedby\": id.value,\n        },\n        props.activatorProps,\n    );\n});\n</script>\n\n<template>\n    <ev-overlay\n        :id=\"id\"\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        role=\"tooltip\"\n        :class=\"['ev-tooltip', props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :position=\"position\"\n        :origin=\"origin\"\n        :activator-props=\"activatorProps\"\n        absolute\n        disable-global-stack>\n        <slot>{{ props.text }}</slot>\n    </ev-overlay>\n</template>\n"],"names":["propsFactory","omit","makeEvOverlayProps","useModelProxy","props","getNextId","computed","ref","filterComponentProps","EvOverlay","mergeProps"],"mappings":";;;;;;;AAGO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IAEN,GAAGC,QAAA;AAAA,MACCC,iEAAmB;AAAA,QACf,aAAa;AAAA,QACb,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA,CACf;AAAA,MACD,CAAC,YAAY,YAAY;AAAA,IAC7B;AAAA,EACJ;AAAA,EACA;AACJ;;;;;;;;ACfM,UAAA,WAAWC,WAAAA,cAAcC,QAAO,YAAY;AAClD,UAAM,MAAMC,QAAAA;AAEN,UAAA,KAAKC,IAAAA,SAAS,MAAM;AACf,aAAAF,OAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAaG,IAAAA;AACb,UAAA,eAAeC,QAAAA,qBAAqBC,8CAAA,WAAWL,MAAK;AAEpD,UAAA,WAAWE,IAAAA,SAAS,MAAM;AACrB,aAAAF,OAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpCA,OAAM,WACJA,OAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAASE,IAAAA,SAAS,MAAM;AACnB,aAAAF,OAAM,WAAW,UACpBA,OAAM,WAAW,aACjBA,OAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjCA,OAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjCA,OAAM,SACJA,OAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAaE,IAAAA,SAAS,MAAM;AAC9B,UAAIF,OAAM,YAAY;AAClB,eAAOA,OAAM;AAAA,MACjB;AACO,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiBE,IAAAA,SAAS,MAAM;AAC3B,aAAAI,IAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACAN,OAAM;AAAA,MAAA;AAAA,IACV,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTransition-D2_Ri5Sn.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const makeEvTransitionProps = props.propsFactory(
+  {
+    transition: {
+      type: [Boolean, String, Object],
+      default: true
+    }
+  },
+  "EvTransition"
+);
+function useEvTransition(props2, defaultTransition = "transition-fade") {
+  return vue.computed(() => {
+    if (isFunctions.isEmpty(props2.transition) || isFunctions.isBoolean(props2.transition)) {
+      return {
+        name: !!props2.transition && !props2.disabled ? defaultTransition : ""
+      };
+    }
+    if (isFunctions.isString(props2.transition)) {
+      return {
+        name: props2.disabled ? "" : props2.transition
+      };
+    }
+    return props2.transition;
+  });
+}
+const EvTransition = (props2, { slots }) => {
+  const { transition, disabled, ...remainingProps } = props2;
+  const { component: transitionComponent = vue.Transition, ...customProps } = isFunctions.isObject(transition) ? transition : {};
+  const transitionProps = isFunctions.isString(transition) ? { name: disabled ? "" : transition } : customProps;
+  return vue.h(
+    transitionComponent,
+    vue.mergeProps(transitionProps, remainingProps, { disabled }),
+    slots
+  );
+};
+exports.EvTransition = EvTransition;
+exports.makeEvTransitionProps = makeEvTransitionProps;
+exports.useEvTransition = useEvTransition;
+//# sourceMappingURL=EvTransition-D2_Ri5Sn.cjs.map

package/dist/cjs/EvTransition-D2_Ri5Sn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransition-D2_Ri5Sn.cjs","sources":["../../src/components/EvTransition/EvTransition.ts"],"sourcesContent":["import {\n    Component,\n    computed,\n    FunctionalComponent,\n    mergeProps,\n    PropType,\n    Transition,\n    TransitionProps,\n    h,\n} from \"vue\";\nimport { isBoolean, isEmpty, isObject, isString, propsFactory } from \"@/util\";\n\nexport type EvTransitionProp =\n    | string\n    | boolean\n    | (TransitionProps & { component?: Component });\n\nexport interface EvTransitionProps {\n    appear?: boolean;\n    transition?: EvTransitionProp;\n    disabled?: boolean;\n}\n\n/**\n * # Make Transition Props\n */\nexport const makeEvTransitionProps = propsFactory(\n    {\n        transition: {\n            type: [Boolean, String, Object] as PropType<EvTransitionProp>,\n            default: true,\n        },\n    },\n    \"EvTransition\",\n);\n\n/**\n * # Use Transition\n *\n * Prepares `transition` props for use\n *\n * @param props\n * @param defaultTransition\n */\nexport function useEvTransition(\n    props: EvTransitionProps,\n    defaultTransition: string = \"transition-fade\",\n) {\n    return computed(() => {\n        if (isEmpty(props.transition) || isBoolean(props.transition)) {\n            return {\n                name:\n                    !!props.transition && !props.disabled\n                        ? defaultTransition\n                        : \"\",\n            };\n        }\n        if (isString(props.transition)) {\n            return {\n                name: props.disabled ? \"\" : props.transition,\n            };\n        }\n        return props.transition;\n    });\n}\n\n/**\n * # EvTransition\n *\n * A functional component for handling transitions, which can either be a name, object or component.\n *\n * There is no `.vue` component file for this component.\n *\n * @param props\n * @param slots\n * @constructor\n */\nexport const EvTransition: FunctionalComponent = (\n    props: EvTransitionProps,\n    { slots },\n) => {\n    const { transition, disabled, ...remainingProps } = props;\n    const { component: transitionComponent = Transition, ...customProps } =\n        isObject(transition) ? transition : {};\n    const transitionProps = isString(transition)\n        ? { name: disabled ? \"\" : transition }\n        : (customProps as any);\n\n    return h(\n        transitionComponent,\n        mergeProps(transitionProps, remainingProps as any, { disabled }),\n        slots,\n    );\n};\n"],"names":["propsFactory","props","computed","isEmpty","isBoolean","isString","Transition","isObject","h","mergeProps"],"mappings":";;;;;AA0BO,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA;AACJ;AAUgB,SAAA,gBACZC,QACA,oBAA4B,mBAC9B;AACE,SAAOC,aAAS,MAAM;AAClB,QAAIC,YAAAA,QAAQF,OAAM,UAAU,KAAKG,YAAAA,UAAUH,OAAM,UAAU,GAAG;AACnD,aAAA;AAAA,QACH,MACI,CAAC,CAACA,OAAM,cAAc,CAACA,OAAM,WACvB,oBACA;AAAA,MAAA;AAAA,IAElB;AACI,QAAAI,YAAA,SAASJ,OAAM,UAAU,GAAG;AACrB,aAAA;AAAA,QACH,MAAMA,OAAM,WAAW,KAAKA,OAAM;AAAA,MAAA;AAAA,IAE1C;AACA,WAAOA,OAAM;AAAA,EAAA,CAChB;AACL;AAaO,MAAM,eAAoC,CAC7CA,QACA,EAAE,YACD;AACD,QAAM,EAAE,YAAY,UAAU,GAAG,mBAAmBA;AAC9C,QAAA,EAAE,WAAW,sBAAsBK,IAAAA,YAAY,GAAG,gBACpDC,YAAAA,SAAS,UAAU,IAAI,aAAa;AAClC,QAAA,kBAAkBF,qBAAS,UAAU,IACrC,EAAE,MAAM,WAAW,KAAK,WACvB,IAAA;AAEA,SAAAG,IAAA;AAAA,IACH;AAAA,IACAC,IAAAA,WAAW,iBAAiB,gBAAuB,EAAE,UAAU;AAAA,IAC/D;AAAA,EAAA;AAER;;;;"}

package/dist/cjs/EvTransitionExpand.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 function createJavaScriptTransition(name, functions, mode = "in-out") {

package/dist/cjs/EvTransitionExpandX.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const EvTransitionExpand = require("./EvTransitionExpand.cjs");
 exports.EvTransitionExpand = EvTransitionExpand.EvTransitionExpand;

package/dist/cjs/EvVirtualScroll.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.1 | MIT License */
+/*! Evance UI v1.0.2 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvVirtualScroll_vue_vue_type_script_setup_true_lang = require("./EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs");
+const EvVirtualScroll_vue_vue_type_script_setup_true_lang = require("./EvVirtualScroll.vue_vue_type_script_setup_true_lang-Bw4j58sv.cjs");
 exports.EvVirtualScroll = EvVirtualScroll_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvVirtualScrollItemProps = EvVirtualScroll_vue_vue_type_script_setup_true_lang.makeEvVirtualScrollItemProps;
 exports.makeEvVirtualScrollProps = EvVirtualScroll_vue_vue_type_script_setup_true_lang.makeEvVirtualScrollProps;