@evance/evance-ui 1.0.26 → 1.0.28

package/dist/cjs/EvFormHelp.vue_vue_type_script_setup_true_lang-B0iCmxDT.cjs

@@ -1,46 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.26 | MIT License */
-const vue = require("vue");
-const component = require("./component-DiQU6gG9.cjs");
-const props = require("./props-B35Pdduj.cjs");
-const defaults = require("./defaults-BP7_Pcj9.cjs");
-const display = require("./display-D-igNgIg.cjs");
-const makeEvFormHelpProps = props.propsFactory(
-  {
-    breakpoint: {
-      type: String,
-      default: "md"
-    },
-    ...component.makeComponentProps()
-  },
-  "EvFormHelp"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvFormHelp",
-  props: { ...makeEvFormHelpProps() },
-  setup(__props) {
-    const props2 = __props;
-    const display$1 = display.useDisplay();
-    defaults.provideDefaults({
-      EvFieldHelp: {
-        breakpoint: vue.toRef(props2, "breakpoint")
-      }
-    });
-    const isShow = vue.computed(() => {
-      var _a;
-      const displayRule = `${props2.breakpoint}Up`;
-      return ((_a = display$1[displayRule]) == null ? void 0 : _a.value) ?? false;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["ev-form-help", { "is-visible": isShow.value }, props2.class]),
-        style: vue.normalizeStyle(props2.style)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvFormHelpProps = makeEvFormHelpProps;
-//# sourceMappingURL=EvFormHelp.vue_vue_type_script_setup_true_lang-B0iCmxDT.cjs.map

package/dist/cjs/EvFormHelp.vue_vue_type_script_setup_true_lang-B0iCmxDT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvFormHelp.vue_vue_type_script_setup_true_lang-B0iCmxDT.cjs","sources":["../../src/components/EvFormHelp/EvFormHelp.ts","../../src/components/EvFormHelp/EvFormHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvFormHelpProps = propsFactory(\n    {\n        breakpoint: {\n            type: String as PropType<Breakpoint>,\n            default: \"md\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvFormHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFormHelp.scss\";\nimport { makeEvFormHelpProps } from \"./EvFormHelp\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { computed, toRef } from \"vue\";\nimport { useDisplay } from \"@/composables\";\n\nconst props = defineProps({ ...makeEvFormHelpProps() });\nconst display = useDisplay();\n\nprovideDefaults({\n    EvFieldHelp: {\n        breakpoint: toRef(props, \"breakpoint\"),\n    },\n});\n\nconst isShow = computed(() => {\n    const displayRule = `${props.breakpoint}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-form-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n</template>\n"],"names":["propsFactory","makeComponentProps","display","useDisplay","provideDefaults","toRef","props","computed"],"mappings":";;;;;;;AAKO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACNA,UAAMC,YAAUC,QAAAA,WAAW;AAEXC,6BAAA;AAAA,MACZ,aAAa;AAAA,QACT,YAAYC,IAAAA,MAAMC,QAAO,YAAY;AAAA,MAAA;AAAA,IACzC,CACH;AAEK,UAAA,SAASC,IAAAA,SAAS,MAAM;;AACpB,YAAA,cAAc,GAAGD,OAAM,UAAU;AAChC,eAAAJ,eAAQ,WAAW,MAAnBA,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;;;"}

package/dist/cjs/EvHeading.vue_vue_type_style_index_0_lang-C6AgF10O.cjs

@@ -1,104 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.26 | MIT License */
-const vue = require("vue");
-const tag = require("./tag-cR4MZZ_R.cjs");
-const component = require("./component-DiQU6gG9.cjs");
-const props = require("./props-B35Pdduj.cjs");
-const defaults = require("./defaults-BP7_Pcj9.cjs");
-const isFunctions = require("./is-functions-mOeLVUJW.cjs");
-const EvHeadingSize = {
-  default: "medium",
-  xSmall: "x-small",
-  small: "small",
-  medium: "medium",
-  large: "large",
-  xLarge: "x-large",
-  xxLarge: "xx-large"
-};
-const EvHeadingTag = {
-  "xx-large": "h1",
-  "x-large": "h2",
-  large: "h3",
-  medium: "h4",
-  small: "h5",
-  "x-small": "h6"
-};
-const EvHeadingClass = {
-  "xx-large": "heading-1",
-  "x-large": "heading-2",
-  large: "heading-3",
-  medium: "heading-4",
-  small: "heading-5",
-  "x-small": "heading-6"
-};
-const makeEvHeadingProps = props.propsFactory(
-  {
-    size: {
-      type: String,
-      default: EvHeadingSize.default
-    },
-    text: String,
-    truncate: [Number, Boolean],
-    ...component.makeComponentProps(),
-    ...tag.makeTagProps({
-      tag: void 0
-    })
-  },
-  "EvHeading"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvHeading",
-  props: {
-    ...makeEvHeadingProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    vue.useCssVars((_ctx) => ({
-      "4ed597d1": maxLines.value
-    }));
-    const props2 = defaults.useDefaults(definedProps);
-    const tag2 = vue.computed(() => {
-      if (props2.tag) {
-        return props2.tag;
-      }
-      return EvHeadingTag[props2.size] ?? EvHeadingTag[EvHeadingSize.default];
-    });
-    const sizeClass = vue.computed(() => {
-      if (!props2.tag) {
-        return void 0;
-      }
-      return EvHeadingClass[props2.size] ?? EvHeadingClass[EvHeadingSize.default];
-    });
-    const truncateClass = vue.computed(() => {
-      if (!props2.truncate) {
-        return void 0;
-      }
-      return isFunctions.isBoolean(props2.truncate) ? "is-truncate" : "is-truncate-lines";
-    });
-    const maxLines = vue.computed(() => {
-      if (isFunctions.isNumber(props2.truncate)) {
-        return props2.truncate;
-      }
-      return 1;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tag2.value), {
-        class: vue.normalizeClass(["ev-heading", sizeClass.value, truncateClass.value, vue.unref(props2).class]),
-        style: vue.normalizeStyle(vue.unref(props2).style)
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(props2).text), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-exports.EvHeadingClass = EvHeadingClass;
-exports.EvHeadingSize = EvHeadingSize;
-exports.EvHeadingTag = EvHeadingTag;
-exports._sfc_main = _sfc_main;
-exports.makeEvHeadingProps = makeEvHeadingProps;
-//# sourceMappingURL=EvHeading.vue_vue_type_style_index_0_lang-C6AgF10O.cjs.map

package/dist/cjs/EvHeading.vue_vue_type_style_index_0_lang-C6AgF10O.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvHeading.vue_vue_type_style_index_0_lang-C6AgF10O.cjs","sources":["../../src/components/EvHeading/EvHeading.ts","../../src/components/EvHeading/EvHeading.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const EvHeadingSize = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n    xxLarge: \"xx-large\",\n} as const;\n\nexport type EvHeadingSizeProp =\n    (typeof EvHeadingSize)[keyof typeof EvHeadingSize];\n\nexport const EvHeadingTag = {\n    \"xx-large\": \"h1\",\n    \"x-large\": \"h2\",\n    large: \"h3\",\n    medium: \"h4\",\n    small: \"h5\",\n    \"x-small\": \"h6\",\n} as const;\n\nexport const EvHeadingClass = {\n    \"xx-large\": \"heading-1\",\n    \"x-large\": \"heading-2\",\n    large: \"heading-3\",\n    medium: \"heading-4\",\n    small: \"heading-5\",\n    \"x-small\": \"heading-6\",\n} as const;\n\nexport const makeEvHeadingProps = propsFactory(\n    {\n        size: {\n            type: String as PropType<EvHeadingSizeProp>,\n            default: EvHeadingSize.default,\n        },\n        text: String,\n        truncate: [Number, Boolean],\n        ...makeComponentProps(),\n        ...makeTagProps({\n            tag: undefined,\n        }),\n    },\n    \"EvHeading\",\n);","<script setup lang=\"ts\">\nimport \"./EvHeading.scss\";\nimport {\n    EvHeadingClass,\n    EvHeadingSize,\n    EvHeadingTag,\n    makeEvHeadingProps,\n} from \"./EvHeading.ts\";\nimport { useDefaults } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { isBoolean, isNumber } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvHeadingProps(),\n});\nconst props = useDefaults(definedProps);\n\nconst tag = computed(() => {\n    if (props.tag) {\n        return props.tag;\n    }\n    return EvHeadingTag[props.size] ?? EvHeadingTag[EvHeadingSize.default];\n});\n\nconst sizeClass = computed(() => {\n    if (!props.tag) {\n        return undefined;\n    }\n    return EvHeadingClass[props.size] ?? EvHeadingClass[EvHeadingSize.default];\n});\n\nconst truncateClass = computed(() => {\n    if (!props.truncate) {\n        return undefined;\n    }\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\n});\n\nconst maxLines = computed(() => {\n    if (isNumber(props.truncate)) {\n        return props.truncate;\n    }\n    return 1;\n});\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        :class=\"['ev-heading', sizeClass, truncateClass, props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n\n<style>\n.ev-heading {\n    --max-lines: v-bind(maxLines);\n}\n</style>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","props","useDefaults","tag","computed","isBoolean","isNumber"],"mappings":";;;;;;;;AAKO,MAAM,gBAAgB;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACb;AAKO,MAAM,eAAe;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AAEO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,cAAc;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,OAAO;AAAA,IAC1B,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;;;ACnCM,UAAAC,SAAQC,qBAAY,YAAY;AAEhC,UAAAC,OAAMC,IAAAA,SAAS,MAAM;AACvB,UAAIH,OAAM,KAAK;AACX,eAAOA,OAAM;AAAA,MAAA;AAEjB,aAAO,aAAaA,OAAM,IAAI,KAAK,aAAa,cAAc,OAAO;AAAA,IAAA,CACxE;AAEK,UAAA,YAAYG,IAAAA,SAAS,MAAM;AACzB,UAAA,CAACH,OAAM,KAAK;AACL,eAAA;AAAA,MAAA;AAEX,aAAO,eAAeA,OAAM,IAAI,KAAK,eAAe,cAAc,OAAO;AAAA,IAAA,CAC5E;AAEK,UAAA,gBAAgBG,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAACH,OAAM,UAAU;AACV,eAAA;AAAA,MAAA;AAEX,aAAOI,YAAU,UAAAJ,OAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAWG,IAAAA,SAAS,MAAM;AACxB,UAAAE,YAAA,SAASL,OAAM,QAAQ,GAAG;AAC1B,eAAOA,OAAM;AAAA,MAAA;AAEV,aAAA;AAAA,IAAA,CACV;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvIcon.vue_vue_type_style_index_0_lang-UEFr9QZG.cjs

@@ -1,72 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.26 | MIT License */
-const vue = require("vue");
-const icons = require("./icons-D42G_Yue.cjs");
-const props = require("./props-B35Pdduj.cjs");
-const appearance = require("./appearance-BmyeDyci.cjs");
-const defaults = require("./defaults-BP7_Pcj9.cjs");
-const modifiers = require("./modifiers-DLtQD-tw.cjs");
-const IconAppearance = {
-  ...appearance.Appearance,
-  subtle: "subtle"
-};
-function useIcon(props2, name) {
-  return vue.computed(() => {
-    return vue.toRaw(props2[name]);
-  });
-}
-const makeEvIconProps = props.propsFactory(
-  {
-    glyph: icons.IconProp,
-    size: String,
-    appearance: {
-      type: String,
-      default: appearance.Appearance.default
-    }
-  },
-  "EvIcon"
-);
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvIcon",
-  props: {
-    ...makeEvIconProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    vue.useCssVars((_ctx) => ({
-      "3280d23e": iconColor.value
-    }));
-    const props2 = defaults.useDefaults(definedProps);
-    const attrs = vue.useAttrs();
-    const iconColor = vue.computed(() => {
-      if (!props2.appearance || props2.appearance === "default") {
-        return null;
-      }
-      if (props2.appearance === "primary") {
-        return `var(--text-brand)`;
-      }
-      return `var(--text-${props2.appearance})`;
-    });
-    const iconGlyph = vue.computed(() => {
-      return vue.toRaw(props2.glyph);
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass(["ev-icon", [
-          {
-            "is-clickable": !!vue.unref(attrs).onClick
-          },
-          vue.unref(modifiers.appearanceModifier)(vue.unref(props2).appearance, [vue.unref(appearance.Appearance).default]),
-          vue.unref(modifiers.sizeModifier)(vue.unref(props2).size, ["medium"])
-        ]])
-      }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconGlyph.value)))
-      ], 2);
-    };
-  }
-});
-exports.IconAppearance = IconAppearance;
-exports._sfc_main = _sfc_main;
-exports.makeEvIconProps = makeEvIconProps;
-exports.useIcon = useIcon;
-//# sourceMappingURL=EvIcon.vue_vue_type_style_index_0_lang-UEFr9QZG.cjs.map

