@dialpad/dialtone-vue 2.163.0 → 2.163.2

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue.cjs

@@ -0,0 +1,52 @@
+"use strict";
+const top_banner_info_constants = require("./top_banner_info_constants.cjs");
+;/* empty css                       */
+const _pluginVue2_normalizer = require("../../../../../_virtual/_plugin-vue2_normalizer.cjs");
+const _sfc_main = {
+  name: "DtRecipeTopBannerInfo",
+  props: {
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+      type: String,
+      default: "green300",
+      validator: function(kind) {
+        return top_banner_info_constants.COLOR_CODES.includes(kind);
+      }
+    }
+  },
+  computed: {
+    bannerInfoClass() {
+      const bgColors = {
+        // these are too specific, so for now I'm at least updating the resultant semantic value
+        // TODO: breaking change: update to be more abstract
+        green300: "d-bgc-success",
+        green100: "d-bgc-success",
+        red200: "d-bgc-critical",
+        red100: "d-bgc-critical",
+        gold200: "d-bgc-warning",
+        gold100: "d-bgc-warning",
+        black100: "d-bgc-info",
+        white: "d-bgc-primary"
+      };
+      return [bgColors[this.colorCode]];
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "dt-top-banner-info", class: _vm.bannerInfoClass, attrs: { "data-qa": "banner-info" } }, [_c("div", { staticClass: "dt-top-banner-info__left" }, [_vm._t("left")], 2), _c("div", { staticClass: "dt-top-banner-info__middle", attrs: { "data-qa": "banner-info--middle" } }, [_vm._t("default")], 2), _c("div", { staticClass: "dt-top-banner-info__right" }, [_vm._t("right")], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null
+);
+const top_banner_info = __component__.exports;
+module.exports = top_banner_info;
+//# sourceMappingURL=top_banner_info.vue.cjs.map

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info.vue.cjs","sources":["../../../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dt-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"dt-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"dt-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"dt-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green300: 'd-bgc-success',\n        green100: 'd-bgc-success',\n        red200: 'd-bgc-critical',\n        red100: 'd-bgc-critical',\n        gold200: 'd-bgc-warning',\n        gold100: 'd-bgc-warning',\n        black100: 'd-bgc-info',\n        white: 'd-bgc-primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-top-banner-info {\n  font-size: var(--dt-font-size-100);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--dt-color-foreground-primary);\n\n   &__left {\n     margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);\n     min-width: 20%;\n  }\n  &__middle {\n     display: flex;\n     align-items: center;\n     gap: var(--dt-size-300);\n     margin-top: var(--dt-space-300);\n    margin-bottom: var(--dt-space-300);\n  }\n  &__right {\n     display: flex;\n     align-items: baseline;\n     justify-content: flex-end;\n     gap: var(--dt-size-300);\n     margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;\n     min-width: 20%;\n     text-align: right;\n  }\n}\n</style>\n"],"names":["COLOR_CODES"],"mappings":";;;;AA0BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,SAAA,MAAA;AACA,eAAAA,0BAAA,YAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,kBAAA;AACA,YAAA,WAAA;AAAA;AAAA;AAAA,QAGA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,MACA;AACA,aAAA,CAAA,SAAA,KAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue.js

@@ -0,0 +1,53 @@
+import { COLOR_CODES } from "./top_banner_info_constants.js";
+/* empty css                     */
+import normalizeComponent from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+const _sfc_main = {
+  name: "DtRecipeTopBannerInfo",
+  props: {
+    /**
+     * color of the banner background
+     */
+    colorCode: {
+      type: String,
+      default: "green300",
+      validator: function(kind) {
+        return COLOR_CODES.includes(kind);
+      }
+    }
+  },
+  computed: {
+    bannerInfoClass() {
+      const bgColors = {
+        // these are too specific, so for now I'm at least updating the resultant semantic value
+        // TODO: breaking change: update to be more abstract
+        green300: "d-bgc-success",
+        green100: "d-bgc-success",
+        red200: "d-bgc-critical",
+        red100: "d-bgc-critical",
+        gold200: "d-bgc-warning",
+        gold100: "d-bgc-warning",
+        black100: "d-bgc-info",
+        white: "d-bgc-primary"
+      };
+      return [bgColors[this.colorCode]];
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "dt-top-banner-info", class: _vm.bannerInfoClass, attrs: { "data-qa": "banner-info" } }, [_c("div", { staticClass: "dt-top-banner-info__left" }, [_vm._t("left")], 2), _c("div", { staticClass: "dt-top-banner-info__middle", attrs: { "data-qa": "banner-info--middle" } }, [_vm._t("default")], 2), _c("div", { staticClass: "dt-top-banner-info__right" }, [_vm._t("right")], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
+  null,
+  null
+);
+const top_banner_info = __component__.exports;
+export {
+  top_banner_info as default
+};
+//# sourceMappingURL=top_banner_info.vue.js.map

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info.vue.js","sources":["../../../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"dt-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"dt-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"dt-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"dt-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green300: 'd-bgc-success',\n        green100: 'd-bgc-success',\n        red200: 'd-bgc-critical',\n        red100: 'd-bgc-critical',\n        gold200: 'd-bgc-warning',\n        gold100: 'd-bgc-warning',\n        black100: 'd-bgc-info',\n        white: 'd-bgc-primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-top-banner-info {\n  font-size: var(--dt-font-size-100);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--dt-color-foreground-primary);\n\n   &__left {\n     margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);\n     min-width: 20%;\n  }\n  &__middle {\n     display: flex;\n     align-items: center;\n     gap: var(--dt-size-300);\n     margin-top: var(--dt-space-300);\n    margin-bottom: var(--dt-space-300);\n  }\n  &__right {\n     display: flex;\n     align-items: baseline;\n     justify-content: flex-end;\n     gap: var(--dt-size-300);\n     margin: var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;\n     min-width: 20%;\n     text-align: right;\n  }\n}\n</style>\n"],"names":[],"mappings":";;;AA0BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,SAAA,MAAA;AACA,eAAA,YAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,kBAAA;AACA,YAAA,WAAA;AAAA;AAAA;AAAA,QAGA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,MACA;AACA,aAAA,CAAA,SAAA,KAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info_constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info_constants.cjs","sources":["../../../../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,cAAc;AAAA,EAAC;AAAA,EAAY;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAW;AAAA,EAAY;AAAO;;"}

package/dist/packages/dialtone-vue2/recipes/notices/top_banner_info/top_banner_info_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top_banner_info_constants.js","sources":["../../../../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,cAAc;AAAA,EAAC;AAAA,EAAY;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EACtE;AAAA,EAAW;AAAA,EAAY;AAAO;"}

package/dist/style.css

@@ -772,14 +772,18 @@
   border-radius: var(--dt-size-radius-400);
   border: var(--dt-size-border-100) solid;
   border-color: var(--dt-color-border-default);
+  line-height: var(--dt-font-line-height-400);
   cursor: text;
+  transition-property: border-color, box-shadow, opacity;
+  transition-duration: var(--td50);
+  transition-timing-function: var(--ttf-in-out);
 }
 .dt-message-input:focus-within {
   border-color: var(--dt-color-border-bold);
-  box-shadow: var(--dt-shadow-small);
+  box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
 }
 .dt-message-input__editor-wrapper {
-  padding: var(--dt-space-400) var(--dt-space-500) var(--dt-space-300);
+  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
 }
 .dt-message-input__remaining-char-tooltip {
   margin-top: auto;
@@ -788,20 +792,27 @@
 .dt-message-input__remaining-char {
   color: var(--dt-color-foreground-critical);
   font-size: var(--dt-font-size-100);
-  margin-right: var(--dt-space-500);
+  margin-right: var(--dt-space-300);
+}
+.dt-message-input__button {
+  max-height: 2.8rem;
+  max-width: 2.8rem;
+  border-radius: var(--dt-size-radius-300);
+}
+.dt-message-input__send-button.dt-message-input__button:not(.d-btn--icon-only),
+.dt-message-input__cancel-button {
+  max-width: unset;
+  padding: var(--dt-space-350);
 }
 .dt-message-input__send-button--disabled {
   background-color: unset;
   color: var(--dt-color-foreground-muted);
   cursor: default;
 }
-.dt-message-input__cancel-button {
-  margin-right: var(--dt-space-300);
-}
 .dt-message-input__bottom-section {
   display: flex;
   justify-content: space-between;
-  padding: var(--dt-space-300) var(--dt-space-400);
+  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
 }
 .dt-message-input__bottom-section-left {
   display: flex;

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AA2NA;"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AAuOA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.163.0",
+  "version": "2.163.2",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -42,12 +42,12 @@
     "@storybook/vue-vite": "7.6.20",
     "@vue/test-utils": "1.3",
     "vue": "^2.7.15",
-    "@dialpad/generator-dialtone": "0.1.0",
-    "@dialpad/dialtone-css": "8.45.1"
+    "@dialpad/dialtone-css": "8.45.2",
+    "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=2.6",
-    "@dialpad/dialtone-css": "^8.45.1"
+    "@dialpad/dialtone-css": "^8.45.2"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"

package/dist/common/mixins/dom.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom.cjs","sources":["../../../common/mixins/dom.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n"],"names":[],"mappings":";AAAA,MAAe,MAAA;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,8BAA+B,KAAK,YAAY,cAAc,YAAY;AACxE,UAAI,IAAI,wBAAwB;AAC9B,aAAK,uBAAuB,KAAK,YAAY,cAAc,UAAU;AAAA,MAC7E,OAAa;AACL,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAAA,MACnE;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,sBAAuB,KAAK,iBAAiB,cAAc,YAAY;AACrE,UAAI,oBAAoB,UAAU;AAChC,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAClE;AAAA,MACD;AAED,UAAI,oBAAoB,OAAO;AAC7B,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAAA,MAC1E,OAAa;AACL,aAAK,eAAe,KAAK,OAAO,OAAO,cAAc,UAAU;AAAA,MAChE;AAAA,IACF;AAAA,IAED,uBAAwB,KAAK,YAAY,cAAc,YAAY;AACjE,YAAM,MAAM,aAAa,WAAW;AACpC,WAAK,eAAe,KAAK,KAAK,MAAM,cAAc,UAAU;AAAA,IAC7D;AAAA,IAED,eAAgB,KAAK,SAAS,cAAc,cAAc,YAAY;AACpE,UAAI,CAAC,OAAO,CAAC,IAAI,eAAe;AAC9B;AAAA,MACD;AACD,YAAM,YAAY,IAAI;AACtB,YAAM,YAAY,cAAc,IAAI;AACpC,YAAM,eAAe,KAAK,iBAAiB,SAAS;AACpD,YAAM,eAAe,aAAa,SAAS,aAAa;AACxD,YAAM,WAAW,KAAK,kBAAkB,GAAG;AAC3C,YAAM,eAAe,YAAY;AACjC,UAAI,YAAY;AAChB,cAAQ,SAAO;AAAA,QACb,KAAK;AACH,sBAAY;AACZ;AAAA,QACF,KAAK;AACH,sBAAY,aAAa,WAAW,gBAAgB;AACpD;AAAA,QACF,KAAK;AACH,sBAAY,YAAY,eAAe;AACvC;AAAA,QACF;AAEE,cAAI,YAAY,aAAa,OAAQ,eAAe,GAAI;AAEtD,wBAAY;AAAA,UACxB,OAAiB;AACL,wBAAY,eAAe;AAAA,UAC5B;AACD;AAAA,MACH;AACD,WAAK,cAAc,WAAW,WAAW,cAAc,WAAW,cAAc,cAAc,YAAY;AAAA,IAC3G;AAAA,IAED,cAAe,IAAI,WAAW,QAAQ,WAAW,cAAc,cAAc,cAAc;AACzF,eAAS,UAAU,KAAK,iBAAiB,EAAE;AAC3C,YAAM,eAAe,OAAO,SAAS,OAAO;AAC5C,UAAI,gBAAgB,KAAK,gBAAgB,WAAW,cAAc,MAAM,GAAG;AAEzE,YAAI,YAAY,OAAO,KAAK;AAE1B,sBAAY;AAAA,QACtB,WAAmB,eAAe,OAAO,QAAQ;AACvC,sBAAY,eAAe;AAAA,QACrC,OAAe;AACL;AAAA,QACD;AAAA,MACF;AAED,UAAI,cAAc;AAChB,WAAG,SAAS,EAAE,KAAK,WAAW,UAAU,aAAY,CAAE;AAAA,MAC9D,OAAa;AACL,WAAG,YAAY;AAAA,MAChB;AAAA,IACF;AAAA,IAED,kBAAmB,IAAI;AACrB,aAAO,GAAG,sBAAuB,EAAC;AAAA,IACnC;AAAA,IAED,iBAAkB,IAAI;AACpB,YAAM,SAAS,KAAK,kBAAkB,EAAE;AACxC,YAAM,YAAY,GAAG;AACrB,aAAO;AAAA,QACL,KAAK;AAAA,QACL,QAAQ,YAAY;AAAA,MAC5B;AAAA,IACK;AAAA,IAED,gBAAiB,KAAK,QAAQ,QAAQ;AAKpC,YAAM,SAAS,SAAS;AACxB,aAAQ,UAAU,OAAO,SAAU,IAAI,SAAS,KAAQ,OAAO,OAAO,MAAO,SAAS;AAAA,IACvF;AAAA,EACF;AACH;;"}

package/dist/common/mixins/dom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom.js","sources":["../../../common/mixins/dom.js"],"sourcesContent":["export default {\n  methods: {\n    /**\n     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      if (ref.scrollIntoViewIfNeeded) {\n        this.scrollIntoViewIfNeeded(ref, opt_center, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      }\n    },\n\n    /**\n     * Scroll an element to the top or bottom of its scroll ancestor.\n     * @param {Element} ref\n     */\n    scrollElementIntoView (ref, opt_scrollToTop, opt_behavior, opt_parent) {\n      if (opt_scrollToTop === 'center') {\n        this.scrollIntoView(ref, 'center', false, opt_behavior, opt_parent);\n        return;\n      }\n\n      if (opt_scrollToTop === false) {\n        this.scrollIntoView(ref, 'bottom', false, opt_behavior, opt_parent);\n      } else {\n        this.scrollIntoView(ref, 'top', false, opt_behavior, opt_parent);\n      }\n    },\n\n    scrollIntoViewIfNeeded (ref, opt_center, opt_behavior, opt_parent) {\n      const dir = opt_center ? 'center' : undefined;\n      this.scrollIntoView(ref, dir, true, opt_behavior, opt_parent);\n    },\n\n    scrollIntoView (ref, opt_dir, opt_ifNeeded, opt_behavior, opt_parent) {\n      if (!ref || !ref.parentElement) {\n        return;\n      }\n      const offsetTop = ref.offsetTop;\n      const refParent = opt_parent || ref.parentElement;\n      const scrollBounds = this._getScrollBounds(refParent);\n      const parentHeight = scrollBounds.bottom - scrollBounds.top;\n      const elHeight = this._getElementHeight(ref);\n      const offsetBottom = offsetTop + elHeight;\n      let scrollTop = -1;\n      switch (opt_dir) {\n        case 'top':\n          scrollTop = offsetTop;\n          break;\n        case 'center':\n          scrollTop = offsetTop + (elHeight - parentHeight) / 2;\n          break;\n        case 'bottom':\n          scrollTop = scrollTop = offsetBottom - parentHeight;\n          break;\n        default:\n          // Go to the closest edge if needed and no direction is provided.\n          if (offsetTop - scrollBounds.top <= (parentHeight / 2)) {\n            // Lock it to the top edge.\n            scrollTop = offsetTop;\n          } else {\n            scrollTop = offsetBottom - parentHeight;\n          }\n          break;\n      }\n      this._setScrollTop(refParent, scrollTop, scrollBounds, offsetTop, offsetBottom, opt_ifNeeded, opt_behavior);\n    },\n\n    _setScrollTop (el, scrollTop, bounds, offsetTop, offsetBottom, opt_isNeeded, opt_behavior) {\n      bounds = bounds || this._getScrollBounds(el);\n      const parentHeight = bounds.bottom - bounds.top;\n      if (opt_isNeeded && this._inScrollBounds(offsetTop, offsetBottom, bounds)) {\n        // Then lock to the top or bottom if it's hanging off the edge.\n        if (offsetTop < bounds.top) {\n          // Snap it to the top.\n          scrollTop = offsetTop;\n        } else if (offsetBottom > bounds.bottom) {\n          scrollTop = offsetBottom - parentHeight;\n        } else {\n          return;\n        }\n      }\n\n      if (opt_behavior) {\n        el.scrollTo({ top: scrollTop, behavior: opt_behavior });\n      } else {\n        el.scrollTop = scrollTop;\n      }\n    },\n\n    _getElementHeight (el) {\n      return el.getBoundingClientRect().height;\n    },\n\n    _getScrollBounds (el) {\n      const height = this._getElementHeight(el);\n      const scrollTop = el.scrollTop;\n      return {\n        top: scrollTop,\n        bottom: scrollTop + height,\n      };\n    },\n\n    _inScrollBounds (top, bottom, bounds) {\n      // Since we read from top to bottom, we want more than 3/4 to be visible at the top\n      // (bc you're looking at the bottom half) or a quarter visible at the bottom (bc you\n      // can read the beginning of it)\n\n      const height = bottom - top;\n      return (bottom <= bounds.bottom + (3 * height / 4)) && (top >= bounds.top - (height / 4));\n    },\n  },\n};\n"],"names":[],"mappings":"AAAA,MAAe,MAAA;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,8BAA+B,KAAK,YAAY,cAAc,YAAY;AACxE,UAAI,IAAI,wBAAwB;AAC9B,aAAK,uBAAuB,KAAK,YAAY,cAAc,UAAU;AAAA,MAC7E,OAAa;AACL,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAAA,MACnE;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,sBAAuB,KAAK,iBAAiB,cAAc,YAAY;AACrE,UAAI,oBAAoB,UAAU;AAChC,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAClE;AAAA,MACD;AAED,UAAI,oBAAoB,OAAO;AAC7B,aAAK,eAAe,KAAK,UAAU,OAAO,cAAc,UAAU;AAAA,MAC1E,OAAa;AACL,aAAK,eAAe,KAAK,OAAO,OAAO,cAAc,UAAU;AAAA,MAChE;AAAA,IACF;AAAA,IAED,uBAAwB,KAAK,YAAY,cAAc,YAAY;AACjE,YAAM,MAAM,aAAa,WAAW;AACpC,WAAK,eAAe,KAAK,KAAK,MAAM,cAAc,UAAU;AAAA,IAC7D;AAAA,IAED,eAAgB,KAAK,SAAS,cAAc,cAAc,YAAY;AACpE,UAAI,CAAC,OAAO,CAAC,IAAI,eAAe;AAC9B;AAAA,MACD;AACD,YAAM,YAAY,IAAI;AACtB,YAAM,YAAY,cAAc,IAAI;AACpC,YAAM,eAAe,KAAK,iBAAiB,SAAS;AACpD,YAAM,eAAe,aAAa,SAAS,aAAa;AACxD,YAAM,WAAW,KAAK,kBAAkB,GAAG;AAC3C,YAAM,eAAe,YAAY;AACjC,UAAI,YAAY;AAChB,cAAQ,SAAO;AAAA,QACb,KAAK;AACH,sBAAY;AACZ;AAAA,QACF,KAAK;AACH,sBAAY,aAAa,WAAW,gBAAgB;AACpD;AAAA,QACF,KAAK;AACH,sBAAY,YAAY,eAAe;AACvC;AAAA,QACF;AAEE,cAAI,YAAY,aAAa,OAAQ,eAAe,GAAI;AAEtD,wBAAY;AAAA,UACxB,OAAiB;AACL,wBAAY,eAAe;AAAA,UAC5B;AACD;AAAA,MACH;AACD,WAAK,cAAc,WAAW,WAAW,cAAc,WAAW,cAAc,cAAc,YAAY;AAAA,IAC3G;AAAA,IAED,cAAe,IAAI,WAAW,QAAQ,WAAW,cAAc,cAAc,cAAc;AACzF,eAAS,UAAU,KAAK,iBAAiB,EAAE;AAC3C,YAAM,eAAe,OAAO,SAAS,OAAO;AAC5C,UAAI,gBAAgB,KAAK,gBAAgB,WAAW,cAAc,MAAM,GAAG;AAEzE,YAAI,YAAY,OAAO,KAAK;AAE1B,sBAAY;AAAA,QACtB,WAAmB,eAAe,OAAO,QAAQ;AACvC,sBAAY,eAAe;AAAA,QACrC,OAAe;AACL;AAAA,QACD;AAAA,MACF;AAED,UAAI,cAAc;AAChB,WAAG,SAAS,EAAE,KAAK,WAAW,UAAU,aAAY,CAAE;AAAA,MAC9D,OAAa;AACL,WAAG,YAAY;AAAA,MAChB;AAAA,IACF;AAAA,IAED,kBAAmB,IAAI;AACrB,aAAO,GAAG,sBAAuB,EAAC;AAAA,IACnC;AAAA,IAED,iBAAkB,IAAI;AACpB,YAAM,SAAS,KAAK,kBAAkB,EAAE;AACxC,YAAM,YAAY,GAAG;AACrB,aAAO;AAAA,QACL,KAAK;AAAA,QACL,QAAQ,YAAY;AAAA,MAC5B;AAAA,IACK;AAAA,IAED,gBAAiB,KAAK,QAAQ,QAAQ;AAKpC,YAAM,SAAS,SAAS;AACxB,aAAQ,UAAU,OAAO,SAAU,IAAI,SAAS,KAAQ,OAAO,OAAO,MAAO,SAAS;AAAA,IACvF;AAAA,EACF;AACH;"}

package/dist/common/mixins/input.cjs

@@ -1,296 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Vue = require("vue");
-const common_constants = require("../constants.cjs");
-const common_validators = require("../validators.cjs");
-const common_utils = require("../utils.cjs");
-const InputMixin = {
-  inheritAttrs: false,
-  props: {
-    /**
-     * A provided label for the input
-     */
-    label: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The name of the input
-     */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The value of the input
-     * @model value
-     */
-    value: {
-      type: [String, Number, Boolean, Object],
-      default: null
-    },
-    /**
-     * Describes the input
-     */
-    description: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Disables the input
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * The validation state of the input
-     */
-    validationState: {
-      type: String,
-      default: "",
-      validator: (validationState) => {
-        if (!validationState) {
-          return true;
-        }
-        return Object.values(common_constants.VALIDATION_MESSAGE_TYPES).includes(validationState);
-      }
-    },
-    /**
-     * Used to customize the input element
-     */
-    inputClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Used to customize the description container
-     */
-    descriptionClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the label container
-     */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * A set of props that are passed into the description container
-     */
-    descriptionChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      internalDisabled: this.disabled,
-      internalValidationState: this.validationState
-    };
-  },
-  watch: {
-    disabled(newDisabled) {
-      this.internalDisabled = newDisabled;
-    },
-    validationState(newValidationState) {
-      this.internalValidationState = newValidationState;
-    }
-  },
-  methods: {
-    /**
-     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself
-     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)
-     */
-    validateInputLabels(hasLabelOrLabel, ariaLabel) {
-      if (!hasLabelOrLabel && !ariaLabel) {
-        Vue.util.warn(
-          "You must provide an aria-label when there is no label passed",
-          this
-        );
-      }
-    }
-  }
-};
-const CheckableMixin = {
-  model: {
-    prop: "checked"
-  },
-  props: {
-    /**
-     * Used to set the state of the checkable input
-     * @model checked
-     */
-    checked: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Indeterminate State, toggling indeterminate checkbox will uncheck
-     */
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * The value of the input
-     */
-    value: {
-      type: [String, Number, Boolean],
-      default: null
-    }
-  },
-  data() {
-    return {
-      internalChecked: this.checked,
-      internalIndeterminate: this.indeterminate
-    };
-  },
-  watch: {
-    checked(newChecked) {
-      this.internalChecked = newChecked;
-    },
-    indeterminate(newValue) {
-      this.internalIndeterminate = newValue;
-    }
-  }
-};
-const GroupableMixin = {
-  inject: {
-    // Object used to pass data from the group
-    groupContext: {
-      default: {}
-    },
-    // Method used to update the group value
-    setGroupValue: {
-      default: () => {
-        return () => {
-        };
-      }
-    }
-  },
-  data() {
-    return {
-      internalValue: this.value
-    };
-  },
-  computed: {
-    hasGroup() {
-      return Object.prototype.hasOwnProperty.call(this.groupContext, "name");
-    },
-    groupName() {
-      var _a;
-      return ((_a = this.groupContext) == null ? void 0 : _a.name) ?? "";
-    },
-    groupValue() {
-      var _a;
-      return (_a = this.groupContext) == null ? void 0 : _a.value;
-    },
-    groupDisabled() {
-      var _a;
-      return ((_a = this.groupContext) == null ? void 0 : _a.disabled) ?? false;
-    },
-    groupValidationState() {
-      var _a;
-      return ((_a = this.groupContext) == null ? void 0 : _a.validationState) ?? null;
-    },
-    internalName() {
-      return this.name || this.groupName;
-    }
-  },
-  watch: {
-    value(newValue) {
-      this.internalValue = newValue;
-    },
-    groupValue: {
-      immediate: true,
-      handler(newGroupValue) {
-        if (this.hasGroup) {
-          this.internalValue = newGroupValue;
-        }
-      }
-    },
-    groupDisabled: {
-      immediate: true,
-      handler(newGroupDisabled) {
-        if (this.hasGroup) {
-          this.internalDisabled = this.disabled || newGroupDisabled;
-        }
-      }
-    },
-    groupValidationState: {
-      immediate: true,
-      handler(newGroupValidationState) {
-        if (this.hasGroup) {
-          this.internalValidationState = newGroupValidationState || this.validationState;
-        }
-      }
-    }
-  },
-  created() {
-    var _a;
-    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, "name");
-    const reactiveGroupName = (_a = this.groupContext) == null ? void 0 : _a.name;
-    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
-      Vue.util.warn(
-        `Component is being used inside a Group. Did you mean to override the name prop value (${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,
-        this
-      );
-    }
-  }
-};
-const MessagesMixin = {
-  props: {
-    /**
-     * Used to customize the validation messages component
-     */
-    messagesClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the validation messages component
-     */
-    messagesChildProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * Used to hide / show the validation messages
-     * @values true, false
-     */
-    showMessages: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Validation messages
-     */
-    messages: {
-      type: Array,
-      default: () => [],
-      validator: (messages) => {
-        return common_validators.validationMessageValidator(messages);
-      }
-    }
-  },
-  computed: {
-    formattedMessages() {
-      return common_utils.formatMessages(this.messages);
-    }
-  }
-};
-exports.CheckableMixin = CheckableMixin;
-exports.GroupableMixin = GroupableMixin;
-exports.InputMixin = InputMixin;
-exports.MessagesMixin = MessagesMixin;
-//# sourceMappingURL=input.cjs.map

package/dist/common/mixins/input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs","sources":["../../../common/mixins/input.js"],"sourcesContent":["import Vue from 'vue';\nimport { VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport { validationMessageValidator } from '@/common/validators';\nimport { formatMessages } from '@/common/utils';\n\n/**\n * This mixin provides a base set of props, watchers and data attributes that are commonly used in our input components.\n * @displayName Input Mixin\n */\nexport const InputMixin = {\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided label for the input\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The name of the input\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The value of the input\n     * @model value\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * Describes the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * The validation state of the input\n     */\n    validationState: {\n      type: String,\n      default: '',\n      validator: validationState => {\n        if (!validationState) {\n          return true;\n        }\n\n        return Object.values(VALIDATION_MESSAGE_TYPES).includes(validationState);\n      },\n    },\n\n    /**\n     * Used to customize the input element\n     */\n    inputClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the label container\n     */\n    labelChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the description container\n     */\n    descriptionChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  data () {\n    return {\n      internalDisabled: this.disabled,\n      internalValidationState: this.validationState,\n    };\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      // update internal disabled when the prop changes\n      this.internalDisabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      // update internal validation state when the prop changes\n      this.internalValidationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /**\n     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself\n     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)\n     */\n    validateInputLabels (hasLabelOrLabel, ariaLabel) {\n      if (!hasLabelOrLabel && !ariaLabel) {\n        Vue.util.warn(\n          'You must provide an aria-label when there is no label passed',\n          this,\n        );\n      }\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our checkable inputs.\n *\n * This includes the group context, checked model & prop, internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Checkable Mixin\n */\nexport const CheckableMixin = {\n  model: {\n    prop: 'checked',\n  },\n\n  props: {\n    /**\n     * Used to set the state of the checkable input\n     * @model checked\n     */\n    checked: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * Indeterminate State, toggling indeterminate checkbox will uncheck\n     */\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n    /**\n     * The value of the input\n     */\n    value: {\n      type: [String, Number, Boolean],\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      internalChecked: this.checked,\n      internalIndeterminate: this.indeterminate,\n    };\n  },\n\n  watch: {\n    checked (newChecked) {\n      // update internal checked when the prop changes\n      this.internalChecked = newChecked;\n    },\n\n    indeterminate (newValue) {\n      this.internalIndeterminate = newValue;\n    },\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our groupable inputs.\n *\n * This includes the group context and internal data attributes as well as a set common computed\n * properties and watchers. It also includes the group name warning logic.\n * @displayName Groupable Mixin\n */\nexport const GroupableMixin = {\n  inject: {\n    // Object used to pass data from the group\n    groupContext: {\n      default: {},\n    },\n\n    // Method used to update the group value\n    setGroupValue: {\n      default: () => { return () => {}; },\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n    };\n  },\n\n  computed: {\n    hasGroup () {\n      return Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    },\n\n    groupName () {\n      return this.groupContext?.name ?? '';\n    },\n\n    groupValue () {\n      return this.groupContext?.value;\n    },\n\n    groupDisabled () {\n      return this.groupContext?.disabled ?? false;\n    },\n\n    groupValidationState () {\n      return this.groupContext?.validationState ?? null;\n    },\n\n    internalName () {\n      return this.name || this.groupName;\n    },\n  },\n\n  watch: {\n    value (newValue) {\n      // update internal value when the prop changes\n      this.internalValue = newValue;\n    },\n\n    groupValue: {\n      immediate: true,\n      handler (newGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the group disabled changes\n          this.internalValue = newGroupValue;\n        }\n      },\n    },\n\n    groupDisabled: {\n      immediate: true,\n      handler (newGroupDisabled) {\n        if (this.hasGroup) {\n          // update internal disabled when the group disabled changes\n          this.internalDisabled = this.disabled || newGroupDisabled;\n        }\n      },\n    },\n\n    groupValidationState: {\n      immediate: true,\n      handler (newGroupValidationState) {\n        if (this.hasGroup) {\n          // update internal validation state when the group validation state changes\n          this.internalValidationState = newGroupValidationState || this.validationState;\n        }\n      },\n    },\n  },\n\n  created () {\n    const hasGroupName = Object.prototype.hasOwnProperty.call(this.groupContext, 'name');\n    const reactiveGroupName = this.groupContext?.name;\n\n    if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {\n      Vue.util.warn(\n        'Component is being used inside a Group. Did you mean to override the name prop value ' +\n        `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`,\n        this,\n      );\n    }\n  },\n};\n\n/**\n * This mixin provides common logic shared amongst our validation messages inputs.\n * @displayName Messages Mixin\n */\nexport const MessagesMixin = {\n  props: {\n    /**\n     * Used to customize the validation messages component\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the validation messages component\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Used to hide / show the validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => {\n        return validationMessageValidator(messages);\n      },\n    },\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n  },\n};\n\nexport default {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n};\n"],"names":["VALIDATION_MESSAGE_TYPES","validationMessageValidator","formatMessages"],"mappings":"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"}