@evance/evance-ui 1.0.2 → 1.0.3

package/dist/cjs/EvResponsive.vue_vue_type_script_setup_true_lang-Bah18JOc.cjs

@@ -0,0 +1,69 @@
+"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 dimensions = require("./dimensions-BdUwmmzi.cjs");
+function useAspectStyles(props2) {
+  return {
+    aspectStyles: vue.computed(() => {
+      if (!props2.aspectRatio) {
+        return void 0;
+      }
+      const ratio = String(props2.aspectRatio);
+      return {
+        aspectRatio: ratio.replace(":", "/")
+      };
+    })
+  };
+}
+const makeEvResponsiveProps = props.propsFactory(
+  {
+    aspectRatio: [String, Number],
+    contentClass: String,
+    inline: Boolean,
+    ...component.makeComponentProps(),
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvResponsive"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvResponsive",
+  props: {
+    ...makeEvResponsiveProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const { aspectStyles } = useAspectStyles(props2);
+    const dimensionStyles = dimensions.useDimensions(props2);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ev-responsive",
+          {
+            "is-inline": props2.inline
+          },
+          props2.class
+        ]),
+        style: vue.normalizeStyle([vue.unref(dimensionStyles), props2.style])
+      }, [
+        vue.createElementVNode("div", {
+          class: "ev-responsive--sizer",
+          style: vue.normalizeStyle(vue.unref(aspectStyles))
+        }, null, 4),
+        vue.renderSlot(_ctx.$slots, "additional"),
+        vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["ev-responsive--content", props2.contentClass])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvResponsiveProps = makeEvResponsiveProps;
+exports.useAspectStyles = useAspectStyles;
+//# sourceMappingURL=EvResponsive.vue_vue_type_script_setup_true_lang-Bah18JOc.cjs.map

package/dist/cjs/EvResponsive.vue_vue_type_script_setup_true_lang-Bah18JOc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.vue_vue_type_script_setup_true_lang-Bah18JOc.cjs","sources":["../../src/components/EvResponsive/EvResponsive.ts","../../src/components/EvResponsive/EvResponsive.vue"],"sourcesContent":["import { computed } from \"vue\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeDimensionsProps } from \"@/composables/dimensions.ts\";\n\nexport type EvResponsiveSlots = {\n    default: never;\n    content: never;\n};\n\nexport type AspectRatioProps = {\n    aspectRatio?: string | number;\n};\n\n/**\n * # useAspectStyles\n *\n * Aspect ratio notation is permitted as a number or a string where aspects such as '16:9' is\n * converted to a division '16/9'.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n * @param props\n */\nexport function useAspectStyles(props: AspectRatioProps) {\n    return {\n        aspectStyles: computed(() => {\n            if (!props.aspectRatio) {\n                return undefined;\n            }\n            const ratio = String(props.aspectRatio);\n            return {\n                aspectRatio: ratio.replace(\":\", \"/\"),\n            };\n        }),\n    };\n}\n\nexport const makeEvResponsiveProps = propsFactory(\n    {\n        aspectRatio: [String, Number],\n        contentClass: String,\n        inline: Boolean,\n\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvResponsive\",\n);\n","<script setup lang=\"ts\">\n/**\n * '<ev-responsive>`\n */\nimport \"./EvResponsive.scss\";\nimport { makeEvResponsiveProps, useAspectStyles } from \"./EvResponsive.ts\";\nimport { useDimensions } from \"@/composables/dimensions.ts\";\n\nconst props = defineProps({\n    ...makeEvResponsiveProps(),\n});\nconst slots = defineSlots<{\n    additional(): never;\n    default(): never;\n}>();\n\nconst { aspectStyles } = useAspectStyles(props);\nconst dimensionStyles = useDimensions(props);\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-responsive',\n            {\n                'is-inline': props.inline,\n            },\n            props.class,\n        ]\"\n        :style=\"[dimensionStyles, props.style]\">\n        <div class=\"ev-responsive--sizer\" :style=\"aspectStyles\"></div>\n        <slot name=\"additional\" />\n        <div\n            v-if=\"slots.default\"\n            :class=\"['ev-responsive--content', props.contentClass]\">\n            <slot name=\"default\" />\n        </div>\n    </div>\n</template>\n"],"names":["props","computed","propsFactory","makeComponentProps","makeDimensionsProps","_useSlots","useDimensions"],"mappings":";;;;;;AAuBO,SAAS,gBAAgBA,QAAyB;AAC9C,SAAA;AAAA,IACH,cAAcC,aAAS,MAAM;AACrB,UAAA,CAACD,OAAM,aAAa;AACb,eAAA;AAAA,MACX;AACM,YAAA,QAAQ,OAAOA,OAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MAAA;AAAA,IACvC,CACH;AAAA,EAAA;AAET;AAEO,MAAM,wBAAwBE,MAAA;AAAA,EACjC;AAAA,IACI,aAAa,CAAC,QAAQ,MAAM;AAAA,IAC5B,cAAc;AAAA,IACd,QAAQ;AAAA,IAER,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,+BAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;ACpCA,UAAM,QAAQC,IAAAA;AAKd,UAAM,EAAE,aAAA,IAAiB,gBAAgBL,MAAK;AACxC,UAAA,kBAAkBM,yBAAcN,MAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvSelect.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 EvSelect_vue_vue_type_script_setup_true_lang = require("./EvSelect.vue_vue_type_script_setup_true_lang-CoqoFwNc.cjs");
+const EvSelect_vue_vue_type_script_setup_true_lang = require("./EvSelect.vue_vue_type_script_setup_true_lang-CQ6vJVUN.cjs");
 exports.EvSelect = EvSelect_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvSelectProps = EvSelect_vue_vue_type_script_setup_true_lang.makeEvSelectProps;
 //# sourceMappingURL=EvSelect.cjs.map