@evance/evance-ui 1.0.2 → 1.0.3

package/dist/esm/EvResponsive.vue_vue_type_script_setup_true_lang-TdQg4avc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.vue_vue_type_script_setup_true_lang-TdQg4avc.mjs","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":["_useSlots"],"mappings":";;;;;AAuBO,SAAS,gBAAgB,OAAyB;AAC9C,SAAA;AAAA,IACH,cAAc,SAAS,MAAM;AACrB,UAAA,CAAC,MAAM,aAAa;AACb,eAAA;AAAA,MACX;AACM,YAAA,QAAQ,OAAO,MAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MAAA;AAAA,IACvC,CACH;AAAA,EAAA;AAET;AAEO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,aAAa,CAAC,QAAQ,MAAM;AAAA,IAC5B,cAAc;AAAA,IACd,QAAQ;AAAA,IAER,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;ACpCA,UAAM,QAAQA;AAKd,UAAM,EAAE,aAAA,IAAiB,gBAAgB,KAAK;AACxC,UAAA,kBAAkB,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvSelect.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { _, m } from "./EvSelect.vue_vue_type_script_setup_true_lang-7w3Yuk21.mjs";
+/*! Evance UI v1.0.2 | MIT License */
+import { _, m } from "./EvSelect.vue_vue_type_script_setup_true_lang-CSOOrTrE.mjs";
 export {
   _ as EvSelect,
   m as makeEvSelectProps