@evance/evance-ui 1.0.1 → 1.0.3

package/dist/cjs/EvButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonGroup.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/cjs/EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs

@@ -0,0 +1,73 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B8M3UyxX.cjs");
+const defaults = require("./defaults-BJGtZCWo.cjs");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const modifiers = require("./modifiers-CNRhMVDD.cjs");
+const _hoisted_1 = { class: "ev-button-group--container" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonGroup",
+  props: {
+    ...EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonGroupProps()
+  },
+  setup(__props) {
+    const props = __props;
+    defaults.provideDefaults({
+      EvButton: {
+        appearance: vue.toRef(props, "appearance"),
+        variant: vue.toRef(props, "variant"),
+        size: vue.toRef(props, "size")
+      }
+    });
+    const parsedItems = vue.computed(() => {
+      const items = [];
+      for (const item of props.items) {
+        items.push({
+          props: item,
+          id: helpers.getNextId()
+        });
+      }
+      return items;
+    });
+    const appearanceClass = vue.computed(() => modifiers.appearanceModifier(props.appearance));
+    const variantClass = vue.computed(() => modifiers.variantModifier(props.variant));
+    const gapClass = vue.computed(() => {
+      const buttonSize = props.size ?? "medium";
+      if (props.gap === "auto") {
+        return modifiers.makeClassName(buttonSize, "is-gap");
+      }
+      return modifiers.makeClassName(props.gap, "is-gap");
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.tag), {
+        class: vue.normalizeClass([
+          "ev-button-group",
+          appearanceClass.value,
+          variantClass.value,
+          gapClass.value,
+          {
+            "is-rounded": props.rounded
+          },
+          props.class
+        ]),
+        style: vue.normalizeStyle(props.style)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(parsedItems.value, (item) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+                  key: item.id
+                }, item.props), null, 16);
+              }), 128))
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs.map

package/dist/cjs/EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs","sources":["../../src/components/EvButtonGroup/EvButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvButtonGroup\n */\nimport \"./EvButtonGroup.scss\";\nimport { makeEvButtonGroupProps } from \"./EvButtonGroup.ts\";\nimport { provideDefaults } from \"@/composables/defaults.ts\";\nimport { computed, toRef } from \"vue\";\nimport { appearanceModifier, getNextId, makeClassName, variantModifier } from \"@/util\";\nimport { EvButton } from \"../EvButton\";\n\nconst props = defineProps({\n    ...makeEvButtonGroupProps(),\n});\n\ndefineSlots<{\n    default(): never;\n}>();\n\nprovideDefaults({\n    EvButton: {\n        appearance: toRef(props, \"appearance\"),\n        variant: toRef(props, \"variant\"),\n        size: toRef(props, \"size\"),\n    },\n});\n\nconst parsedItems = computed(() => {\n    const items = [];\n    for (const item of props.items) {\n        items.push({\n            props: item,\n            id: getNextId(),\n        });\n    }\n    return items;\n});\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\nconst variantClass = computed(() => variantModifier(props.variant));\nconst gapClass = computed(() => {\n    const buttonSize = props.size ?? \"medium\";\n    if (props.gap === \"auto\") {\n        return makeClassName(buttonSize, \"is-gap\");\n    }\n    return makeClassName(props.gap, \"is-gap\");\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-button-group',\n            appearanceClass,\n            variantClass,\n            gapClass,\n            {\n                'is-rounded': props.rounded,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div class=\"ev-button-group--container\">\n            <slot>\n                <ev-button\n                    v-for=\"item in parsedItems\"\n                    :key=\"item.id\"\n                    v-bind=\"item.props\" />\n            </slot>\n        </div>\n    </component>\n</template>\n"],"names":["provideDefaults","toRef","computed","getNextId","appearanceModifier","variantModifier","makeClassName"],"mappings":";;;;;;;;;;;;;;;AAmBgBA,6BAAA;AAAA,MACZ,UAAU;AAAA,QACN,YAAYC,IAAAA,MAAM,OAAO,YAAY;AAAA,QACrC,SAASA,IAAAA,MAAM,OAAO,SAAS;AAAA,QAC/B,MAAMA,IAAAA,MAAM,OAAO,MAAM;AAAA,MAC7B;AAAA,IAAA,CACH;AAEK,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,YAAM,QAAQ,CAAA;AACH,iBAAA,QAAQ,MAAM,OAAO;AAC5B,cAAM,KAAK;AAAA,UACP,OAAO;AAAA,UACP,IAAIC,QAAAA,UAAU;AAAA,QAAA,CACjB;AAAA,MACL;AACO,aAAA;AAAA,IAAA,CACV;AAED,UAAM,kBAAkBD,IAAAA,SAAS,MAAME,UAAmB,mBAAA,MAAM,UAAU,CAAC;AAC3E,UAAM,eAAeF,IAAAA,SAAS,MAAMG,UAAgB,gBAAA,MAAM,OAAO,CAAC;AAC5D,UAAA,WAAWH,IAAAA,SAAS,MAAM;AACtB,YAAA,aAAa,MAAM,QAAQ;AAC7B,UAAA,MAAM,QAAQ,QAAQ;AACf,eAAAI,UAAA,cAAc,YAAY,QAAQ;AAAA,MAC7C;AACO,aAAAA,wBAAc,MAAM,KAAK,QAAQ;AAAA,IAAA,CAC3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvButtonToggle.cjs

