@evance/evance-ui 1.0.20 → 1.0.21

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

@@ -0,0 +1,69 @@
+"use strict";
+/*! Evance UI v1.0.21 | MIT License */
+const vue = require("vue");
+const component = require("./component-CNhKFCnY.cjs");
+const dimensions = require("./dimensions-Cr3hY69C.cjs");
+const props = require("./props-B-0qGG2x.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-BVZrga7E.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.vue_vue_type_script_setup_true_lang-BVZrga7E.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\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\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\";\nimport { useDimensions } from \"@/composables/dimensions\";\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,MAAA;AAEL,YAAA,QAAQ,OAAOA,OAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MACvC;AAAA,IACH,CAAA;AAAA,EACL;AACJ;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,WAAoB,oBAAA;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;ACpCA,UAAM,QAAQC,IAAAA;AAKd,UAAM,EAAE,aAAA,IAAiB,gBAAgBL,MAAK;AACxC,UAAA,kBAAkBM,yBAAcN,MAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvSection.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.20 | MIT License */
+/*! Evance UI v1.0.21 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvSection_vue_vue_type_script_setup_true_lang = require("./EvSection.vue_vue_type_script_setup_true_lang-DLW3UAZe.cjs");
+const EvSection_vue_vue_type_script_setup_true_lang = require("./EvSection.vue_vue_type_script_setup_true_lang-5Oj63CVa.cjs");
 exports.EvSection = EvSection_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvSectionProps = EvSection_vue_vue_type_script_setup_true_lang.makeEvSectionProps;
 //# sourceMappingURL=EvSection.cjs.map

package/dist/cjs/EvSection.vue_vue_type_script_setup_true_lang-5Oj63CVa.cjs

@@ -0,0 +1,57 @@
+"use strict";
+/*! Evance UI v1.0.21 | MIT License */
+const vue = require("vue");
+const component = require("./component-CNhKFCnY.cjs");
+const tag = require("./tag-CpkLjvvi.cjs");
+const props = require("./props-B-0qGG2x.cjs");
+const EvEyebrow_vue_vue_type_script_setup_true_lang = require("./EvEyebrow.vue_vue_type_script_setup_true_lang-CdOYJOFl.cjs");
+const makeEvSectionProps = props.propsFactory(
+  {
+    title: String,
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps()
+  },
+  "EvSection"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvSection",
+  props: { ...makeEvSectionProps() },
+  setup(__props) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        role: "group",
+        "aria-label": props2.title,
+        class: vue.normalizeClass([
+          "ev-section",
+          props2.class
+        ]),
+        style: vue.normalizeStyle(props2.style)
+      }, {
+        default: vue.withCtx(() => [
+          props2.title || vue.unref(slots).heading ? (vue.openBlock(), vue.createBlock(vue.unref(EvEyebrow_vue_vue_type_script_setup_true_lang._sfc_main), {
+            key: 0,
+            tag: "div",
+            appearance: "subtle",
+            role: "heading",
+            class: "ev-section--heading",
+            "aria-hidden": "true"
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "heading", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(props2.title), 1)
+              ])
+            ]),
+            _: 3
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["aria-label", "class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvSectionProps = makeEvSectionProps;
+//# sourceMappingURL=EvSection.vue_vue_type_script_setup_true_lang-5Oj63CVa.cjs.map

package/dist/cjs/EvSection.vue_vue_type_script_setup_true_lang-5Oj63CVa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSection.vue_vue_type_script_setup_true_lang-5Oj63CVa.cjs","sources":["../../src/components/EvSection/EvSection.ts","../../src/components/EvSection/EvSection.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvSectionProps = propsFactory(\n    {\n        title: String,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvSection\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvSection.scss\";\nimport { makeEvSectionProps } from \"./EvSection\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\n\nconst props = defineProps({ ...makeEvSectionProps() });\nconst slots = defineSlots<{\n    default(): never;\n    heading(): never;\n}>();\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        role=\"group\"\n        :aria-label=\"props.title\"\n        :class=\"[\n            'ev-section',\n            props.class\n        ]\"\n        :style=\"props.style\">\n        <ev-eyebrow\n            v-if=\"props.title || slots.heading\"\n            tag=\"div\"\n            appearance=\"subtle\"\n            role=\"heading\"\n            class=\"ev-section--heading\"\n            aria-hidden=\"true\">\n            <slot name=\"heading\">{{ props.title }}</slot>\n        </ev-eyebrow>\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","_useSlots"],"mappings":";;;;;;;AAIO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IAEP,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,IAAa,aAAA;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;ACNA,UAAM,QAAQC,IAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvSelect.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.20 | MIT License */
+/*! Evance UI v1.0.21 | 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-CCog6GL_.cjs");
+const EvSelect_vue_vue_type_script_setup_true_lang = require("./EvSelect.vue_vue_type_script_setup_true_lang-BTZpX1Hs.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