@evance/evance-ui 1.0.39 → 1.0.41

package/dist/esm/chunks/EvApp.vue_vue_type_script_setup_true_lang-DWOkE_lk.mjs

@@ -1,98 +0,0 @@
-/*! Evance UI v1.0.39 | MIT License */
-import { inject, computed, provide, ref, defineComponent, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { p as propsFactory } from "./props-bP0y56e4.mjs";
-import { g as getCurrentComponent } from "./components-DRAl2_fC.mjs";
-import { m as mergeDeep } from "./helpers-CujiujPK.mjs";
-import { m as makeComponentProps } from "./component-D8Vj5yiG.mjs";
-const ThemeSymbol = Symbol.for("ev:theme");
-const makeThemeProps = propsFactory(
-  {
-    theme: String
-  },
-  "theme"
-);
-const defaultThemeOptions = {
-  defaultTheme: "system"
-};
-function parseThemeOptions(options = defaultThemeOptions) {
-  return !options ? defaultThemeOptions : mergeDeep(defaultThemeOptions, options);
-}
-function createTheme(options) {
-  const parsedOptions = parseThemeOptions(options);
-  const name = ref(parsedOptions.defaultTheme);
-  const themeClasses = computed(() => `ev-theme-${name.value}`);
-  return {
-    name,
-    themeClasses
-  };
-}
-function provideTheme(props) {
-  getCurrentComponent("provideTheme");
-  const theme = inject(ThemeSymbol, null);
-  if (!theme) {
-    throw new Error("Unable to find theme provider.");
-  }
-  const name = computed(() => props.theme ?? theme.name.value);
-  const themeClasses = computed(() => `ev-theme-${name.value}`);
-  const newTheme = {
-    name,
-    themeClasses
-  };
-  provide(ThemeSymbol, newTheme);
-  return newTheme;
-}
-const makeEvAppProps = propsFactory(
-  {
-    themeScope: {
-      type: String,
-      default: "body"
-    },
-    ...makeComponentProps(),
-    ...makeThemeProps()
-  },
-  "EvApp"
-);
-const _hoisted_1 = { class: "ev-application--container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvApp",
-  props: { ...makeEvAppProps() },
-  setup(__props) {
-    const props = __props;
-    const { themeClasses } = provideTheme(props);
-    const appThemeClasses = computed(() => {
-      return props.themeScope === "app" ? themeClasses.value : void 0;
-    });
-    const bodyThemeClasses = computed(() => {
-      return props.themeScope === "body" ? themeClasses.value : void 0;
-    });
-    watch(bodyThemeClasses, (newValue, oldValue) => {
-      if (oldValue) {
-        document.body.classList.remove(oldValue);
-      }
-      if (newValue) {
-        document.body.classList.add(newValue);
-      }
-    });
-    onMounted(() => {
-      if (bodyThemeClasses.value) {
-        document.body.classList.add(bodyThemeClasses.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-application", appThemeClasses.value, props.class])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  ThemeSymbol as T,
-  _sfc_main as _,
-  createTheme as c,
-  makeEvAppProps as m
-};
-//# sourceMappingURL=EvApp.vue_vue_type_script_setup_true_lang-DWOkE_lk.mjs.map

package/dist/esm/chunks/EvApp.vue_vue_type_script_setup_true_lang-DWOkE_lk.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvApp.vue_vue_type_script_setup_true_lang-DWOkE_lk.mjs","sources":["../../../src/composables/theme.ts","../../../src/components/EvApp/EvApp.ts","../../../src/components/EvApp/EvApp.vue"],"sourcesContent":["import {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    Ref,\n    ref,\n} from \"vue\";\nimport { getCurrentComponent, mergeDeep, propsFactory } from \"@/util\";\n\nexport type Theme = \"system\" | \"light\" | \"dark\";\n\nexport type ThemeOptions = {\n    defaultTheme?: Theme;\n};\n\nexport interface ThemeInstance {\n    readonly name: Readonly<Ref<Theme>>;\n    readonly themeClasses: Readonly<Ref<string | undefined>>;\n}\n\nexport const ThemeSymbol: InjectionKey<ThemeInstance> = Symbol.for(\"ev:theme\");\n\nexport const makeThemeProps = propsFactory(\n    {\n        theme: String as PropType<Theme>,\n    },\n    \"theme\",\n);\n\nconst defaultThemeOptions: ThemeOptions = {\n    defaultTheme: \"system\",\n};\n\nfunction parseThemeOptions(\n    options: ThemeOptions = defaultThemeOptions,\n): ThemeOptions {\n    return !options\n        ? defaultThemeOptions\n        : mergeDeep(defaultThemeOptions, options);\n}\n\nexport function createTheme(options?: ThemeOptions): ThemeInstance {\n    const parsedOptions = parseThemeOptions(options);\n    const name = ref<Theme>(parsedOptions.defaultTheme);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n\n    return {\n        name,\n        themeClasses,\n    };\n}\n\n/**\n * # `provideTheme`\n *\n * @param props\n */\nexport function provideTheme(props: { theme?: Theme }) {\n    getCurrentComponent(\"provideTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    const name = computed(() => props.theme ?? theme.name.value);\n    const themeClasses = computed(() => `ev-theme-${name.value}`);\n    const newTheme: ThemeInstance = {\n        name,\n        themeClasses,\n    };\n    provide(ThemeSymbol, newTheme);\n    return newTheme;\n}\n\nexport function useTheme() {\n    getCurrentComponent(\"useTheme\");\n    const theme = inject(ThemeSymbol, null);\n    if (!theme) {\n        throw new Error(\"Unable to find theme provider.\");\n    }\n    return theme;\n}\n","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeThemeProps } from \"@/composables/theme\";\nimport { PropType } from \"vue\";\n\nexport type ThemeScope = \"body\" | \"app\";\n\nexport const makeEvAppProps = propsFactory(\n    {\n        themeScope: {\n            type: String as PropType<ThemeScope>,\n            default: \"body\",\n        },\n        ...makeComponentProps(),\n        ...makeThemeProps(),\n    },\n    \"EvApp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvApp.scss\";\nimport { makeEvAppProps } from \"./EvApp\";\nimport { provideTheme } from \"@/composables/theme\";\nimport { computed, onMounted, watch } from \"vue\";\n\nconst props = defineProps({ ...makeEvAppProps() });\nconst { themeClasses } = provideTheme(props);\n\nconst appThemeClasses = computed(() => {\n    return props.themeScope === \"app\" ? themeClasses.value : undefined;\n});\n\nconst bodyThemeClasses = computed(() => {\n    return props.themeScope === \"body\" ? themeClasses.value : undefined;\n});\n\nwatch(bodyThemeClasses, (newValue, oldValue) => {\n    if (oldValue) {\n        document.body.classList.remove(oldValue);\n    }\n    if (newValue) {\n        document.body.classList.add(newValue);\n    }\n});\n\nonMounted(() => {\n    if (bodyThemeClasses.value) {\n        document.body.classList.add(bodyThemeClasses.value);\n    }\n});\n</script>\n\n<template>\n    <div :class=\"['ev-application', appThemeClasses, props.class]\">\n        <div class=\"ev-application--container\">\n            <slot />\n        </div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;AAsBa,MAAA,cAA2C,OAAO,IAAI,UAAU;AAEtE,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,EACX;AAAA,EACA;AACJ;AAEA,MAAM,sBAAoC;AAAA,EACtC,cAAc;AAClB;AAEA,SAAS,kBACL,UAAwB,qBACZ;AACZ,SAAO,CAAC,UACF,sBACA,UAAU,qBAAqB,OAAO;AAChD;AAEO,SAAS,YAAY,SAAuC;AACzD,QAAA,gBAAgB,kBAAkB,OAAO;AACzC,QAAA,OAAO,IAAW,cAAc,YAAY;AAClD,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAErD,SAAA;AAAA,IACH;AAAA,IACA;AAAA,EACJ;AACJ;AAOO,SAAS,aAAa,OAA0B;AACnD,sBAAoB,cAAc;AAC5B,QAAA,QAAQ,OAAO,aAAa,IAAI;AACtC,MAAI,CAAC,OAAO;AACF,UAAA,IAAI,MAAM,gCAAgC;AAAA,EAAA;AAEpD,QAAM,OAAO,SAAS,MAAM,MAAM,SAAS,MAAM,KAAK,KAAK;AAC3D,QAAM,eAAe,SAAS,MAAM,YAAY,KAAK,KAAK,EAAE;AAC5D,QAAM,WAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,EACJ;AACA,UAAQ,aAAa,QAAQ;AACtB,SAAA;AACX;AClEO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,IACtB,GAAG,eAAe;AAAA,EACtB;AAAA,EACA;AACJ;;;;;;;ACVA,UAAM,EAAE,aAAA,IAAiB,aAAa,KAAK;AAErC,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,MAAM,eAAe,QAAQ,aAAa,QAAQ;AAAA,IAAA,CAC5D;AAEK,UAAA,mBAAmB,SAAS,MAAM;AACpC,aAAO,MAAM,eAAe,SAAS,aAAa,QAAQ;AAAA,IAAA,CAC7D;AAEK,UAAA,kBAAkB,CAAC,UAAU,aAAa;AAC5C,UAAI,UAAU;AACD,iBAAA,KAAK,UAAU,OAAO,QAAQ;AAAA,MAAA;AAE3C,UAAI,UAAU;AACD,iBAAA,KAAK,UAAU,IAAI,QAAQ;AAAA,MAAA;AAAA,IACxC,CACH;AAED,cAAU,MAAM;AACZ,UAAI,iBAAiB,OAAO;AACxB,iBAAS,KAAK,UAAU,IAAI,iBAAiB,KAAK;AAAA,MAAA;AAAA,IACtD,CACH;;;;;;;;;;;;"}

package/dist/esm/chunks/EvAvatar.vue_vue_type_script_setup_true_lang-ChD7pJAl.mjs

@@ -1,125 +0,0 @@
-/*! Evance UI v1.0.39 | MIT License */
-import { computed, isRef, defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { m as makeComponentProps } from "./component-D8Vj5yiG.mjs";
-import { I as IconProp } from "./icons-COe4waWk.mjs";
-import { i as destructComputed } from "./helpers-CujiujPK.mjs";
-import { p as propsFactory } from "./props-bP0y56e4.mjs";
-import { t as toWebUnit } from "./units-zwo2l3gS.mjs";
-import { b as makeAppearanceProps, u as useAppearance } from "./appearance-Deh7P6ml.mjs";
-import { _ as _sfc_main$2 } from "./EvIcon.vue_vue_type_style_index_0_lang-CPjmQFT9.mjs";
-import { _ as _sfc_main$1 } from "./EvImg.vue_vue_type_script_setup_true_lang-CqK5hR-x.mjs";
-import { u as useDefaults } from "./defaults-CI12pY1z.mjs";
-const Size = {
-  default: "medium",
-  xSmall: "x-small",
-  small: "small",
-  medium: "medium",
-  large: "large",
-  xLarge: "x-large"
-};
-const predefinedSizes = Array.from(new Set(Object.values(Size)));
-const makeSizeProps = propsFactory(
-  {
-    size: {
-      type: [String, Number],
-      default: Size.default
-    }
-  },
-  "size"
-);
-function useSize(props) {
-  return destructComputed(() => {
-    let sizeClasses;
-    let sizeStyles = {};
-    if (predefinedSizes.includes(props.size)) {
-      sizeClasses = `is-size-${props.size}`;
-    } else if (props.size) {
-      sizeStyles = {
-        width: toWebUnit(props.size),
-        height: toWebUnit(props.size)
-      };
-    }
-    return { sizeClasses, sizeStyles };
-  });
-}
-const makeRoundedProps = propsFactory(
-  {
-    rounded: {
-      type: [Boolean, Number, String],
-      default: void 0
-    }
-  },
-  "rounded"
-);
-function useRounded(props) {
-  const roundedClasses = computed(() => {
-    const rounded = isRef(props) ? props.value : props.rounded;
-    const classes = [];
-    if (rounded === true || rounded === "") {
-      classes.push("is-rounded");
-    } else if (typeof rounded === "string" || rounded === 0) {
-      for (const value of String(rounded).split(" ")) {
-        classes.push(`is-rounded-${value}`);
-      }
-    }
-    return classes;
-  });
-  return { roundedClasses };
-}
-const makeEvAvatarProps = propsFactory(
-  {
-    icon: IconProp,
-    image: String,
-    text: String,
-    bold: Boolean,
-    ...makeComponentProps(),
-    ...makeAppearanceProps(),
-    ...makeSizeProps(),
-    ...makeRoundedProps()
-  },
-  "EvAvatar"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvAvatar",
-  props: {
-    ...makeEvAvatarProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const { appearanceClass, variantClass } = useAppearance(props);
-    const { sizeClasses, sizeStyles } = useSize(props);
-    const { roundedClasses } = useRounded(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ev-avatar",
-          unref(appearanceClass),
-          unref(variantClass),
-          unref(sizeClasses),
-          unref(roundedClasses),
-          unref(props).class
-        ]),
-        style: normalizeStyle([unref(sizeStyles), unref(props).style])
-      }, [
-        unref(props).image ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: "image",
-          alt: "",
-          cover: "",
-          src: unref(props).image
-        }, null, 8, ["src"])) : unref(props).icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
-          key: 1,
-          glyph: unref(props).icon
-        }, null, 8, ["glyph"])) : renderSlot(_ctx.$slots, "default", { key: 2 }, () => [
-          createTextVNode(toDisplayString(unref(props).text), 1)
-        ])
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeRoundedProps as a,
-  makeEvAvatarProps as m
-};
-//# sourceMappingURL=EvAvatar.vue_vue_type_script_setup_true_lang-ChD7pJAl.mjs.map