@@ -0,0 +1,9 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B8M3UyxX.cjs");
+const EvButtonToggle_vue_vue_type_script_setup_true_lang = require("./EvButtonToggle.vue_vue_type_script_setup_true_lang-B25gFvdx.cjs");
+exports.EvButtonToggleSymbol = EvButton_vue_vue_type_script_setup_true_lang.EvButtonToggleSymbol;
+exports.makeEvButtonToggleProps = EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonToggleProps;
+exports.EvButtonToggle = EvButtonToggle_vue_vue_type_script_setup_true_lang._sfc_main;
+//# sourceMappingURL=EvButtonToggle.cjs.map

package/dist/cjs/EvButtonToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonToggle.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/EvButtonToggle.vue_vue_type_script_setup_true_lang-B25gFvdx.cjs

@@ -0,0 +1,41 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B8M3UyxX.cjs");
+const EvButtonGroup_vue_vue_type_script_setup_true_lang = require("./EvButtonGroup.vue_vue_type_script_setup_true_lang-CW_dFwzW.cjs");
+const group = require("./group-BQr-lNS_.cjs");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvButtonToggle",
+  props: {
+    ...EvButton_vue_vue_type_script_setup_true_lang.makeEvButtonToggleProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { isSelected, next, previous, select, selected } = group.useGroup(
+      props,
+      EvButton_vue_vue_type_script_setup_true_lang.EvButtonToggleSymbol
+    );
+    __expose({
+      next,
+      previous,
+      select
+    });
+    const groupProps = vue.computed(() => helpers.filterComponentProps(EvButtonGroup_vue_vue_type_script_setup_true_lang._sfc_main, props));
+    const slotProps = { isSelected, next, previous, select, selected };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvButtonGroup_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        class: ["ev-button-toggle", props.class],
+        style: props.style
+      }, groupProps.value), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+        ]),
+        _: 3
+      }, 16, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvButtonToggle.vue_vue_type_script_setup_true_lang-B25gFvdx.cjs.map