package/dist/cjs/EvIcon.vue_vue_type_style_index_0_lang-UEFr9QZG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvIcon.vue_vue_type_style_index_0_lang-UEFr9QZG.cjs","sources":["../../src/components/EvIcon/EvIcon.ts","../../src/components/EvIcon/EvIcon.vue"],"sourcesContent":["import { computed, PropType, toRaw } from \"vue\";\nimport { Appearance, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\n\n/**\n * ## Icon Size\n */\nexport type IconSize = \"small\" | \"medium\" | \"large\";\n\nexport const IconAppearance = {\n    ...Appearance,\n    subtle: \"subtle\",\n} as const;\n\n/**\n * ## Icon Appearance\n */\nexport type IconAppearanceProp =\n    (typeof IconAppearance)[keyof typeof IconAppearance];\n\n/**\n * # Use Icon\n * @param props\n * @param name\n */\nexport function useIcon(props: any, name: string) {\n    return computed(() => {\n        return toRaw(props[name]);\n    });\n}\n\nexport const makeEvIconProps = propsFactory(\n    {\n        glyph: IconProp,\n        size: String as PropType<IconSize>,\n        appearance: {\n            type: String as PropType<IconAppearanceProp>,\n            default: Appearance.default,\n        },\n    },\n    \"EvIcon\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvIcon\n *\n *  Uses `glyph` to render an SVG-based icon.\n */\nimport \"./EvIcon.scss\";\nimport { makeEvIconProps } from \"./EvIcon\";\nimport { computed, toRaw, useAttrs } from \"vue\";\nimport { Appearance, appearanceModifier, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvIconProps(),\n});\nconst props = useDefaults(definedProps);\nconst attrs = useAttrs();\n\nconst iconColor = computed(() => {\n    if (!props.appearance || props.appearance === \"default\") {\n        return null;\n    }\n    if (props.appearance === \"primary\") {\n        return `var(--text-brand)`;\n    }\n    return `var(--text-${props.appearance})`;\n});\n\nconst iconGlyph = computed(() => {\n    return toRaw(props.glyph) as string;\n});\n</script>\n\n<template>\n    <i\n        class=\"ev-icon\"\n        :class=\"[\n            {\n                'is-clickable': !!attrs.onClick,\n            },\n            appearanceModifier(props.appearance, [Appearance.default]),\n            sizeModifier(props.size, ['medium']),\n        ]\">\n        <component :is=\"iconGlyph\"></component>\n    </i>\n</template>\n\n<style>\n.ev-icon {\n    --icon-color: v-bind(iconColor);\n}\n</style>\n"],"names":["Appearance","props","computed","toRaw","propsFactory","IconProp","useDefaults","useAttrs"],"mappings":";;;;;;;;AASO,MAAM,iBAAiB;AAAA,EAC1B,GAAGA,WAAA;AAAA,EACH,QAAQ;AACZ;AAagB,SAAA,QAAQC,QAAY,MAAc;AAC9C,SAAOC,aAAS,MAAM;AACX,WAAAC,IAAA,MAAMF,OAAM,IAAI,CAAC;AAAA,EAAA,CAC3B;AACL;AAEO,MAAM,kBAAkBG,MAAA;AAAA,EAC3B;AAAA,IACI,OAAOC,MAAA;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASL,WAAAA,WAAW;AAAA,IAAA;AAAA,EAE5B;AAAA,EACA;AACJ;;;;;;;;;;;AC1BM,UAAAC,SAAQK,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA,SAAS;AAEjB,UAAA,YAAYL,IAAAA,SAAS,MAAM;AAC7B,UAAI,CAACD,OAAM,cAAcA,OAAM,eAAe,WAAW;AAC9C,eAAA;AAAA,MAAA;AAEP,UAAAA,OAAM,eAAe,WAAW;AACzB,eAAA;AAAA,MAAA;AAEJ,aAAA,cAAcA,OAAM,UAAU;AAAA,IAAA,CACxC;AAEK,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAAC,IAAA,MAAMF,OAAM,KAAK;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvImg.vue_vue_type_script_setup_true_lang-6vNE2mhl.cjs