package/dist/esm/chunks/EvAvatar.vue_vue_type_script_setup_true_lang-ChD7pJAl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvAvatar.vue_vue_type_script_setup_true_lang-ChD7pJAl.mjs","sources":["../../../src/composables/size.ts","../../../src/composables/rounded.ts","../../../src/components/EvAvatar/EvAvatar.ts","../../../src/components/EvAvatar/EvAvatar.vue"],"sourcesContent":["import { destructComputed, propsFactory, toWebUnit } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport const Size = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n} as const;\n\ntype SizeValue = (typeof Size)[keyof typeof Size];\n\nexport const predefinedSizes = Array.from(new Set(Object.values(Size)));\n\nexport type SizeProp = SizeValue | number;\n\nexport interface SizeProps {\n    size?: SizeProp;\n}\n\nexport const makeSizeProps = propsFactory(\n    {\n        size: {\n            type: [String, Number] as PropType<SizeProp>,\n            default: Size.default,\n        },\n    },\n    \"size\",\n);\n\nexport function useSize(props: SizeProps) {\n    return destructComputed(() => {\n        let sizeClasses: string;\n        let sizeStyles = {};\n\n        if (predefinedSizes.includes(props.size as SizeValue)) {\n            sizeClasses = `is-size-${props.size}`;\n        } else if (props.size) {\n            sizeStyles = {\n                width: toWebUnit(props.size),\n                height: toWebUnit(props.size),\n            };\n        }\n        return { sizeClasses, sizeStyles };\n    });\n}\n","import { computed, isRef, Ref } from \"vue\";\nimport { propsFactory } from \"@/util\";\n\ntype RoundedValue = boolean | string | number | null | undefined;\n\nexport interface RoundedProps {\n    rounded?: RoundedValue;\n    tile?: boolean;\n}\n\ntype RoundedData = {\n    roundedClasses: Ref<string[]>;\n};\n\nexport const makeRoundedProps = propsFactory(\n    {\n        rounded: {\n            type: [Boolean, Number, String],\n            default: undefined,\n        },\n    },\n    \"rounded\",\n);\n\nexport function useRounded(\n    props: RoundedProps | Ref<RoundedValue>,\n): RoundedData {\n    const roundedClasses = computed(() => {\n        const rounded = isRef(props) ? props.value : props.rounded;\n        const classes: string[] = [];\n\n        if (rounded === true || rounded === \"\") {\n            classes.push(\"is-rounded\");\n        } else if (typeof rounded === \"string\" || rounded === 0) {\n            for (const value of String(rounded).split(\" \")) {\n                classes.push(`is-rounded-${value}`);\n            }\n        }\n\n        return classes;\n    });\n\n    return { roundedClasses };\n}\n","import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeSizeProps } from \"@/composables/size\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\n\nexport const makeEvAvatarProps = propsFactory(\n    {\n        icon: IconProp,\n        image: String,\n        text: String,\n        bold: Boolean,\n\n        ...makeComponentProps(),\n        ...makeAppearanceProps(),\n        ...makeSizeProps(),\n        ...makeRoundedProps(),\n    },\n    \"EvAvatar\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-avatar>`\n */\nimport \"./EvAvatar.scss\";\nimport { makeEvAvatarProps } from \"./EvAvatar\";\nimport { useAppearance } from \"@/util\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { useSize } from \"@/composables/size\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvAvatarProps(),\n});\nconst props = useDefaults(definedProps);\nconst { appearanceClass, variantClass } = useAppearance(props);\nconst { sizeClasses, sizeStyles } = useSize(props);\nconst { roundedClasses } = useRounded(props);\n\ndefineSlots<{\n    default(): never;\n}>();\n\n// @todo: color styles\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-avatar',\n            appearanceClass,\n            variantClass,\n            sizeClasses,\n            roundedClasses,\n            props.class,\n        ]\"\n        :style=\"[sizeStyles, props.style]\">\n        <ev-img\n            v-if=\"props.image\"\n            key=\"image\"\n            alt=\"\"\n            cover\n            :src=\"props.image\" />\n        <ev-icon v-else-if=\"props.icon\" :glyph=\"props.icon\" />\n        <slot v-else name=\"default\">{{ props.text }}</slot>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;AAGO,MAAM,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACZ;AAIa,MAAA,kBAAkB,MAAM,KAAK,IAAI,IAAI,OAAO,OAAO,IAAI,CAAC,CAAC;AAQ/D,MAAM,gBAAgB;AAAA,EACzB;AAAA,IACI,MAAM;AAAA,MACF,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,KAAK;AAAA,IAAA;AAAA,EAEtB;AAAA,EACA;AACJ;AAEO,SAAS,QAAQ,OAAkB;AACtC,SAAO,iBAAiB,MAAM;AACtB,QAAA;AACJ,QAAI,aAAa,CAAC;AAElB,QAAI,gBAAgB,SAAS,MAAM,IAAiB,GAAG;AACrC,oBAAA,WAAW,MAAM,IAAI;AAAA,IAAA,WAC5B,MAAM,MAAM;AACN,mBAAA;AAAA,QACT,OAAO,UAAU,MAAM,IAAI;AAAA,QAC3B,QAAQ,UAAU,MAAM,IAAI;AAAA,MAChC;AAAA,IAAA;AAEG,WAAA,EAAE,aAAa,WAAW;AAAA,EAAA,CACpC;AACL;ACjCO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,SAAS;AAAA,MACL,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAEO,SAAS,WACZ,OACW;AACL,QAAA,iBAAiB,SAAS,MAAM;AAClC,UAAM,UAAU,MAAM,KAAK,IAAI,MAAM,QAAQ,MAAM;AACnD,UAAM,UAAoB,CAAC;AAEvB,QAAA,YAAY,QAAQ,YAAY,IAAI;AACpC,cAAQ,KAAK,YAAY;AAAA,IAClB,WAAA,OAAO,YAAY,YAAY,YAAY,GAAG;AACrD,iBAAW,SAAS,OAAO,OAAO,EAAE,MAAM,GAAG,GAAG;AACpC,gBAAA,KAAK,cAAc,KAAK,EAAE;AAAA,MAAA;AAAA,IACtC;AAGG,WAAA;AAAA,EAAA,CACV;AAED,SAAO,EAAE,eAAe;AAC5B;ACrCO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IAEN,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,IACvB,GAAG,cAAc;AAAA,IACjB,GAAG,iBAAiB;AAAA,EACxB;AAAA,EACA;AACJ;;;;;;;;ACHM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,EAAE,iBAAiB,iBAAiB,cAAc,KAAK;AAC7D,UAAM,EAAE,aAAa,eAAe,QAAQ,KAAK;AACjD,UAAM,EAAE,eAAA,IAAmB,WAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvBadge.vue_vue_type_script_setup_true_lang-W2KIXaIS.mjs

@@ -1,184 +0,0 @@
-/*! Evance UI v1.0.39 | MIT License */
-import { computed, defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString, vShow } from "vue";
-import { I as IconProp } from "./icons-COe4waWk.mjs";
-import { m as makeComponentProps } from "./component-D8Vj5yiG.mjs";
-import { a as useRtl } from "./locale-BwEhCAcl.mjs";
-import { A as Anchor } from "./anchor-bzUF4cOo.mjs";
-import { p as propsFactory } from "./props-bP0y56e4.mjs";
-import { m as makeEvTransitionProps, E as EvTransition } from "./EvTransition-B4X3cRH5.mjs";
-import { b as makeAppearanceProps } from "./appearance-Deh7P6ml.mjs";
-import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_style_index_0_lang-CPjmQFT9.mjs";
-import { u as useModelProxy } from "./modelProxy-Cr9fGue2.mjs";
-import { u as useDefaults } from "./defaults-CI12pY1z.mjs";
-import { a as appearanceModifier } from "./modifiers-D0oZiWPs.mjs";
-const makePositionProps = propsFactory(
-  {
-    position: String
-  },
-  "position"
-);
-const oppositeMap = {
-  center: "center",
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-};
-function usePosition(props, opposite = false, offset) {
-  const { isRtl } = useRtl();
-  const positionStyles = computed(() => {
-    if (!props.position) {
-      return {};
-    }
-    const anchor = Anchor.fromSelector(props.position, isRtl.value);
-    function getOffset(side) {
-      return offset ? offset(side) : 0;
-    }
-    const styles = {};
-    if (anchor.side !== "center" && anchor.side !== "auto") {
-      if (opposite) {
-        styles[oppositeMap[anchor.side]] = `calc(100% - ${getOffset(anchor.side)}px)`;
-      } else {
-        styles[anchor.side] = 0;
-      }
-    }
-    if (anchor.physicalAlignment !== "center") {
-      if (opposite) {
-        styles[oppositeMap[anchor.physicalAlignment]] = `calc(100% - ${getOffset(anchor.physicalAlignment)}px)`;
-      } else {
-        styles[anchor.physicalAlignment] = 0;
-      }
-    } else {
-      if (anchor.side === "center") {
-        styles.top = styles.left = "50%";
-      } else {
-        styles[{
-          top: "left",
-          bottom: "left",
-          left: "top",
-          right: "top"
-        }[anchor.side]] = "50%";
-      }
-      if (anchor.side !== "auto") {
-        styles.transform = {
-          top: "translateX(-50%)",
-          bottom: "translateX(-50%)",
-          left: "translateY(-50%)",
-          right: "translateY(-50%)",
-          center: "translate(-50%, -50%)"
-        }[anchor.side];
-      }
-    }
-    return styles;
-  });
-  return { positionStyles };
-}
-const makeEvBadgeProps = propsFactory(
-  {
-    icon: IconProp,
-    bordered: Boolean,
-    content: [Number, String],
-    dot: Boolean,
-    floating: Boolean,
-    max: [Number, String],
-    bold: Boolean,
-    inline: Boolean,
-    modelValue: {
-      type: Boolean,
-      default: true
-    },
-    offsetX: [Number, String],
-    offsetY: [Number, String],
-    pulsate: Boolean,
-    ...makeComponentProps(),
-    ...makePositionProps({
-      position: "top end"
-    }),
-    ...makeAppearanceProps(),
-    ...makeEvTransitionProps({
-      transition: "scale-rotate-transition"
-    })
-  },
-  "EvBadge"
-);
-const _hoisted_1 = ["aria-label"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvBadge",
-  props: {
-    ...makeEvBadgeProps()
-  },
-  setup(__props) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const slots = useSlots();
-    const modelValue = useModelProxy(props, "modelValue");
-    const contentNumber = computed(() => {
-      return Number(props.content);
-    });
-    const content = computed(() => {
-      return !props.max || isNaN(contentNumber.value) ? props.content : contentNumber.value <= +props.max ? contentNumber.value : `${props.max}+`;
-    });
-    const { positionStyles } = usePosition(props, true, (side) => {
-      const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
-      return base + (["top", "bottom"].includes(side) ? +(props.offsetY ?? 0) : ["left", "right"].includes(side) ? +(props.offsetX ?? 0) : 0);
-    });
-    const isInline = computed(() => {
-      return props.inline ? true : !slots.default;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ev-badge",
-          {
-            "is-inline": isInline.value,
-            "is-dot": unref(props).dot,
-            "is-bordered": unref(props).bordered,
-            "is-floating": unref(props).floating
-          },
-          unref(props).class
-        ]),
-        style: normalizeStyle(unref(props).style)
-      }, [
-        renderSlot(_ctx.$slots, "default"),
-        createVNode(unref(EvTransition), {
-          appear: "",
-          transition: unref(props).transition
-        }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              class: normalizeClass([
-                "ev-badge--content",
-                unref(appearanceModifier)(unref(props).appearance),
-                {
-                  "is-variant-bold": unref(props).bold,
-                  "is-pulsate": unref(props).pulsate
-                }
-              ]),
-              style: normalizeStyle([isInline.value ? {} : unref(positionStyles)]),
-              "aria-atomic": "true",
-              "aria-label": contentNumber.value.toString(),
-              "aria-live": "polite",
-              role: "status"
-            }, [
-              !unref(props).dot && unref(slots).content ? renderSlot(_ctx.$slots, "content", { key: 0 }) : createCommentVNode("", true),
-              !unref(props).dot && unref(props).icon ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                key: 1,
-                glyph: unref(props).icon
-              }, null, 8, ["glyph"])) : !unref(props).dot ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                createTextVNode(toDisplayString(content.value), 1)
-              ], 64)) : createCommentVNode("", true)
-            ], 14, _hoisted_1), [
-              [vShow, unref(modelValue)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["transition"])
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvBadgeProps as m
-};
-//# sourceMappingURL=EvBadge.vue_vue_type_script_setup_true_lang-W2KIXaIS.mjs.map