package/dist/cjs/EvButtonToggle.vue_vue_type_script_setup_true_lang-B25gFvdx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvButtonToggle.vue_vue_type_script_setup_true_lang-B25gFvdx.cjs","sources":["../../src/components/EvButtonToggle/EvButtonToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvButtonToggle\r\n */\r\nimport \"./EvButtonToggle.scss\";\r\nimport {\r\n    EvButtonToggleSlots,\r\n    EvButtonToggleSymbol,\r\n    makeEvButtonToggleProps,\r\n} from \"./EvButtonToggle.ts\";\r\nimport { EvButtonGroup } from \"../EvButtonGroup\";\r\nimport { GroupProps, useGroup } from \"@/composables/group.ts\";\r\nimport { filterComponentProps } from \"@/util\";\r\nimport { computed } from \"vue\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvButtonToggleProps(),\r\n});\r\n\r\ndefineEmits([\"update:modelValue\"]);\r\n\r\ndefineSlots<EvButtonToggleSlots>();\r\n\r\nconst { isSelected, next, previous, select, selected } = useGroup(\r\n    props as any as GroupProps,\r\n    EvButtonToggleSymbol,\r\n);\r\n\r\ndefineExpose({\r\n    next,\r\n    previous,\r\n    select,\r\n});\r\n\r\nconst groupProps = computed(() => filterComponentProps(EvButtonGroup, props));\r\nconst slotProps = { isSelected, next, previous, select, selected };\r\n</script>\r\n\r\n<template>\r\n    <ev-button-group\r\n        :class=\"['ev-button-toggle', props.class]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"groupProps\">\r\n        <slot v-bind=\"slotProps\" />\r\n    </ev-button-group>\r\n</template>\r\n"],"names":["useGroup","EvButtonToggleSymbol","computed","filterComponentProps","EvButtonGroup"],"mappings":";;;;;;;;;;;;;;;AAuBA,UAAM,EAAE,YAAY,MAAM,UAAU,QAAQ,aAAaA,MAAA;AAAA,MACrD;AAAA,MACAC,6CAAA;AAAA,IAAA;AAGS,aAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,aAAaC,IAAAA,SAAS,MAAMC,QAAqB,qBAAAC,kDAAA,WAAe,KAAK,CAAC;AAC5E,UAAM,YAAY,EAAE,YAAY,MAAM,UAAU,QAAQ;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCardContent.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvCardContent_vue_vue_type_script_setup_true_lang = require("./EvCardContent.vue_vue_type_script_setup_true_lang-CIWll5fy.cjs");
+exports.EvCardContent = EvCardContent_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvCardContentProps = EvCardContent_vue_vue_type_script_setup_true_lang.makeEvCardContentProps;
+//# sourceMappingURL=EvCardContent.cjs.map

package/dist/cjs/EvCardContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardContent.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/EvCardContent.vue_vue_type_script_setup_true_lang-CIWll5fy.cjs

@@ -0,0 +1,117 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const props = require("./props-vH_8_4_9.cjs");
+const icons = require("./icons-DiXKgW97.cjs");
+const component = require("./component-B8YXIj1A.cjs");
+const EvHeading_vue_vue_type_script_setup_true_lang = require("./EvHeading.vue_vue_type_script_setup_true_lang-UWb54uAy.cjs");
+require("./EvHeading.vue_vue_type_style_index_0_lang-CVXIdzzQ.cjs");
+const EvText_vue_vue_type_script_setup_true_lang = require("./EvText.vue_vue_type_script_setup_true_lang-7VsvdxUh.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue_vue_type_script_setup_true_lang-Br-9nw9F.cjs");
+require("./EvIcon.vue_vue_type_style_index_0_lang-CVXIdzzQ.cjs");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+const modifiers = require("./modifiers-CNRhMVDD.cjs");
+const defaults = require("./defaults-BJGtZCWo.cjs");
+const makeEvCardContentProps = props.propsFactory(
+  {
+    appearance: String,
+    description: [String, Array],
+    icon: icons.IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    title: String,
+    ...component.makeComponentProps()
+  },
+  "EvCardContent"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-card-content--icon"
+};
+const _hoisted_2 = { class: "ev-card-content--detail" };
+const _hoisted_3 = {
+  key: 0,
+  class: "ev-card-content--title"
+};
+const _hoisted_4 = { class: "ev-card-content--description" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvCardContent",
+  props: { ...makeEvCardContentProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props2 = defaults.useDefaults(definedProps);
+    const slots = vue.useSlots();
+    const descriptions = vue.computed(() => {
+      if (!props2.description) {
+        return [];
+      }
+      const values = isFunctions.isString(props2.description) ? [props2.description] : [...props2.description];
+      for (const [index, value] of values.entries()) {
+        const textProps = isFunctions.isString(value) ? { text: value } : value;
+        values[index] = {
+          id: helpers.getNextId(),
+          props: Object.assign(
+            {
+              size: descriptionSize.value
+            },
+            textProps
+          )
+        };
+      }
+      return values;
+    });
+    const sizeClass = vue.computed(() => modifiers.sizeModifier(props2.size));
+    const descriptionSize = vue.computed(() => {
+      switch (props2.size) {
+        case "small":
+          return "medium";
+        default:
+          return props2.size;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["ev-card-content", sizeClass.value, vue.unref(props2).class]),
+        style: vue.normalizeStyle(vue.unref(props2).style)
+      }, [
+        vue.unref(slots).icon || vue.unref(props2).icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), {
+              glyph: vue.unref(props2).icon,
+              appearance: vue.unref(props2).appearance
+            }, null, 8, ["glyph", "appearance"])
+          ])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.unref(slots).title || vue.unref(props2).title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createVNode(vue.unref(EvHeading_vue_vue_type_script_setup_true_lang._sfc_main), {
+                size: vue.unref(props2).size
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(props2).title), 1)
+                ]),
+                _: 1
+              }, 8, ["size"])
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(descriptions.value, (description) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(EvText_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+                  key: description.id
+                }, description.props), null, 16);
+              }), 128))
+            ])
+          ])
+        ])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvCardContentProps = makeEvCardContentProps;
+//# sourceMappingURL=EvCardContent.vue_vue_type_script_setup_true_lang-CIWll5fy.cjs.map