@@ -1,372 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.26 | MIT License */
-const vue = require("vue");
-const component = require("./component-DiQU6gG9.cjs");
-const EvResponsive_vue_vue_type_script_setup_true_lang = require("./EvResponsive.vue_vue_type_script_setup_true_lang-Cq5mYVWr.cjs");
-const EvTransition = require("./EvTransition-DHsiKvqx.cjs");
-const props = require("./props-B35Pdduj.cjs");
-const helpers = require("./helpers-Bw6d8SQp.cjs");
-const isFunctions = require("./is-functions-mOeLVUJW.cjs");
-const units = require("./units-BdC9SSAk.cjs");
-const makeEvImgProps = props.propsFactory(
-  {
-    alt: String,
-    cover: Boolean,
-    crossorigin: String,
-    draggable: {
-      type: [Boolean, String],
-      default: void 0
-    },
-    eager: Boolean,
-    gradient: String,
-    lazySrc: String,
-    options: {
-      type: Object,
-      // For more information on types, navigate to:
-      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
-      default: () => ({
-        root: void 0,
-        rootMargin: void 0,
-        threshold: void 0
-      })
-    },
-    position: String,
-    referrerpolicy: String,
-    sizes: String,
-    src: {
-      type: [String, Object],
-      default: ""
-    },
-    srcset: String,
-    ...EvResponsive_vue_vue_type_script_setup_true_lang.makeEvResponsiveProps(),
-    ...component.makeComponentProps(),
-    ...EvTransition.makeEvTransitionProps()
-  },
-  "EvImg"
-);
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-img--picture"
-};
-const _hoisted_2 = ["src", "alt", "crossorigin", "referrerpolicy", "draggable"];
-const _hoisted_3 = {
-  key: 0,
-  class: "ev-img--placeholder"
-};
-const _hoisted_4 = { class: "ev-img--error" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "EvImg",
-  props: {
-    ...makeEvImgProps()
-  },
-  emits: ["loadstart", "load", "error"],
-  setup(__props, { emit }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const currentSrc = vue.shallowRef("");
-    const image = vue.ref();
-    const state = vue.shallowRef(
-      props2.eager ? "loading" : "idle"
-    );
-    const naturalWidth = vue.shallowRef();
-    const naturalHeight = vue.shallowRef();
-    const transition = EvTransition.useEvTransition(props2);
-    const normalisedSrc = vue.computed(() => {
-      const imgSrc = props2;
-      return isFunctions.isObject(imgSrc.src) ? {
-        src: imgSrc.src.src,
-        srcset: props2.srcset || imgSrc.src.srcset,
-        lazySrc: props2.lazySrc || imgSrc.src.lazySrc,
-        aspect: props2.aspectRatio || imgSrc.src.aspect || 0
-      } : {
-        src: props2.src,
-        srcset: props2.srcset,
-        lazySrc: props2.lazySrc,
-        aspect: props2.aspectRatio || 0
-      };
-    });
-    const aspectRatio = vue.computed(() => {
-      return normalisedSrc.value.aspect || naturalWidth.value / naturalHeight.value || 0;
-    });
-    const objectFitClasses = vue.computed(() => {
-      return {
-        "is-object-cover": props2.cover,
-        "is-object-contain": !props2.cover
-      };
-    });
-    function getSrc() {
-      const img = image.value;
-      if (img) {
-        currentSrc.value = img.currentSrc || img.src;
-      }
-    }
-    function init(isIntersecting) {
-      if (props2.eager && isIntersecting) {
-        return;
-      }
-      if (helpers.Browser.supportsIntersection && !isIntersecting && !props2.eager) {
-        return;
-      }
-      state.value = "loading";
-      if (normalisedSrc.value.lazySrc) {
-        const lazyImg = new Image();
-        lazyImg.src = normalisedSrc.value.lazySrc;
-        pollForSize(lazyImg, null);
-      }
-      if (!normalisedSrc.value.src) {
-        return;
-      }
-      vue.nextTick(() => {
-        var _a;
-        emit("loadstart", ((_a = image.value) == null ? void 0 : _a.currentSrc) || normalisedSrc.value.src);
-        setTimeout(() => {
-          var _a2;
-          if ((_a2 = image.value) == null ? void 0 : _a2.complete) {
-            if (!image.value.naturalWidth) {
-              onError();
-            }
-            if (state.value === "error") {
-              return;
-            }
-            if (!aspectRatio.value) {
-              pollForSize(image.value, null);
-            }
-            if (state.value === "loading") {
-              onLoad();
-            }
-          } else {
-            if (!aspectRatio.value) {
-              pollForSize(image.value);
-            }
-            getSrc();
-          }
-        });
-      });
-    }
-    function onError() {
-      var _a;
-      state.value = "error";
-      emit("error", ((_a = image.value) == null ? void 0 : _a.currentSrc) || normalisedSrc.value.src);
-    }
-    function onLoad() {
-      var _a;
-      getSrc();
-      pollForSize(image.value);
-      state.value = "loaded";
-      emit("load", ((_a = image.value) == null ? void 0 : _a.currentSrc) || normalisedSrc.value.src);
-    }
-    let timer = -1;
-    function pollForSize(img, timeout = 100) {
-      const poll = () => {
-        clearTimeout(timer);
-        if (!img) {
-          return;
-        }
-        if (!(img == null ? void 0 : img.complete) && state.value === "loading" && timeout != null) {
-          timer = window.setTimeout(poll, timeout);
-          return;
-        }
-        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;
-        if (imgHeight || imgWidth) {
-          naturalWidth.value = imgWidth;
-          naturalHeight.value = imgHeight;
-        } else if (img.currentSrc.endsWith(".svg") || img.currentSrc.startsWith("data:image/svg+xml")) {
-          naturalWidth.value = 1;
-          naturalHeight.value = 1;
-        }
-      };
-      poll();
-    }
-    vue.watch(
-      () => props2.src,
-      () => {
-        if (state.value !== "idle") {
-          state.value = "idle";
-          vue.nextTick(() => {
-            init(true);
-          });
-        }
-      }
-    );
-    vue.watch(aspectRatio, (val, oldVal) => {
-      if (!val && oldVal && image.value) {
-        pollForSize(image.value);
-      }
-    });
-    vue.onBeforeMount(() => init());
-    if (helpers.Browser.hasWindow) {
-      const windowWidth = vue.ref(window.innerWidth);
-      const onWindowResize = () => {
-        windowWidth.value = window.innerWidth;
-      };
-      vue.onMounted(() => {
-        window.addEventListener("resize", onWindowResize);
-        onWindowResize();
-      });
-      vue.onBeforeUnmount(() => {
-        window.removeEventListener("resize", onWindowResize);
-      });
-      vue.watch(windowWidth, (newWidth, oldWidth) => {
-        if (newWidth != oldWidth) {
-          getSrc();
-        }
-      });
-    }
-    const isBooted = vue.shallowRef(false);
-    {
-      const stop = vue.watch(aspectRatio, (val) => {
-        if (val) {
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              isBooted.value = true;
-            });
-          });
-          stop();
-        }
-      });
-    }
-    const isLoaded = vue.computed(() => {
-      return state.value === "loaded";
-    });
-    const responsiveProps = vue.computed(
-      () => helpers.filterComponentProps(EvResponsive_vue_vue_type_script_setup_true_lang._sfc_main, props2)
-    );
-    const imgProps = vue.computed(() => ({
-      src: normalisedSrc.value.src,
-      srcset: normalisedSrc.value.srcset,
-      alt: props2.alt,
-      crossorigin: props2.crossorigin,
-      referrerpolicy: props2.referrerpolicy,
-      draggable: props2.draggable,
-      sizes: props2.sizes
-    }));
-    return (_ctx, _cache) => {
-      const _directive_intersect = vue.resolveDirective("intersect");
-      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(EvResponsive_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
-        class: [
-          "ev-img",
-          {
-            "is-booting": !isBooted.value
-          },
-          props2.class
-        ],
-        style: [
-          {
-            width: vue.unref(units.toWebUnit)(
-              props2.width === "auto" ? naturalWidth.value : props2.width
-            )
-          },
-          props2.style
-        ]
-      }, responsiveProps.value, {
-        "aria-label": props2.alt,
-        "aspect-ratio": aspectRatio.value,
-        role: props2.alt ? "img" : void 0
-      }), {
-        additional: vue.withCtx(() => [
-          normalisedSrc.value.src && state.value !== "idle" ? (vue.openBlock(), vue.createBlock(vue.unref(EvTransition.EvTransition), {
-            key: 0,
-            transition: vue.unref(transition),
-            appear: ""
-          }, {
-            default: vue.withCtx(() => [
-              vue.unref(slots).sources ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("picture", _hoisted_1, [
-                vue.renderSlot(_ctx.$slots, "sources"),
-                vue.createElementVNode("img", vue.mergeProps({
-                  ref_key: "image",
-                  ref: image,
-                  class: ["ev-img--img", objectFitClasses.value],
-                  style: { objectPosition: props2.position }
-                }, imgProps.value, {
-                  onLoad,
-                  onError
-                }), null, 16)
-              ], 512)), [
-                [vue.vShow, isLoaded.value]
-              ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
-                key: 1,
-                ref_key: "image",
-                ref: image,
-                class: ["ev-img--img", objectFitClasses.value],
-                style: { objectPosition: props2.position }
-              }, imgProps.value, {
-                onLoad,
-                onError
-              }), null, 16)), [
-                [vue.vShow, isLoaded.value]
-              ])
-            ]),
-            _: 3
-          }, 8, ["transition"])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(EvTransition.EvTransition), { transition: vue.unref(transition) }, {
-            default: vue.withCtx(() => [
-              normalisedSrc.value.lazySrc && state.value !== "loaded" ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                class: vue.normalizeClass([
-                  "ev-img--img",
-                  "ev-img--preload",
-                  objectFitClasses.value
-                ]),
-                style: vue.normalizeStyle({ objectPosition: props2.position }),
-                src: normalisedSrc.value.lazySrc,
-                alt: props2.alt,
-                crossorigin: props2.crossorigin,
-                referrerpolicy: props2.referrerpolicy,
-                draggable: props2.draggable
-              }, null, 14, _hoisted_2)) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["transition"]),
-          props2.gradient ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: "ev-img--gradient",
-            style: vue.normalizeStyle({
-              backgroundImage: `linear-gradient(${props2.gradient})`
-            })
-          }, null, 4)) : vue.createCommentVNode("", true),
-          vue.unref(slots).placeholder ? (vue.openBlock(), vue.createBlock(vue.unref(EvTransition.EvTransition), {
-            key: 2,
-            transition: vue.unref(transition),
-            appear: ""
-          }, {
-            default: vue.withCtx(() => [
-              state.value === "loading" || state.value === "error" && !vue.unref(slots).error ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-                vue.renderSlot(_ctx.$slots, "placeholder")
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["transition"])) : vue.createCommentVNode("", true),
-          vue.unref(slots).error ? (vue.openBlock(), vue.createBlock(vue.unref(EvTransition.EvTransition), {
-            key: 3,
-            transition: vue.unref(transition),
-            appear: ""
-          }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.renderSlot(_ctx.$slots, "error")
-              ])
-            ]),
-            _: 3
-          }, 8, ["transition"])) : vue.createCommentVNode("", true)
-        ]),
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class", "style", "aria-label", "aspect-ratio", "role"])), [
-        [
-          _directive_intersect,
-          {
-            handler: init,
-            options: props2.options
-          },
-          void 0,
-          { once: true }
-        ]
-      ]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvImgProps = makeEvImgProps;
-//# sourceMappingURL=EvImg.vue_vue_type_script_setup_true_lang-6vNE2mhl.cjs.map