package/dist/esm/chunks/EvBadge.vue_vue_type_script_setup_true_lang-W2KIXaIS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvBadge.vue_vue_type_script_setup_true_lang-W2KIXaIS.mjs","sources":["../../../src/composables/position.ts","../../../src/components/EvBadge/EvBadge.ts","../../../src/components/EvBadge/EvBadge.vue"],"sourcesContent":["import { Anchor, AnchorSelector, propsFactory } from \"@/util\";\nimport { computed, CSSProperties, PropType } from \"vue\";\nimport { useRtl } from \"@/composables/locale\";\n\nexport interface PositionProps {\n    position?: AnchorSelector;\n}\n\nexport const makePositionProps = propsFactory(\n    {\n        position: String as PropType<AnchorSelector>,\n    },\n    \"position\",\n);\n\nconst oppositeMap = {\n    center: \"center\",\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n} as const;\n\nexport type Position = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type Alignment = \"left\" | \"right\" | \"center\";\n\nexport function usePosition(\n    props: PositionProps,\n    opposite = false,\n    offset?: (side: string) => number,\n) {\n    const { isRtl } = useRtl();\n\n    const positionStyles = computed(() => {\n        if (!props.position) {\n            return {};\n        }\n        const anchor = Anchor.fromSelector(props.position, isRtl.value);\n\n        function getOffset(side: string) {\n            return offset ? offset(side) : 0;\n        }\n\n        const styles = {} as CSSProperties;\n\n        if (anchor.side !== \"center\" && anchor.side !== \"auto\") {\n            if (opposite) {\n                styles[oppositeMap[anchor.side]] =\n                    `calc(100% - ${getOffset(anchor.side)}px)`;\n            } else {\n                styles[anchor.side] = 0;\n            }\n        }\n\n        if (anchor.physicalAlignment !== \"center\") {\n            if (opposite) {\n                styles[oppositeMap[anchor.physicalAlignment]] =\n                    `calc(100% - ${getOffset(anchor.physicalAlignment)}px)`;\n            } else {\n                styles[anchor.physicalAlignment] = 0;\n            }\n        } else {\n            if (anchor.side === \"center\") {\n                styles.top = styles.left = \"50%\";\n            } else {\n                styles[\n                    (\n                        {\n                            top: \"left\",\n                            bottom: \"left\",\n                            left: \"top\",\n                            right: \"top\",\n                        } as const\n                    )[anchor.side as Position]\n                ] = \"50%\";\n            }\n            if (anchor.side !== \"auto\") {\n                styles.transform = {\n                    top: \"translateX(-50%)\",\n                    bottom: \"translateX(-50%)\",\n                    left: \"translateY(-50%)\",\n                    right: \"translateY(-50%)\",\n                    center: \"translate(-50%, -50%)\",\n                }[anchor.side];\n            }\n        }\n\n        return styles;\n    });\n\n    return { positionStyles };\n}\n","import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makePositionProps } from \"@/composables/position\";\nimport { makeEvTransitionProps } from \"@/components/EvTransition\";\n\nexport const makeEvBadgeProps = propsFactory(\n    {\n        icon: IconProp,\n        bordered: Boolean,\n        content: [Number, String],\n        dot: Boolean,\n        floating: Boolean,\n        max: [Number, String],\n        bold: Boolean,\n        inline: Boolean,\n        modelValue: {\n            type: Boolean,\n            default: true,\n        },\n        offsetX: [Number, String],\n        offsetY: [Number, String],\n        pulsate: Boolean,\n\n        ...makeComponentProps(),\n        ...makePositionProps({\n            position: \"top end\",\n        } as const),\n        ...makeAppearanceProps(),\n        ...makeEvTransitionProps({\n            transition: \"scale-rotate-transition\",\n        }),\n    },\n    \"EvBadge\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-badge>`\n */\nimport \"./EvBadge.scss\";\nimport { makeEvBadgeProps } from \"./EvBadge\";\nimport { computed } from \"vue\";\nimport { appearanceModifier } from \"@/util\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { usePosition } from \"@/composables/position\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvBadgeProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    default(): never;\n    content(): never;\n}>();\n\nconst modelValue = useModelProxy(props, \"modelValue\");\n\nconst contentNumber = computed(() => {\n    return Number(props.content);\n});\n\nconst content = computed(() => {\n    return !props.max || isNaN(contentNumber.value)\n        ? props.content\n        : contentNumber.value <= +props.max\n          ? contentNumber.value\n          : `${props.max}+`;\n});\n\nconst { positionStyles } = usePosition(props, true, (side) => {\n    const base = props.floating ? (props.dot ? 2 : 4) : props.dot ? 8 : 12;\n\n    return (\n        base +\n        ([\"top\", \"bottom\"].includes(side)\n            ? +(props.offsetY ?? 0)\n            : [\"left\", \"right\"].includes(side)\n              ? +(props.offsetX ?? 0)\n              : 0)\n    );\n});\n\nconst isInline = computed(() => {\n    return props.inline ? true : !slots.default;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-badge',\n            {\n                'is-inline': isInline,\n                'is-dot': props.dot,\n                'is-bordered': props.bordered,\n                'is-floating': props.floating,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot />\n\n        <ev-transition appear :transition=\"props.transition\">\n            <div\n                v-show=\"modelValue\"\n                :class=\"[\n                    'ev-badge--content',\n                    appearanceModifier(props.appearance),\n                    {\n                        'is-variant-bold': props.bold,\n                        'is-pulsate': props.pulsate,\n                    },\n                ]\"\n                :style=\"[isInline ? {} : positionStyles]\"\n                aria-atomic=\"true\"\n                :aria-label=\"contentNumber.toString()\"\n                aria-live=\"polite\"\n                role=\"status\">\n                <slot v-if=\"!props.dot && slots.content\" name=\"content\" />\n                <ev-icon v-if=\"!props.dot && props.icon\" :glyph=\"props.icon\" />\n                <template v-else-if=\"!props.dot\">{{ content }}</template>\n            </div>\n        </ev-transition>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,EACd;AAAA,EACA;AACJ;AAEA,MAAM,cAAc;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACX;AAKO,SAAS,YACZ,OACA,WAAW,OACX,QACF;AACQ,QAAA,EAAE,MAAM,IAAI,OAAO;AAEnB,QAAA,iBAAiB,SAAS,MAAM;AAC9B,QAAA,CAAC,MAAM,UAAU;AACjB,aAAO,CAAC;AAAA,IAAA;AAEZ,UAAM,SAAS,OAAO,aAAa,MAAM,UAAU,MAAM,KAAK;AAE9D,aAAS,UAAU,MAAc;AACtB,aAAA,SAAS,OAAO,IAAI,IAAI;AAAA,IAAA;AAGnC,UAAM,SAAS,CAAC;AAEhB,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ;AACpD,UAAI,UAAU;AACH,eAAA,YAAY,OAAO,IAAI,CAAC,IAC3B,eAAe,UAAU,OAAO,IAAI,CAAC;AAAA,MAAA,OACtC;AACI,eAAA,OAAO,IAAI,IAAI;AAAA,MAAA;AAAA,IAC1B;AAGA,QAAA,OAAO,sBAAsB,UAAU;AACvC,UAAI,UAAU;AACH,eAAA,YAAY,OAAO,iBAAiB,CAAC,IACxC,eAAe,UAAU,OAAO,iBAAiB,CAAC;AAAA,MAAA,OACnD;AACI,eAAA,OAAO,iBAAiB,IAAI;AAAA,MAAA;AAAA,IACvC,OACG;AACC,UAAA,OAAO,SAAS,UAAU;AACnB,eAAA,MAAM,OAAO,OAAO;AAAA,MAAA,OACxB;AAGK,eAAA;AAAA,UACI,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,QAAA,EAEb,OAAO,IAAgB,CAC7B,IAAI;AAAA,MAAA;AAEJ,UAAA,OAAO,SAAS,QAAQ;AACxB,eAAO,YAAY;AAAA,UACf,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,EACV,OAAO,IAAI;AAAA,MAAA;AAAA,IACjB;AAGG,WAAA;AAAA,EAAA,CACV;AAED,SAAO,EAAE,eAAe;AAC5B;ACrFO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAS,CAAC,QAAQ,MAAM;AAAA,IACxB,KAAK;AAAA,IACL,UAAU;AAAA,IACV,KAAK,CAAC,QAAQ,MAAM;AAAA,IACpB,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS,CAAC,QAAQ,MAAM;AAAA,IACxB,SAAS,CAAC,QAAQ,MAAM;AAAA,IACxB,SAAS;AAAA,IAET,GAAG,mBAAmB;AAAA,IACtB,GAAG,kBAAkB;AAAA,MACjB,UAAU;AAAA,IAAA,CACJ;AAAA,IACV,GAAG,oBAAoB;AAAA,IACvB,GAAG,sBAAsB;AAAA,MACrB,YAAY;AAAA,IACf,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;ACjBM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,QAAQA;AAKR,UAAA,aAAa,cAAc,OAAO,YAAY;AAE9C,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA,OAAO,MAAM,OAAO;AAAA,IAAA,CAC9B;AAEK,UAAA,UAAU,SAAS,MAAM;AAC3B,aAAO,CAAC,MAAM,OAAO,MAAM,cAAc,KAAK,IACxC,MAAM,UACN,cAAc,SAAS,CAAC,MAAM,MAC5B,cAAc,QACd,GAAG,MAAM,GAAG;AAAA,IAAA,CACvB;AAED,UAAM,EAAE,eAAe,IAAI,YAAY,OAAO,MAAM,CAAC,SAAS;AACpD,YAAA,OAAO,MAAM,WAAY,MAAM,MAAM,IAAI,IAAK,MAAM,MAAM,IAAI;AAGhE,aAAA,QACC,CAAC,OAAO,QAAQ,EAAE,SAAS,IAAI,IAC1B,EAAE,MAAM,WAAW,KACnB,CAAC,QAAQ,OAAO,EAAE,SAAS,IAAI,IAC7B,EAAE,MAAM,WAAW,KACnB;AAAA,IAAA,CAEf;AAEK,UAAA,WAAW,SAAS,MAAM;AAC5B,aAAO,MAAM,SAAS,OAAO,CAAC,MAAM;AAAA,IAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvBlock.vue_vue_type_script_setup_true_lang-CWPwvIiQ.mjs