package/dist/cjs/EvCardContent.vue_vue_type_script_setup_true_lang-CIWll5fy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardContent.vue_vue_type_script_setup_true_lang-CIWll5fy.cjs","sources":["../../src/components/EvCard/EvCardContent/EvCardContent.ts","../../src/components/EvCard/EvCardContent/EvCardContent.vue"],"sourcesContent":["import { AppearanceProp, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons.ts\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\nexport type EvCardContentSize = \"small\" | \"medium\" | \"large\" | \"x-large\";\n\nexport const makeEvCardContentProps = propsFactory(\n    {\n        appearance: String as PropType<AppearanceProp>,\n        description: [String, Array],\n        icon: IconProp,\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        title: String,\n        ...makeComponentProps(),\n    },\n    \"EvCardContent\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCardContent.scss\";\nimport { makeEvCardContentProps } from \"./EvCardContent.ts\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport { EvText, EvTextProps } from \"@/components/EvText\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { computed, ComputedRef } from \"vue\";\nimport { getNextId, isString, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({ ...makeEvCardContentProps() });\nconst props = useDefaults(definedProps);\n\nconst slots = defineSlots<{\n    default(): never;\n    icon(): never;\n    title(): never;\n}>();\n\ninterface TextItem {\n    id: number;\n    props: EvTextProps;\n}\n\nconst descriptions: ComputedRef<TextItem[]> = computed(() => {\n    if (!props.description) {\n        return [];\n    }\n    const values = isString(props.description)\n        ? [props.description]\n        : [...props.description];\n\n    for (const [index, value] of values.entries()) {\n        const textProps = isString(value) ? { text: value } : value;\n        values[index] = {\n            id: getNextId(),\n            props: Object.assign(\n                {\n                    size: descriptionSize.value,\n                },\n                textProps,\n            ),\n        };\n    }\n    return values as TextItem[];\n});\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst descriptionSize = computed(() => {\n    switch (props.size) {\n        case \"small\":\n            return \"medium\";\n        default:\n            return props.size;\n    }\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-card-content', sizeClass, props.class]\"\n        :style=\"props.style\">\n        <div v-if=\"slots.icon || props.icon\" class=\"ev-card-content--icon\">\n            <slot name=\"icon\">\n                <ev-icon :glyph=\"props.icon\" :appearance=\"props.appearance\" />\n            </slot>\n        </div>\n        <div class=\"ev-card-content--detail\">\n            <div\n                v-if=\"slots.title || props.title\"\n                class=\"ev-card-content--title\">\n                <slot name=\"title\">\n                    <ev-heading :size=\"props.size\">\n                        {{ props.title }}\n                    </ev-heading>\n                </slot>\n            </div>\n            <div class=\"ev-card-content--description\">\n                <slot>\n                    <ev-text\n                        v-for=\"description in descriptions\"\n                        :key=\"description.id\"\n                        v-bind=\"description.props\" />\n                </slot>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","IconProp","makeComponentProps","props","useDefaults","_useSlots","computed","isString","getNextId","sizeModifier"],"mappings":";;;;;;;;;;;;;;;AAOO,MAAM,yBAAyBA,MAAA;AAAA,EAClC;AAAA,IACI,YAAY;AAAA,IACZ,aAAa,CAAC,QAAQ,KAAK;AAAA,IAC3B,MAAMC,MAAA;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;ACTM,UAAAC,SAAQC,qBAAY,YAAY;AAEtC,UAAM,QAAQC,IAAAA;AAWR,UAAA,eAAwCC,IAAAA,SAAS,MAAM;AACrD,UAAA,CAACH,OAAM,aAAa;AACpB,eAAO;MACX;AACA,YAAM,SAASI,YAAAA,SAASJ,OAAM,WAAW,IACnC,CAACA,OAAM,WAAW,IAClB,CAAC,GAAGA,OAAM,WAAW;AAE3B,iBAAW,CAAC,OAAO,KAAK,KAAK,OAAO,WAAW;AAC3C,cAAM,YAAYI,YAAAA,SAAS,KAAK,IAAI,EAAE,MAAM,MAAU,IAAA;AACtD,eAAO,KAAK,IAAI;AAAA,UACZ,IAAIC,QAAAA,UAAU;AAAA,UACd,OAAO,OAAO;AAAA,YACV;AAAA,cACI,MAAM,gBAAgB;AAAA,YAC1B;AAAA,YACA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AACO,aAAA;AAAA,IAAA,CACV;AAED,UAAM,YAAYF,IAAAA,SAAS,MAAMG,UAAa,aAAAN,OAAM,IAAI,CAAC;AAEnD,UAAA,kBAAkBG,IAAAA,SAAS,MAAM;AACnC,cAAQH,OAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX;AACI,iBAAOA,OAAM;AAAA,MACrB;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvCheckbox-YTuck6ST.cjs