package/dist/cjs/EvImg.vue_vue_type_script_setup_true_lang-6vNE2mhl.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvImg.vue_vue_type_script_setup_true_lang-6vNE2mhl.cjs","sources":["../../src/components/EvImg/EvImg.ts","../../src/components/EvImg/EvImg.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeEvResponsiveProps } from \"@/components/EvResponsive/EvResponsive\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\nimport { PropType } from \"vue\";\n\nexport const makeEvImgProps = propsFactory(\n    {\n        alt: String,\n        cover: Boolean,\n        crossorigin: String as PropType<\"\" | \"anonymous\" | \"use-credentials\">,\n        draggable: {\n            type: [Boolean, String] as PropType<boolean | \"true\" | \"false\">,\n            default: undefined,\n        },\n        eager: Boolean,\n        gradient: String,\n        lazySrc: String,\n        options: {\n            type: Object as PropType<IntersectionObserverInit>,\n            // For more information on types, navigate to:\n            // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n            default: () => ({\n                root: undefined,\n                rootMargin: undefined,\n                threshold: undefined,\n            }),\n        },\n        position: String,\n        referrerpolicy: String as PropType<\n            | \"no-referrer\"\n            | \"no-referrer-when-downgrade\"\n            | \"origin\"\n            | \"origin-when-cross-origin\"\n            | \"same-origin\"\n            | \"strict-origin\"\n            | \"strict-origin-when-cross-origin\"\n            | \"unsafe-url\"\n        >,\n        sizes: String,\n        src: {\n            type: [String, Object] as PropType<string | EvImgSrcObject>,\n            default: \"\",\n        },\n        srcset: String,\n\n        ...makeEvResponsiveProps(),\n        ...makeComponentProps(),\n        ...makeEvTransitionProps(),\n    },\n    \"EvImg\",\n);\n\nexport interface EvImgSrcObject {\n    src?: string;\n    srcset?: string;\n    lazySrc?: string;\n    aspect?: string | number;\n}\n\nexport type EvImgSlots = {\n    default: never;\n    placeholder: never;\n    error: never;\n    sources: never;\n};\n","<script setup lang=\"ts\">\r\n/**\r\n * `<ev-img>`\r\n */\r\nimport \"./EvImg.scss\";\r\nimport { makeEvImgProps, EvImgSrcObject } from \"./EvImg\";\r\nimport { EvResponsive } from \"@/components/EvResponsive\";\r\nimport { EvTransition, useEvTransition } from \"@/components/EvTransition\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onBeforeMount,\r\n    onBeforeUnmount,\r\n    onMounted,\r\n    ref,\r\n    shallowRef,\r\n    watch,\r\n} from \"vue\";\r\nimport { Browser, filterComponentProps, isObject, toWebUnit } from \"@/util\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvImgProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    default(): never;\r\n    error(): never;\r\n    placeholder(): never;\r\n    sources(): never;\r\n}>();\r\nconst emit = defineEmits([\"loadstart\", \"load\", \"error\"]);\r\n\r\nconst currentSrc = shallowRef(\"\");\r\nconst image = ref<HTMLImageElement>();\r\nconst state = shallowRef<\"idle\" | \"loading\" | \"loaded\" | \"error\">(\r\n    props.eager ? \"loading\" : \"idle\",\r\n);\r\nconst naturalWidth = shallowRef<number>();\r\nconst naturalHeight = shallowRef<number>();\r\nconst transition = useEvTransition(props);\r\n\r\nconst normalisedSrc: ComputedRef<EvImgSrcObject> = computed(() => {\r\n    const imgSrc = props as EvImgSrcObject | { src: EvImgSrcObject };\r\n\r\n    return isObject(imgSrc.src)\r\n        ? {\r\n              src: imgSrc.src.src,\r\n              srcset: props.srcset || imgSrc.src.srcset,\r\n              lazySrc: props.lazySrc || imgSrc.src.lazySrc,\r\n              aspect: props.aspectRatio || imgSrc.src.aspect || 0,\r\n          }\r\n        : {\r\n              src: props.src,\r\n              srcset: props.srcset,\r\n              lazySrc: props.lazySrc,\r\n              aspect: props.aspectRatio || 0,\r\n          };\r\n});\r\n\r\nconst aspectRatio = computed(() => {\r\n    return (\r\n        normalisedSrc.value.aspect ||\r\n        naturalWidth.value! / naturalHeight.value! ||\r\n        0\r\n    );\r\n});\r\n\r\nconst objectFitClasses = computed(() => {\r\n    return {\r\n        \"is-object-cover\": props.cover,\r\n        \"is-object-contain\": !props.cover,\r\n    };\r\n});\r\n\r\n/**\r\n * ## getSrc\r\n */\r\nfunction getSrc() {\r\n    const img = image.value;\r\n    if (img) {\r\n        currentSrc.value = img.currentSrc || img.src;\r\n    }\r\n}\r\n\r\n/**\r\n * ## init\r\n *\r\n * @param isIntersecting\r\n */\r\nfunction init(isIntersecting?: boolean) {\r\n    if (props.eager && isIntersecting) {\r\n        return;\r\n    }\r\n    if (Browser.supportsIntersection && !isIntersecting && !props.eager) {\r\n        return;\r\n    }\r\n    state.value = \"loading\";\r\n\r\n    if (normalisedSrc.value.lazySrc) {\r\n        const lazyImg = new Image();\r\n        lazyImg.src = normalisedSrc.value.lazySrc;\r\n        pollForSize(lazyImg, null);\r\n    }\r\n\r\n    if (!normalisedSrc.value.src) {\r\n        return;\r\n    }\r\n\r\n    nextTick(() => {\r\n        emit(\"loadstart\", image.value?.currentSrc || normalisedSrc.value.src);\r\n        setTimeout(() => {\r\n            if (image.value?.complete) {\r\n                if (!image.value.naturalWidth) {\r\n                    onError();\r\n                }\r\n                if (state.value === \"error\") {\r\n                    return;\r\n                }\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value, null);\r\n                }\r\n                if (state.value === \"loading\") {\r\n                    onLoad();\r\n                }\r\n            } else {\r\n                if (!aspectRatio.value) {\r\n                    pollForSize(image.value!);\r\n                }\r\n                getSrc();\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n/**\r\n * ## onError\r\n */\r\nfunction onError() {\r\n    state.value = \"error\";\r\n    emit(\"error\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\n/**\r\n * ## onLoad\r\n */\r\nfunction onLoad() {\r\n    getSrc();\r\n    pollForSize(image.value!);\r\n    state.value = \"loaded\";\r\n    emit(\"load\", image.value?.currentSrc || normalisedSrc.value.src);\r\n}\r\n\r\nlet timer = -1;\r\nfunction pollForSize(img: HTMLImageElement, timeout: number | null = 100) {\r\n    const poll = () => {\r\n        clearTimeout(timer);\r\n        if (!img) {\r\n            return;\r\n        }\r\n        if (!img?.complete && state.value === \"loading\" && timeout != null) {\r\n            timer = window.setTimeout(poll, timeout);\r\n            return;\r\n        }\r\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img;\r\n        if (imgHeight || imgWidth) {\r\n            naturalWidth.value = imgWidth;\r\n            naturalHeight.value = imgHeight;\r\n        } else if (\r\n            img.currentSrc.endsWith(\".svg\") ||\r\n            img.currentSrc.startsWith(\"data:image/svg+xml\")\r\n        ) {\r\n            naturalWidth.value = 1;\r\n            naturalHeight.value = 1;\r\n        }\r\n    };\r\n    poll();\r\n}\r\n\r\nwatch(\r\n    () => props.src,\r\n    () => {\r\n        if (state.value !== \"idle\") {\r\n            state.value = \"idle\";\r\n            nextTick(() => {\r\n                init(true);\r\n            });\r\n        }\r\n    },\r\n);\r\n\r\nwatch(aspectRatio, (val, oldVal) => {\r\n    if (!val && oldVal && image.value) {\r\n        pollForSize(image.value);\r\n    }\r\n});\r\n\r\nonBeforeMount(() => init());\r\n\r\nif (Browser.hasWindow) {\r\n    const windowWidth = ref(window.innerWidth);\r\n    const onWindowResize = () => {\r\n        windowWidth.value = window.innerWidth;\r\n    };\r\n    onMounted(() => {\r\n        window.addEventListener(\"resize\", onWindowResize);\r\n        onWindowResize();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        window.removeEventListener(\"resize\", onWindowResize);\r\n    });\r\n\r\n    watch(windowWidth, (newWidth, oldWidth) => {\r\n        if (newWidth != oldWidth) {\r\n            getSrc();\r\n        }\r\n    });\r\n}\r\n\r\nconst isBooted = shallowRef(false);\r\n{\r\n    const stop = watch(aspectRatio, (val) => {\r\n        if (val) {\r\n            // Doesn't work with nextTick, idk why\r\n            requestAnimationFrame(() => {\r\n                requestAnimationFrame(() => {\r\n                    isBooted.value = true;\r\n                });\r\n            });\r\n            stop();\r\n        }\r\n    });\r\n}\r\n\r\nconst isLoaded = computed(() => {\r\n    return state.value === \"loaded\";\r\n});\r\n\r\nconst responsiveProps = computed(() =>\r\n    filterComponentProps(EvResponsive, props),\r\n);\r\n\r\nconst imgProps = computed(() => ({\r\n    src: normalisedSrc.value.src,\r\n    srcset: normalisedSrc.value.srcset,\r\n    alt: props.alt,\r\n    crossorigin: props.crossorigin,\r\n    referrerpolicy: props.referrerpolicy,\r\n    draggable: props.draggable,\r\n    sizes: props.sizes,\r\n}));\r\n</script>\r\n\r\n<template>\r\n    <ev-responsive\r\n        v-intersect.once=\"{\r\n            handler: init,\r\n            options: props.options,\r\n        }\"\r\n        :class=\"[\r\n            'ev-img',\r\n            {\r\n                'is-booting': !isBooted,\r\n            },\r\n            props.class,\r\n        ]\"\r\n        :style=\"[\r\n            {\r\n                width: toWebUnit(\r\n                    props.width === 'auto' ? naturalWidth : props.width,\r\n                ),\r\n            },\r\n            props.style,\r\n        ]\"\r\n        v-bind=\"responsiveProps\"\r\n        :aria-label=\"props.alt\"\r\n        :aspect-ratio=\"aspectRatio\"\r\n        :role=\"props.alt ? 'img' : undefined\">\r\n        <template #additional>\r\n            <ev-transition\r\n                v-if=\"normalisedSrc.src && state !== 'idle'\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <picture\r\n                    v-if=\"slots.sources\"\r\n                    v-show=\"isLoaded\"\r\n                    class=\"ev-img--picture\">\r\n                    <slot name=\"sources\" />\r\n                    <img\r\n                        ref=\"image\"\r\n                        :class=\"['ev-img--img', objectFitClasses]\"\r\n                        :style=\"{ objectPosition: props.position }\"\r\n                        v-bind=\"imgProps\"\r\n                        @load=\"onLoad\"\r\n                        @error=\"onError\" />\r\n                </picture>\r\n                <img\r\n                    v-else\r\n                    v-show=\"isLoaded\"\r\n                    ref=\"image\"\r\n                    :class=\"['ev-img--img', objectFitClasses]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    v-bind=\"imgProps\"\r\n                    @load=\"onLoad\"\r\n                    @error=\"onError\" />\r\n            </ev-transition>\r\n\r\n            <ev-transition :transition=\"transition\">\r\n                <img\r\n                    v-if=\"normalisedSrc.lazySrc && state !== 'loaded'\"\r\n                    :class=\"[\r\n                        'ev-img--img',\r\n                        'ev-img--preload',\r\n                        objectFitClasses,\r\n                    ]\"\r\n                    :style=\"{ objectPosition: props.position }\"\r\n                    :src=\"normalisedSrc.lazySrc\"\r\n                    :alt=\"props.alt\"\r\n                    :crossorigin=\"props.crossorigin\"\r\n                    :referrerpolicy=\"props.referrerpolicy\"\r\n                    :draggable=\"props.draggable\" />\r\n            </ev-transition>\r\n\r\n            <div\r\n                v-if=\"props.gradient\"\r\n                class=\"ev-img--gradient\"\r\n                :style=\"{\r\n                    backgroundImage: `linear-gradient(${props.gradient})`,\r\n                }\"></div>\r\n\r\n            <ev-transition\r\n                v-if=\"slots.placeholder\"\r\n                :transition=\"transition\"\r\n                appear>\r\n                <div\r\n                    v-if=\"\r\n                        state === 'loading' ||\r\n                        (state === 'error' && !slots.error)\r\n                    \"\r\n                    class=\"ev-img--placeholder\">\r\n                    <slot name=\"placeholder\" />\r\n                </div>\r\n            </ev-transition>\r\n\r\n            <ev-transition v-if=\"slots.error\" :transition=\"transition\" appear>\r\n                <div class=\"ev-img--error\">\r\n                    <slot name=\"error\" />\r\n                </div>\r\n            </ev-transition>\r\n        </template>\r\n        <template #default>\r\n            <slot name=\"default\" />\r\n        </template>\r\n    </ev-responsive>\r\n</template>\r\n"],"names":["propsFactory","makeEvResponsiveProps","makeComponentProps","makeEvTransitionProps","_useSlots","shallowRef","ref","props","useEvTransition","computed","isObject","Browser","nextTick","_a","watch","onBeforeMount","onMounted","onBeforeUnmount","filterComponentProps","EvResponsive"],"mappings":";;;;;;;;;;AAMO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,MAGN,SAAS,OAAO;AAAA,QACZ,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,MACf;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV,gBAAgB;AAAA,IAUhB,OAAO;AAAA,IACP,KAAK;AAAA,MACD,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,IAER,GAAGC,uEAAsB;AAAA,IACzB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,aAAsB,sBAAA;AAAA,EAC7B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;AC3BA,UAAM,QAAQC,IAAAA,SAAA;AAQR,UAAA,aAAaC,eAAW,EAAE;AAChC,UAAM,QAAQC,IAAAA,IAAsB;AACpC,UAAM,QAAQD,IAAA;AAAA,MACVE,OAAM,QAAQ,YAAY;AAAA,IAC9B;AACA,UAAM,eAAeF,IAAAA,WAAmB;AACxC,UAAM,gBAAgBA,IAAAA,WAAmB;AACnC,UAAA,aAAaG,6BAAgBD,MAAK;AAElC,UAAA,gBAA6CE,IAAAA,SAAS,MAAM;AAC9D,YAAM,SAASF;AAER,aAAAG,YAAA,SAAS,OAAO,GAAG,IACpB;AAAA,QACI,KAAK,OAAO,IAAI;AAAA,QAChB,QAAQH,OAAM,UAAU,OAAO,IAAI;AAAA,QACnC,SAASA,OAAM,WAAW,OAAO,IAAI;AAAA,QACrC,QAAQA,OAAM,eAAe,OAAO,IAAI,UAAU;AAAA,MAAA,IAEtD;AAAA,QACI,KAAKA,OAAM;AAAA,QACX,QAAQA,OAAM;AAAA,QACd,SAASA,OAAM;AAAA,QACf,QAAQA,OAAM,eAAe;AAAA,MACjC;AAAA,IAAA,CACT;AAEK,UAAA,cAAcE,IAAAA,SAAS,MAAM;AAC/B,aACI,cAAc,MAAM,UACpB,aAAa,QAAS,cAAc,SACpC;AAAA,IAAA,CAEP;AAEK,UAAA,mBAAmBA,IAAAA,SAAS,MAAM;AAC7B,aAAA;AAAA,QACH,mBAAmBF,OAAM;AAAA,QACzB,qBAAqB,CAACA,OAAM;AAAA,MAChC;AAAA,IAAA,CACH;AAKD,aAAS,SAAS;AACd,YAAM,MAAM,MAAM;AAClB,UAAI,KAAK;AACM,mBAAA,QAAQ,IAAI,cAAc,IAAI;AAAA,MAAA;AAAA,IAC7C;AAQJ,aAAS,KAAK,gBAA0B;AAChC,UAAAA,OAAM,SAAS,gBAAgB;AAC/B;AAAA,MAAA;AAEJ,UAAII,QAAAA,QAAQ,wBAAwB,CAAC,kBAAkB,CAACJ,OAAM,OAAO;AACjE;AAAA,MAAA;AAEJ,YAAM,QAAQ;AAEV,UAAA,cAAc,MAAM,SAAS;AACvB,cAAA,UAAU,IAAI,MAAM;AAClB,gBAAA,MAAM,cAAc,MAAM;AAClC,oBAAY,SAAS,IAAI;AAAA,MAAA;AAGzB,UAAA,CAAC,cAAc,MAAM,KAAK;AAC1B;AAAA,MAAA;AAGJK,UAAAA,SAAS,MAAM;;AACX,aAAK,eAAa,WAAM,UAAN,mBAAa,eAAc,cAAc,MAAM,GAAG;AACpE,mBAAW,MAAM;;AACT,eAAAC,MAAA,MAAM,UAAN,gBAAAA,IAAa,UAAU;AACnB,gBAAA,CAAC,MAAM,MAAM,cAAc;AACnB,sBAAA;AAAA,YAAA;AAER,gBAAA,MAAM,UAAU,SAAS;AACzB;AAAA,YAAA;AAEA,gBAAA,CAAC,YAAY,OAAO;AACR,0BAAA,MAAM,OAAO,IAAI;AAAA,YAAA;AAE7B,gBAAA,MAAM,UAAU,WAAW;AACpB,qBAAA;AAAA,YAAA;AAAA,UACX,OACG;AACC,gBAAA,CAAC,YAAY,OAAO;AACpB,0BAAY,MAAM,KAAM;AAAA,YAAA;AAErB,mBAAA;AAAA,UAAA;AAAA,QACX,CACH;AAAA,MAAA,CACJ;AAAA,IAAA;AAML,aAAS,UAAU;;AACf,YAAM,QAAQ;AACd,WAAK,WAAS,WAAM,UAAN,mBAAa,eAAc,cAAc,MAAM,GAAG;AAAA,IAAA;AAMpE,aAAS,SAAS;;AACP,aAAA;AACP,kBAAY,MAAM,KAAM;AACxB,YAAM,QAAQ;AACd,WAAK,UAAQ,WAAM,UAAN,mBAAa,eAAc,cAAc,MAAM,GAAG;AAAA,IAAA;AAGnE,QAAI,QAAQ;AACH,aAAA,YAAY,KAAuB,UAAyB,KAAK;AACtE,YAAM,OAAO,MAAM;AACf,qBAAa,KAAK;AAClB,YAAI,CAAC,KAAK;AACN;AAAA,QAAA;AAEJ,YAAI,EAAC,2BAAK,aAAY,MAAM,UAAU,aAAa,WAAW,MAAM;AACxD,kBAAA,OAAO,WAAW,MAAM,OAAO;AACvC;AAAA,QAAA;AAEJ,cAAM,EAAE,eAAe,WAAW,cAAc,SAAa,IAAA;AAC7D,YAAI,aAAa,UAAU;AACvB,uBAAa,QAAQ;AACrB,wBAAc,QAAQ;AAAA,QAAA,WAEtB,IAAI,WAAW,SAAS,MAAM,KAC9B,IAAI,WAAW,WAAW,oBAAoB,GAChD;AACE,uBAAa,QAAQ;AACrB,wBAAc,QAAQ;AAAA,QAAA;AAAA,MAE9B;AACK,WAAA;AAAA,IAAA;AAGTC,QAAA;AAAA,MACI,MAAMP,OAAM;AAAA,MACZ,MAAM;AACE,YAAA,MAAM,UAAU,QAAQ;AACxB,gBAAM,QAAQ;AACdK,cAAAA,SAAS,MAAM;AACX,iBAAK,IAAI;AAAA,UAAA,CACZ;AAAA,QAAA;AAAA,MACL;AAAA,IAER;AAEME,QAAAA,MAAA,aAAa,CAAC,KAAK,WAAW;AAChC,UAAI,CAAC,OAAO,UAAU,MAAM,OAAO;AAC/B,oBAAY,MAAM,KAAK;AAAA,MAAA;AAAA,IAC3B,CACH;AAEaC,QAAA,cAAA,MAAM,MAAM;AAE1B,QAAIJ,QAAAA,QAAQ,WAAW;AACb,YAAA,cAAcL,IAAAA,IAAI,OAAO,UAAU;AACzC,YAAM,iBAAiB,MAAM;AACzB,oBAAY,QAAQ,OAAO;AAAA,MAC/B;AACAU,UAAAA,UAAU,MAAM;AACL,eAAA,iBAAiB,UAAU,cAAc;AACjC,uBAAA;AAAA,MAAA,CAClB;AAEDC,UAAAA,gBAAgB,MAAM;AACX,eAAA,oBAAoB,UAAU,cAAc;AAAA,MAAA,CACtD;AAEKH,UAAAA,MAAA,aAAa,CAAC,UAAU,aAAa;AACvC,YAAI,YAAY,UAAU;AACf,iBAAA;AAAA,QAAA;AAAA,MACX,CACH;AAAA,IAAA;AAGC,UAAA,WAAWT,eAAW,KAAK;AACjC;AACI,YAAM,OAAOS,IAAAA,MAAM,aAAa,CAAC,QAAQ;AACrC,YAAI,KAAK;AAEL,gCAAsB,MAAM;AACxB,kCAAsB,MAAM;AACxB,uBAAS,QAAQ;AAAA,YAAA,CACpB;AAAA,UAAA,CACJ;AACI,eAAA;AAAA,QAAA;AAAA,MACT,CACH;AAAA,IAAA;AAGC,UAAA,WAAWL,IAAAA,SAAS,MAAM;AAC5B,aAAO,MAAM,UAAU;AAAA,IAAA,CAC1B;AAED,UAAM,kBAAkBA,IAAA;AAAA,MAAS,MAC7BS,QAAAA,qBAAqBC,iDAAAA,WAAcZ,MAAK;AAAA,IAC5C;AAEM,UAAA,WAAWE,IAAAA,SAAS,OAAO;AAAA,MAC7B,KAAK,cAAc,MAAM;AAAA,MACzB,QAAQ,cAAc,MAAM;AAAA,MAC5B,KAAKF,OAAM;AAAA,MACX,aAAaA,OAAM;AAAA,MACnB,gBAAgBA,OAAM;AAAA,MACtB,WAAWA,OAAM;AAAA,MACjB,OAAOA,OAAM;AAAA,IAAA,EACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}