@@ -1,81 +0,0 @@
-/*! Evance UI v1.0.39 | MIT License */
-import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
-import { m as makeComponentProps } from "./component-D8Vj5yiG.mjs";
-import { m as makeTagProps } from "./tag-DdrTn8yN.mjs";
-import { p as propsFactory } from "./props-bP0y56e4.mjs";
-import { b as useBreakpointClasses, c as calculateDisplayRuleValue, a as useDisplayRuleClasses } from "./display-Zm658aQ4.mjs";
-import { d as isEmpty, b as isBoolean } from "./is-functions-Bryy4vNN.mjs";
-const makeEvBlockProps = propsFactory(
-  {
-    alignSelf: [String, Object],
-    offset: [String, Number, Object],
-    order: [String, Number, Object],
-    scrollable: Boolean,
-    size: [String, Number, Object],
-    hidden: [Boolean, String, Array],
-    height: [String, Number, Object],
-    width: [String, Number, Object],
-    ...makeComponentProps(),
-    ...makeTagProps()
-  },
-  "EvBlock"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvBlock",
-  props: {
-    ...makeEvBlockProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClasses = useBreakpointClasses(props, "size", void 0, true);
-    const orderClasses = useBreakpointClasses(props, "order", "order");
-    const offsetClasses = useBreakpointClasses(props, "offset", "offset");
-    const alignSelfClasses = useBreakpointClasses(props, "alignSelf", "align-self");
-    const widthStyles = computed(() => {
-      const value = calculateDisplayRuleValue(props.width);
-      if (isEmpty(value)) {
-        return void 0;
-      }
-      return value === "grow" ? { flex: "1 0 auto", maxWidth: "100%" } : { flex: `0 0 ${value}`, maxWidth: value };
-    });
-    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
-    const hiddenAttribute = computed(() => {
-      return isBoolean(props.hidden) && props.hidden;
-    });
-    const heightStyles = computed(() => {
-      const value = calculateDisplayRuleValue(props.height);
-      if (isEmpty(value)) {
-        return void 0;
-      }
-      return { height: value };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-block",
-          {
-            "is-scrollable": props.scrollable
-          },
-          ...unref(sizeClasses),
-          ...unref(orderClasses),
-          ...unref(offsetClasses),
-          ...unref(alignSelfClasses),
-          ...unref(hiddenClasses),
-          props.class
-        ]),
-        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
-        hidden: hiddenAttribute.value
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style", "hidden"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvBlockProps as m
-};
-//# sourceMappingURL=EvBlock.vue_vue_type_script_setup_true_lang-CWPwvIiQ.mjs.map

package/dist/esm/chunks/EvBlock.vue_vue_type_script_setup_true_lang-CWPwvIiQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvBlock.vue_vue_type_script_setup_true_lang-CWPwvIiQ.mjs","sources":["../../../src/components/EvGrid/EvBlock/EvBlock.ts","../../../src/components/EvGrid/EvBlock/EvBlock.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport {\n    DisplayBreakpoint,\n    DisplayRuleProp,\n    VisibilityRuleProp,\n} from \"@/composables/display\";\nimport { PropType } from \"vue\";\n\n/** Block Number Props */\nexport type BlockNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type BlockNumberPropValue = BlockNumber | `${BlockNumber}`;\nexport type BlockNumberPropObject = {\n    [key in DisplayBreakpoint]: BlockNumberPropValue;\n};\nexport type BlockNumberProp =\n    | BlockNumberPropValue\n    | BlockNumberPropObject\n    | undefined;\n\n/** Block Size Props **/\nexport type BlockSizePropValue = \"auto\" | \"grow\" | BlockNumberPropValue;\nexport type BlockSizePropObject = {\n    [key in DisplayBreakpoint]: BlockSizePropValue;\n};\nexport type BlockSizeProp = BlockSizePropValue | BlockSizePropObject;\n\n/** Responsive Props */\nexport type ResponsivePropValue = string | number | boolean;\nexport type ResponsivePropObject = {\n    [key in DisplayBreakpoint]: ResponsivePropValue;\n};\nexport type ResponsiveProp =\n    | ResponsivePropValue\n    | ResponsivePropObject\n    | undefined;\n\n/** Align Self Props */\nexport type AlignSelfPropValue =\n    | \"auto\"\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\nexport type AlignSelfPropObject = {\n    [key in DisplayBreakpoint]: AlignSelfPropValue;\n};\nexport type AlignSelfProp =\n    | AlignSelfPropValue\n    | AlignSelfPropObject\n    | undefined;\n\n/**\n * # makeEvBlockProps\n */\nexport const makeEvBlockProps = propsFactory(\n    {\n        alignSelf: [String, Object] as PropType<AlignSelfProp>,\n        offset: [String, Number, Object] as PropType<BlockNumberProp>,\n        order: [String, Number, Object] as PropType<BlockNumberProp>,\n        scrollable: Boolean,\n        size: [String, Number, Object] as PropType<BlockSizeProp>,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvBlock\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvBlock.scss\";\nimport { makeEvBlockProps } from \"./EvBlock\";\nimport { computed } from \"vue\";\nimport {\n    calculateDisplayRuleValue,\n    useBreakpointClasses,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvBlockProps(),\n});\n\n/**\n * # Size Classes\n */\nconst sizeClasses = useBreakpointClasses(props, \"size\", undefined, true);\nconst orderClasses = useBreakpointClasses(props, \"order\", \"order\");\nconst offsetClasses = useBreakpointClasses(props, \"offset\", \"offset\");\nconst alignSelfClasses = useBreakpointClasses(props, \"alignSelf\", \"align-self\");\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\"\n        ? { flex: \"1 0 auto\", maxWidth: \"100%\" }\n        : { flex: `0 0 ${value}`, maxWidth: value };\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-block',\n            {\n                'is-scrollable': props.scrollable,\n            },\n            ...sizeClasses,\n            ...orderClasses,\n            ...offsetClasses,\n            ...alignSelfClasses,\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;AAyDO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,WAAW,CAAC,QAAQ,MAAM;AAAA,IAC1B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC9B,YAAY;AAAA,IACZ,MAAM,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC7B,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACtDA,UAAM,cAAc,qBAAqB,OAAO,QAAQ,QAAW,IAAI;AACvE,UAAM,eAAe,qBAAqB,OAAO,SAAS,OAAO;AACjE,UAAM,gBAAgB,qBAAqB,OAAO,UAAU,QAAQ;AACpE,UAAM,mBAAmB,qBAAqB,OAAO,aAAa,YAAY;AAKxE,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEX,aAAO,UAAU,SACX,EAAE,MAAM,YAAY,UAAU,OAAA,IAC9B,EAAE,MAAM,OAAO,KAAK,IAAI,UAAU,MAAM;AAAA,IAAA,CACjD;AAKD,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,MAAM;AAAA,IAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;"}