@@ -0,0 +1,55 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+const props = require("./props-vH_8_4_9.cjs");
+const validation = require("./validation-DI1yy4DV.cjs");
+const component = require("./component-B8YXIj1A.cjs");
+const vue = require("vue");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-hRerJGRe.cjs");
+const makeEvCheckboxProps = props.propsFactory(
+  {
+    trueValue: null,
+    falseValue: null,
+    value: null,
+    valueComparator: {
+      type: Function,
+      default: isFunctions.isDeepEqual
+    },
+    ...EvLabel_vue_vue_type_script_setup_true_lang.makeLabelProps(),
+    ...validation.makeFormFieldProps(),
+    ...component.makeComponentProps()
+  },
+  "EvSwitch"
+);
+function useToggleControl(modelProxy, props2) {
+  const trueValue = vue.computed(() => {
+    if (props2.trueValue !== void 0) {
+      return props2.trueValue;
+    }
+    return props2.value !== void 0 ? props2.value : true;
+  });
+  const falseValue = vue.computed(() => {
+    return props2.falseValue !== void 0 ? props2.falseValue : false;
+  });
+  const isChecked = vue.computed({
+    get() {
+      return props2.valueComparator(modelProxy.value, trueValue.value);
+    },
+    set(value) {
+      if (props2.readonly) {
+        return;
+      }
+      const currentValue = value ? trueValue.value : falseValue.value;
+      const newValue = currentValue;
+      modelProxy.value = newValue;
+    }
+  });
+  return {
+    trueValue,
+    falseValue,
+    isChecked
+  };
+}
+exports.makeEvCheckboxProps = makeEvCheckboxProps;
+exports.useToggleControl = useToggleControl;
+//# sourceMappingURL=EvCheckbox-YTuck6ST.cjs.map

