@evance/evance-ui 1.0.29 → 1.0.30

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvResponsive.vue_vue_type_script_setup_true_lang-BE1wtUX0.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\";\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":["_useSlots"],"mappings":";;;;;AAuBO,SAAS,gBAAgB,OAAyB;AAC9C,SAAA;AAAA,IACH,cAAc,SAAS,MAAM;AACrB,UAAA,CAAC,MAAM,aAAa;AACb,eAAA;AAAA,MAAA;AAEL,YAAA,QAAQ,OAAO,MAAM,WAAW;AAC/B,aAAA;AAAA,QACH,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,MACvC;AAAA,IACH,CAAA;AAAA,EACL;AACJ;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/EvSection.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.29 | MIT License */
-import { _, m } from "./EvSection.vue_vue_type_script_setup_true_lang-CRtoR-is.mjs";
+/*! Evance UI v1.0.30 | MIT License */
+import { _, m } from "./EvSection.vue_vue_type_script_setup_true_lang-_MTIGUFg.mjs";
 export {
   _ as EvSection,
   m as makeEvSectionProps

package/dist/esm/EvSection.vue_vue_type_script_setup_true_lang-_MTIGUFg.mjs

@@ -0,0 +1,58 @@
+/*! Evance UI v1.0.30 | MIT License */
+import { defineComponent, useSlots, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createCommentVNode, renderSlot, unref, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-BbTkebsN.mjs";
+import { m as makeTagProps } from "./tag-HUerBSgl.mjs";
+import { p as propsFactory } from "./props-CGSvR1yw.mjs";
+import { _ as _sfc_main$1 } from "./EvEyebrow.vue_vue_type_script_setup_true_lang-CPxOa5Lh.mjs";
+const makeEvSectionProps = propsFactory(
+  {
+    title: String,
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvSection"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvSection",
+  props: { ...makeEvSectionProps() },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        role: "group",
+        "aria-label": props.title,
+        class: normalizeClass([
+          "ev-section",
+          props.class
+        ]),
+        style: normalizeStyle(props.style)
+      }, {
+        default: withCtx(() => [
+          props.title || unref(slots).heading ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            tag: "div",
+            appearance: "subtle",
+            role: "heading",
+            class: "ev-section--heading",
+            "aria-hidden": "true"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "heading", {}, () => [
+                createTextVNode(toDisplayString(props.title), 1)
+              ])
+            ]),
+            _: 3
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["aria-label", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvSectionProps as m
+};
+//# sourceMappingURL=EvSection.vue_vue_type_script_setup_true_lang-_MTIGUFg.mjs.map

package/dist/esm/EvSection.vue_vue_type_script_setup_true_lang-_MTIGUFg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvSection.vue_vue_type_script_setup_true_lang-_MTIGUFg.mjs","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":["_useSlots"],"mappings":";;;;;;AAIO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO;AAAA,IAEP,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;ACNA,UAAM,QAAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvSelect.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.29 | MIT License */
-import { _, m } from "./EvSelect.vue_vue_type_script_setup_true_lang-CH5J8IEH.mjs";
+/*! Evance UI v1.0.30 | MIT License */
+import { _, m } from "./EvSelect.vue_vue_type_script_setup_true_lang-BRqupgRH.mjs";
 export {
   _ as EvSelect,
   m as makeEvSelectProps