package/dist/cjs/EvCheckbox-YTuck6ST.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox-YTuck6ST.cjs","sources":["../../src/components/EvCheckbox/EvCheckbox.ts"],"sourcesContent":["import { isDeepEqual, propsFactory } from \"@/util\";\nimport { makeFormFieldProps } from \"@/composables/validation.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { computed, ExtractPropTypes, PropType, Ref } from \"vue\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\n/**\n * # Make EvCheckbox Props\n */\nexport const makeEvCheckboxProps = propsFactory(\n    {\n        trueValue: null,\n        falseValue: null,\n        value: null,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeComponentProps(),\n    },\n    \"EvSwitch\",\n);\n\n/**\n * # Use Toggle Control\n *\n * @param modelProxy\n * @param props\n */\nexport function useToggleControl(\n    modelProxy: Ref<any>,\n    props: ExtractPropTypes<ReturnType<typeof makeEvCheckboxProps>>,\n) {\n    /**\n     * ## True Value\n     */\n    const trueValue = computed(() => {\n        if (props.trueValue !== undefined) {\n            return props.trueValue;\n        }\n        return props.value !== undefined ? props.value : true;\n    });\n\n    /**\n     * ## False Value\n     */\n    const falseValue = computed(() => {\n        return props.falseValue !== undefined ? props.falseValue : false;\n    });\n\n    /**\n     * ## Is Checked\n     */\n    const isChecked = computed({\n        get() {\n            return props.valueComparator(modelProxy.value, trueValue.value);\n        },\n        set(value: boolean) {\n            if (props.readonly) {\n                return;\n            }\n            const currentValue = value ? trueValue.value : falseValue.value;\n            const newValue = currentValue;\n            // I might do some funky stuff here later for multi-selection and groups\n            modelProxy.value = newValue;\n        },\n    });\n\n    return {\n        trueValue,\n        falseValue,\n        isChecked,\n    };\n}\n"],"names":["propsFactory","isDeepEqual","makeLabelProps","makeFormFieldProps","makeComponentProps","props","computed"],"mappings":";;;;;;;;AASO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAASC,YAAA;AAAA,IACb;AAAA,IAEA,GAAGC,2DAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;AAQgB,SAAA,iBACZ,YACAC,QACF;AAIQ,QAAA,YAAYC,IAAAA,SAAS,MAAM;AACzB,QAAAD,OAAM,cAAc,QAAW;AAC/B,aAAOA,OAAM;AAAA,IACjB;AACA,WAAOA,OAAM,UAAU,SAAYA,OAAM,QAAQ;AAAA,EAAA,CACpD;AAKK,QAAA,aAAaC,IAAAA,SAAS,MAAM;AAC9B,WAAOD,OAAM,eAAe,SAAYA,OAAM,aAAa;AAAA,EAAA,CAC9D;AAKD,QAAM,YAAYC,IAAAA,SAAS;AAAA,IACvB,MAAM;AACF,aAAOD,OAAM,gBAAgB,WAAW,OAAO,UAAU,KAAK;AAAA,IAClE;AAAA,IACA,IAAI,OAAgB;AAChB,UAAIA,OAAM,UAAU;AAChB;AAAA,MACJ;AACA,YAAM,eAAe,QAAQ,UAAU,QAAQ,WAAW;AAC1D,YAAM,WAAW;AAEjB,iBAAW,QAAQ;AAAA,IACvB;AAAA,EAAA,CACH;AAEM,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;;"}

package/dist/cjs/EvCheckbox.cjs

@@ -0,0 +1,9 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvCheckbox = require("./EvCheckbox-YTuck6ST.cjs");
+const EvCheckbox_vue_vue_type_script_setup_true_lang = require("./EvCheckbox.vue_vue_type_script_setup_true_lang-BALByMy8.cjs");
+exports.makeEvCheckboxProps = EvCheckbox.makeEvCheckboxProps;
+exports.useToggleControl = EvCheckbox.useToggleControl;
+exports.EvCheckbox = EvCheckbox_vue_vue_type_script_setup_true_lang._sfc_main;
+//# sourceMappingURL=EvCheckbox.cjs.map

package/dist/cjs/EvCheckbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/EvCheckbox.vue_vue_type_script_setup_true_lang-BALByMy8.cjs

@@ -0,0 +1,115 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+const vue = require("vue");
+const EvCheckbox = require("./EvCheckbox-YTuck6ST.cjs");
+const helpers = require("./helpers-1oxCWS4Q.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BRaDqrw_.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-hRerJGRe.cjs");
+const validation = require("./validation-DI1yy4DV.cjs");
+const defaults = require("./defaults-BJGtZCWo.cjs");
+const _hoisted_1 = { class: "ev-checkbox--control" };
+const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1);
+const _hoisted_3 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-checkbox--label"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "ev-checkbox--errors"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvCheckbox",
+  props: {
+    ...EvCheckbox.makeEvCheckboxProps()
+  },
+  emits: ["update:focused", "update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const containerRef = vue.ref(null);
+    const inputRef = vue.ref(null);
+    const [containerAttrs, inputAttrs] = helpers.splitInputAttrs(attrs);
+    const formField = validation.useFormField(props);
+    const { trueValue, isChecked } = EvCheckbox.useToggleControl(formField.model, props);
+    function getInputElement() {
+      return inputRef.value;
+    }
+    function onInput(e) {
+      isChecked.value = e.target.checked;
+    }
+    __expose({
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      },
+      ...formField.expose()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: [
+          "ev-checkbox",
+          {
+            "is-checked": vue.unref(isChecked),
+            "is-labelled": vue.unref(props).label || vue.unref(slots).label
+          },
+          vue.unref(formField).classes,
+          vue.unref(props).class
+        ],
+        style: vue.unref(props).style
+      }, vue.unref(containerAttrs)), [
+        vue.createElementVNode("div", _hoisted_1, [
+          _hoisted_2,
+          vue.createElementVNode("input", vue.mergeProps({
+            id: vue.unref(formField).id,
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "checkbox",
+            role: "switch",
+            name: vue.unref(formField).name,
+            disabled: vue.unref(formField).isDisabled,
+            readonly: vue.unref(formField).isReadonly,
+            checked: vue.unref(isChecked),
+            value: vue.unref(trueValue),
+            "aria-disabled": vue.unref(formField).isDisabled,
+            "aria-checked": vue.unref(isChecked)
+          }, vue.unref(inputAttrs), {
+            onInput,
+            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => vue.unref(formField).focus && vue.unref(formField).focus(...args)),
+            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args))
+          }), null, 16, _hoisted_3)
+        ]),
+        vue.unref(props).label || vue.unref(props).hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang._sfc_main), {
+            clickable: "",
+            for: vue.unref(formField).id,
+            title: vue.unref(props).label,
+            hint: vue.unref(props).hint
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["for", "title", "hint"]),
+          vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(vue.unref(EvErrors_vue_vue_type_script_setup_true_lang._sfc_main), {
+              messages: vue.unref(formField).errorMessages
+            }, null, 8, ["messages"])
+          ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvCheckbox.vue_vue_type_script_setup_true_lang-BALByMy8.cjs.map

package/dist/cjs/EvCheckbox.vue_vue_type_script_setup_true_lang-BALByMy8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-BALByMy8.cjs","sources":["../../src/components/EvCheckbox/EvCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-checkbox>`\n */\nimport \"./EvCheckbox.scss\";\nimport { makeEvCheckboxProps, useToggleControl } from \"./EvCheckbox.ts\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation.ts\";\nimport { useDefaults } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst definedProps = defineProps({\n    ...makeEvCheckboxProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Input\n * @param e\n */\nfunction onInput(e: Event) {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"[\n            'ev-checkbox',\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-checkbox--control\">\n            <div class=\"ev-checkbox--boxes\">\n                <div class=\"ev-checkbox--outer-box\"></div>\n                <div class=\"ev-checkbox--inner-box\">\n                    <svg\n                        class=\"ev-checkbox--checkmark\"\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 16 16\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            class=\"ev-checkbox--checkmark-path\"\n                            d=\"M3 7.5L6.5 11L13.5 4\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\" />\n                    </svg>\n                </div>\n            </div>\n\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"checkbox\"\n                role=\"switch\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled\"\n                :readonly=\"formField.isReadonly\"\n                :checked=\"isChecked\"\n                :value=\"trueValue\"\n                :aria-disabled=\"formField.isDisabled\"\n                :aria-checked=\"isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-checkbox--label\">\n            <ev-label\n                clickable\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n\n            <div\n                v-if=\"formField.isShowErrorMessages\"\n                class=\"ev-checkbox--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["useDefaults","_useSlots","useAttrs","ref","splitInputAttrs","useFormField","useToggleControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBM,UAAA,QAAQA,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA;AAOd,UAAM,QAAQC,IAAAA;AACR,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,wBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAcC,WAAiB,iBAAA,UAAU,OAAO,KAAK;AAKxE,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IACrD;AAKa,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvContainer.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvContainer_vue_vue_type_script_setup_true_lang = require("./EvContainer.vue_vue_type_script_setup_true_lang-6C8wyGXp.cjs");
+exports.EvContainer = EvContainer_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvContainerProps = EvContainer_vue_vue_type_script_setup_true_lang.makeEvContainerProps;
+//# sourceMappingURL=EvContainer.cjs.map

package/dist/cjs/EvContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvContainer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-6C8wyGXp.cjs

@@ -0,0 +1,73 @@
+"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 tag = require("./tag-DeOxLlrk.cjs");
+const display = require("./display-CDjf-uLs.cjs");
+const isFunctions = require("./is-functions-Bf6pQOyz.cjs");
+const makeEvContainerProps = props.propsFactory(
+  {
+    fluid: {
+      type: Boolean,
+      default: false
+    },
+    fill: Boolean,
+    hidden: [Boolean, String, Array],
+    height: [String, Number, Object],
+    width: [String, Number, Object],
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps()
+  },
+  "EvContainer"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvContainer",
+  props: {
+    ...makeEvContainerProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const hiddenClasses = display.useDisplayRuleClasses(props2, "hidden", "hidden");
+    const hiddenAttribute = vue.computed(() => {
+      return isFunctions.isBoolean(props2.hidden) && props2.hidden;
+    });
+    const heightStyles = vue.computed(() => {
+      const value = display.calculateDisplayRuleValue(props2.height);
+      if (isFunctions.isEmpty(value)) {
+        return void 0;
+      }
+      return { height: value + " !important" };
+    });
+    const widthStyles = vue.computed(() => {
+      const value = display.calculateDisplayRuleValue(props2.width);
+      if (isFunctions.isEmpty(value)) {
+        return void 0;
+      }
+      return value === "grow" ? { width: "100%" } : { width: value };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        class: vue.normalizeClass([
+          "ev-container",
+          {
+            "is-fluid": props2.fluid,
+            "fill-height": props2.fill
+          },
+          ...vue.unref(hiddenClasses),
+          props2.class
+        ]),
+        style: vue.normalizeStyle([props2.style, widthStyles.value, heightStyles.value]),
+        hidden: hiddenAttribute.value
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style", "hidden"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvContainerProps = makeEvContainerProps;
+//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-6C8wyGXp.cjs.map

package/dist/cjs/EvContainer.vue_vue_type_script_setup_true_lang-6C8wyGXp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-6C8wyGXp.cjs","sources":["../../src/components/EvGrid/EvContainer/EvContainer.ts","../../src/components/EvGrid/EvContainer/EvContainer.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { PropType } from \"vue\";\nimport { DisplayRuleProp, VisibilityRuleProp } from \"@/composables/display.ts\";\n\n/**\n * # makeEvContainerProps\n */\nexport const makeEvContainerProps = propsFactory(\n    {\n        fluid: {\n            type: Boolean,\n            default: false,\n        },\n        fill: Boolean,\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    \"EvContainer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvContainer.scss\";\nimport { makeEvContainerProps } from \"./EvContainer.ts\";\nimport {\n    calculateDisplayRuleValue,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvContainerProps(),\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 + \" !important\" };\n});\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\" ? { width: \"100%\" } : { width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-container',\n            {\n                'is-fluid': props.fluid,\n                'fill-height': props.fill,\n            },\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":["propsFactory","makeComponentProps","makeTagProps","useDisplayRuleClasses","props","computed","isBoolean","calculateDisplayRuleValue","isEmpty"],"mappings":";;;;;;;;AASO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgBC,QAAA,sBAAsBC,QAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AACnC,aAAOC,YAAU,UAAAF,OAAM,MAAM,KAAKA,OAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAeC,IAAAA,SAAS,MAAM;AAC1B,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,MAAM;AAChD,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,EAAE,QAAQ,QAAQ;IAAc,CAC1C;AAKK,UAAA,cAAcH,IAAAA,SAAS,MAAM;AACzB,YAAA,QAAQE,QAAAA,0BAA0BH,OAAM,KAAK;AAC/C,UAAAI,YAAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO;IAAM,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDateField.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.2 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvDateField_vue_vue_type_script_setup_true_lang = require("./EvDateField.vue_vue_type_script_setup_true_lang-CPe02o7X.cjs");
+exports.EvDateField = EvDateField_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvDateFieldProps = EvDateField_vue_vue_type_script_setup_true_lang.makeEvDateFieldProps;
+//# sourceMappingURL=EvDateField.cjs.map

package/dist/cjs/EvDateField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDateField.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}