@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.1

package/dist/common/mixins/dom.js

@@ -1,77 +1,65 @@
-const I = {
-  methods: {
-    /**
-     * Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
-     * @param {Element} ref
-     */
-    scrollElementIntoViewIfNeeded(e, l, t, o) {
-      e.scrollIntoViewIfNeeded ? this.scrollIntoViewIfNeeded(e, l, t, o) : this.scrollIntoView(e, "bottom", !1, t, o);
-    },
-    /**
-     * Scroll an element to the top or bottom of its scroll ancestor.
-     * @param {Element} ref
-     */
-    scrollElementIntoView(e, l, t, o) {
-      if (l === "center") {
-        this.scrollIntoView(e, "center", !1, t, o);
-        return;
-      }
-      l === !1 ? this.scrollIntoView(e, "bottom", !1, t, o) : this.scrollIntoView(e, "top", !1, t, o);
-    },
-    scrollIntoViewIfNeeded(e, l, t, o) {
-      const n = l ? "center" : void 0;
-      this.scrollIntoView(e, n, !0, t, o);
-    },
-    scrollIntoView(e, l, t, o, n) {
-      if (!e || !e.parentElement)
-        return;
-      const s = e.offsetTop, r = n || e.parentElement, c = this._getScrollBounds(r), h = c.bottom - c.top, m = this._getElementHeight(e), g = s + m;
-      let i = -1;
-      switch (l) {
-        case "top":
-          i = s;
-          break;
-        case "center":
-          i = s + (m - h) / 2;
-          break;
-        case "bottom":
-          i = i = g - h;
-          break;
-        default:
-          s - c.top <= h / 2 ? i = s : i = g - h;
-          break;
-      }
-      this._setScrollTop(r, i, c, s, g, t, o);
-    },
-    _setScrollTop(e, l, t, o, n, s, r) {
-      t = t || this._getScrollBounds(e);
-      const c = t.bottom - t.top;
-      if (s && this._inScrollBounds(o, n, t))
-        if (o < t.top)
-          l = o;
-        else if (n > t.bottom)
-          l = n - c;
-        else
-          return;
-      r ? e.scrollTo({ top: l, behavior: r }) : e.scrollTop = l;
-    },
-    _getElementHeight(e) {
-      return e.getBoundingClientRect().height;
-    },
-    _getScrollBounds(e) {
-      const l = this._getElementHeight(e), t = e.scrollTop;
-      return {
-        top: t,
-        bottom: t + l
-      };
-    },
-    _inScrollBounds(e, l, t) {
-      const o = l - e;
-      return l <= t.bottom + 3 * o / 4 && e >= t.top - o / 4;
-    }
-  }
-};
-export {
-  I as default
-};
-//# sourceMappingURL=dom.js.map
+//#region common/mixins/dom.js
+var e = { methods: {
+	scrollElementIntoViewIfNeeded(e, t, n, r) {
+		e.scrollIntoViewIfNeeded ? this.scrollIntoViewIfNeeded(e, t, n, r) : this.scrollIntoView(e, "bottom", !1, n, r);
+	},
+	scrollElementIntoView(e, t, n, r) {
+		if (t === "center") {
+			this.scrollIntoView(e, "center", !1, n, r);
+			return;
+		}
+		t === !1 ? this.scrollIntoView(e, "bottom", !1, n, r) : this.scrollIntoView(e, "top", !1, n, r);
+	},
+	scrollIntoViewIfNeeded(e, t, n, r) {
+		let i = t ? "center" : void 0;
+		this.scrollIntoView(e, i, !0, n, r);
+	},
+	scrollIntoView(e, t, n, r, i) {
+		if (!e || !e.parentElement) return;
+		let a = e.offsetTop, o = i || e.parentElement, s = this._getScrollBounds(o), c = s.bottom - s.top, l = this._getElementHeight(e), u = a + l, d = -1;
+		switch (t) {
+			case "top":
+				d = a;
+				break;
+			case "center":
+				d = a + (l - c) / 2;
+				break;
+			case "bottom":
+				d = d = u - c;
+				break;
+			default:
+				d = a - s.top <= c / 2 ? a : u - c;
+				break;
+		}
+		this._setScrollTop(o, d, s, a, u, n, r);
+	},
+	_setScrollTop(e, t, n, r, i, a, o) {
+		n = n || this._getScrollBounds(e);
+		let s = n.bottom - n.top;
+		if (a && this._inScrollBounds(r, i, n)) if (r < n.top) t = r;
+		else if (i > n.bottom) t = i - s;
+		else return;
+		o ? e.scrollTo({
+			top: t,
+			behavior: o
+		}) : e.scrollTop = t;
+	},
+	_getElementHeight(e) {
+		return e.getBoundingClientRect().height;
+	},
+	_getScrollBounds(e) {
+		let t = this._getElementHeight(e), n = e.scrollTop;
+		return {
+			top: n,
+			bottom: n + t
+		};
+	},
+	_inScrollBounds(e, t, n) {
+		let r = t - e;
+		return t <= n.bottom + 3 * r / 4 && e >= n.top - r / 4;
+	}
+} };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=dom.js.map

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

@@ -1 +1 @@
-{"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":["Dom","ref","opt_center","opt_behavior","opt_parent","opt_scrollToTop","dir","opt_dir","opt_ifNeeded","offsetTop","refParent","scrollBounds","parentHeight","elHeight","offsetBottom","scrollTop","el","bounds","opt_isNeeded","height","top","bottom"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,8BAA+BC,GAAKC,GAAYC,GAAcC,GAAY;AACxE,MAAIH,EAAI,yBACN,KAAK,uBAAuBA,GAAKC,GAAYC,GAAcC,CAAU,IAErE,KAAK,eAAeH,GAAK,UAAU,IAAOE,GAAcC,CAAU;AAAA,IAEtE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,sBAAuBH,GAAKI,GAAiBF,GAAcC,GAAY;AACrE,UAAIC,MAAoB,UAAU;AAChC,aAAK,eAAeJ,GAAK,UAAU,IAAOE,GAAcC,CAAU;AAClE;AAAA,MACF;AAEA,MAAIC,MAAoB,KACtB,KAAK,eAAeJ,GAAK,UAAU,IAAOE,GAAcC,CAAU,IAElE,KAAK,eAAeH,GAAK,OAAO,IAAOE,GAAcC,CAAU;AAAA,IAEnE;AAAA,IAEA,uBAAwBH,GAAKC,GAAYC,GAAcC,GAAY;AACjE,YAAME,IAAMJ,IAAa,WAAW;AACpC,WAAK,eAAeD,GAAKK,GAAK,IAAMH,GAAcC,CAAU;AAAA,IAC9D;AAAA,IAEA,eAAgBH,GAAKM,GAASC,GAAcL,GAAcC,GAAY;AACpE,UAAI,CAACH,KAAO,CAACA,EAAI;AACf;AAEF,YAAMQ,IAAYR,EAAI,WAChBS,IAAYN,KAAcH,EAAI,eAC9BU,IAAe,KAAK,iBAAiBD,CAAS,GAC9CE,IAAeD,EAAa,SAASA,EAAa,KAClDE,IAAW,KAAK,kBAAkBZ,CAAG,GACrCa,IAAeL,IAAYI;AACjC,UAAIE,IAAY;AAChB,cAAQR,GAAO;AAAA,QACb,KAAK;AACH,UAAAQ,IAAYN;AACZ;AAAA,QACF,KAAK;AACH,UAAAM,IAAYN,KAAaI,IAAWD,KAAgB;AACpD;AAAA,QACF,KAAK;AACH,UAAAG,IAAYA,IAAYD,IAAeF;AACvC;AAAA,QACF;AAEE,UAAIH,IAAYE,EAAa,OAAQC,IAAe,IAElDG,IAAYN,IAEZM,IAAYD,IAAeF;AAE7B;AAAA,MACV;AACM,WAAK,cAAcF,GAAWK,GAAWJ,GAAcF,GAAWK,GAAcN,GAAcL,CAAY;AAAA,IAC5G;AAAA,IAEA,cAAea,GAAID,GAAWE,GAAQR,GAAWK,GAAcI,GAAcf,GAAc;AACzF,MAAAc,IAASA,KAAU,KAAK,iBAAiBD,CAAE;AAC3C,YAAMJ,IAAeK,EAAO,SAASA,EAAO;AAC5C,UAAIC,KAAgB,KAAK,gBAAgBT,GAAWK,GAAcG,CAAM;AAEtE,YAAIR,IAAYQ,EAAO;AAErB,UAAAF,IAAYN;AAAA,iBACHK,IAAeG,EAAO;AAC/B,UAAAF,IAAYD,IAAeF;AAAA;AAE3B;AAIJ,MAAIT,IACFa,EAAG,SAAS,EAAE,KAAKD,GAAW,UAAUZ,GAAc,IAEtDa,EAAG,YAAYD;AAAA,IAEnB;AAAA,IAEA,kBAAmBC,GAAI;AACrB,aAAOA,EAAG,sBAAqB,EAAG;AAAA,IACpC;AAAA,IAEA,iBAAkBA,GAAI;AACpB,YAAMG,IAAS,KAAK,kBAAkBH,CAAE,GAClCD,IAAYC,EAAG;AACrB,aAAO;AAAA,QACL,KAAKD;AAAA,QACL,QAAQA,IAAYI;AAAA,MAC5B;AAAA,IACI;AAAA,IAEA,gBAAiBC,GAAKC,GAAQJ,GAAQ;AAKpC,YAAME,IAASE,IAASD;AACxB,aAAQC,KAAUJ,EAAO,SAAU,IAAIE,IAAS,KAAQC,KAAOH,EAAO,MAAOE,IAAS;AAAA,IACxF;AAAA,EACJ;AACA;"}
+{"version":3,"file":"dom.js","names":[],"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"],"mappings":";AAAA,IAAA,IAAe,EACb,SAAS;CAKP,8BAA+B,GAAK,GAAY,GAAc,GAAY;AACxE,EAAI,EAAI,yBACN,KAAK,uBAAuB,GAAK,GAAY,GAAc,EAAW,GAEtE,KAAK,eAAe,GAAK,UAAU,IAAO,GAAc,EAAW;;CAQvE,sBAAuB,GAAK,GAAiB,GAAc,GAAY;AACrE,MAAI,MAAoB,UAAU;AAChC,QAAK,eAAe,GAAK,UAAU,IAAO,GAAc,EAAW;AACnE;;AAGF,EAAI,MAAoB,KACtB,KAAK,eAAe,GAAK,UAAU,IAAO,GAAc,EAAW,GAEnE,KAAK,eAAe,GAAK,OAAO,IAAO,GAAc,EAAW;;CAIpE,uBAAwB,GAAK,GAAY,GAAc,GAAY;EACjE,IAAM,IAAM,IAAa,WAAW,KAAA;AACpC,OAAK,eAAe,GAAK,GAAK,IAAM,GAAc,EAAW;;CAG/D,eAAgB,GAAK,GAAS,GAAc,GAAc,GAAY;AACpE,MAAI,CAAC,KAAO,CAAC,EAAI,cACf;EAEF,IAAM,IAAY,EAAI,WAChB,IAAY,KAAc,EAAI,eAC9B,IAAe,KAAK,iBAAiB,EAAU,EAC/C,IAAe,EAAa,SAAS,EAAa,KAClD,IAAW,KAAK,kBAAkB,EAAI,EACtC,IAAe,IAAY,GAC7B,IAAY;AAChB,UAAQ,GAAR;GACE,KAAK;AACH,QAAY;AACZ;GACF,KAAK;AACH,QAAY,KAAa,IAAW,KAAgB;AACpD;GACF,KAAK;AACH,QAAY,IAAY,IAAe;AACvC;GACF;AAEE,IAIE,IAJE,IAAY,EAAa,OAAQ,IAAe,IAEtC,IAEA,IAAe;AAE7B;;AAEJ,OAAK,cAAc,GAAW,GAAW,GAAc,GAAW,GAAc,GAAc,EAAa;;CAG7G,cAAe,GAAI,GAAW,GAAQ,GAAW,GAAc,GAAc,GAAc;AACzF,MAAS,KAAU,KAAK,iBAAiB,EAAG;EAC5C,IAAM,IAAe,EAAO,SAAS,EAAO;AAC5C,MAAI,KAAgB,KAAK,gBAAgB,GAAW,GAAc,EAAO,CAEvE,KAAI,IAAY,EAAO,IAErB,KAAY;WACH,IAAe,EAAO,OAC/B,KAAY,IAAe;MAE3B;AAIJ,EAAI,IACF,EAAG,SAAS;GAAE,KAAK;GAAW,UAAU;GAAc,CAAC,GAEvD,EAAG,YAAY;;CAInB,kBAAmB,GAAI;AACrB,SAAO,EAAG,uBAAuB,CAAC;;CAGpC,iBAAkB,GAAI;EACpB,IAAM,IAAS,KAAK,kBAAkB,EAAG,EACnC,IAAY,EAAG;AACrB,SAAO;GACL,KAAK;GACL,QAAQ,IAAY;GACrB;;CAGH,gBAAiB,GAAK,GAAQ,GAAQ;EAKpC,IAAM,IAAS,IAAS;AACxB,SAAQ,KAAU,EAAO,SAAU,IAAI,IAAS,KAAQ,KAAO,EAAO,MAAO,IAAS;;CAEzF,EACF"}

package/dist/common/mixins/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./dom.cjs"),i=require("./input.cjs"),o=require("./input-group.cjs"),t=require("./keyboard-list-navigation.cjs"),e=require("./modal.cjs"),u=require("./skeleton.cjs"),m=require("./mode.cjs");exports.DtDOMMixin=n.default;exports.DtCheckableInputMixin=i.CheckableMixin;exports.DtGroupableInputMixin=i.GroupableMixin;exports.DtInputMixin=i.InputMixin;exports.DtInputGroupMixin=o.InputGroupMixin;exports.DtKeyboardListNavigationMixin=t.default;exports.DtModalMixin=e.default;exports.DtSkeletonMixin=u.default;exports.DtModeMixin=m.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./dom.cjs`),t=require(`./input.cjs`),n=require(`./input-group.cjs`),r=require(`./keyboard-list-navigation.cjs`),i=require(`./modal.cjs`),a=require(`./skeleton.cjs`);exports.DtCheckableInputMixin=t.CheckableMixin,exports.DtDOMMixin=e.default,exports.DtGroupableInputMixin=t.GroupableMixin,exports.DtInputGroupMixin=n.InputGroupMixin,exports.DtInputMixin=t.InputMixin,exports.DtKeyboardListNavigationMixin=r.default,exports.DtModalMixin=i.default,exports.DtSkeletonMixin=a.default;

package/dist/common/mixins/index.d.ts

@@ -0,0 +1,7 @@
+export { default as DtDOMMixin } from './dom';
+export { InputGroupMixin as DtInputGroupMixin } from './input_group';
+export { default as DtKeyboardListNavigationMixin } from './keyboard_list_navigation';
+export { default as DtModalMixin } from './modal';
+export { default as DtSkeletonMixin } from './skeleton';
+export { InputMixin as DtInputMixin, CheckableMixin as DtCheckableInputMixin, GroupableMixin as DtGroupableInputMixin } from './input';
+//# sourceMappingURL=index.d.ts.map

package/dist/common/mixins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/mixins/index.js"],"names":[],"mappings":""}

package/dist/common/mixins/index.js

@@ -1,19 +1,7 @@
-import { default as o } from "./dom.js";
-import { CheckableMixin as e, GroupableMixin as n, InputMixin as x } from "./input.js";
-import { InputGroupMixin as p } from "./input-group.js";
-import { default as u } from "./keyboard-list-navigation.js";
-import { default as l } from "./modal.js";
-import { default as D } from "./skeleton.js";
-import { default as m } from "./mode.js";
-export {
-  e as DtCheckableInputMixin,
-  o as DtDOMMixin,
-  n as DtGroupableInputMixin,
-  p as DtInputGroupMixin,
-  x as DtInputMixin,
-  u as DtKeyboardListNavigationMixin,
-  l as DtModalMixin,
-  m as DtModeMixin,
-  D as DtSkeletonMixin
-};
-//# sourceMappingURL=index.js.map
+import e from "./dom.js";
+import { CheckableMixin as t, GroupableMixin as n, InputMixin as r } from "./input.js";
+import { InputGroupMixin as i } from "./input-group.js";
+import a from "./keyboard-list-navigation.js";
+import o from "./modal.js";
+import s from "./skeleton.js";
+export { t as DtCheckableInputMixin, e as DtDOMMixin, n as DtGroupableInputMixin, i as DtInputGroupMixin, r as DtInputMixin, a as DtKeyboardListNavigationMixin, o as DtModalMixin, s as DtSkeletonMixin };

package/dist/common/mixins/input-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),i=require("../validators/index.cjs"),t=require("../utils/index.cjs"),r=require("../../lib/validation-messages/validation-messages.cjs"),a={components:{DtValidationMessages:r.default},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return t.getUniqueString()}},value:{type:[String,Number,Boolean,Object],default:null},name:{type:String,required:!0},legend:{type:String,default:""},disabled:{type:Boolean,default:!1},messages:{type:Array,default:()=>[],validator:e=>i.validationMessageValidator(e)},showMessages:{type:Boolean,default:!0},legendClass:{type:[String,Array,Object],default:""},messagesClass:{type:[String,Array,Object],default:""},legendChildProps:{type:Object,default:()=>({})},messagesChildProps:{type:Object,default:()=>({})}},emits:["input"],data(){const e=t.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:t.getValidationState(e)}}},computed:{formattedMessages(){return t.formatMessages(this.messages)},validationState(){return t.getValidationState(this.formattedMessages)}},watch:{disabled(e){this.provideObj.disabled=e},validationState(e){this.provideObj.validationState=e}},methods:{setGroupValue(e){this.internalValue=e,this.$emit("input",e)}},mounted(){!this.legend&&!this.$slots.legend&&!this.$attrs["aria-label"]&&s.warn("It is expected that an aria-label is provided when there is no legend.",this)}},d={InputGroupMixin:a};exports.InputGroupMixin=a;exports.default=d;
-//# sourceMappingURL=input-group.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../validators/index.cjs`),t=require(`../utils/index.cjs`),n=require(`../../lib/validation-messages/validation-messages.cjs`);let r=require(`vue`);var i={components:{DtValidationMessages:n.default},provide(){return{groupContext:this.provideObj,setGroupValue:this.setGroupValue}},props:{id:{type:String,default(){return t.getUniqueString()}},value:{type:[String,Number,Boolean,Object],default:null},name:{type:String,required:!0},legend:{type:String,default:``},disabled:{type:Boolean,default:!1},messages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0},legendClass:{type:[String,Array,Object],default:``},messagesClass:{type:[String,Array,Object],default:``},legendChildProps:{type:Object,default:()=>({})},messagesChildProps:{type:Object,default:()=>({})}},emits:[`input`],data(){let e=t.formatMessages(this.messages);return{provideObj:{name:this.name,disabled:this.disabled,validationState:t.getValidationState(e)}}},computed:{formattedMessages(){return t.formatMessages(this.messages)},validationState(){return t.getValidationState(this.formattedMessages)}},watch:{disabled(e){this.provideObj.disabled=e},validationState(e){this.provideObj.validationState=e}},methods:{setGroupValue(e){this.internalValue=e,this.$emit(`input`,e)}},mounted(){!this.legend&&!this.$slots.legend&&!this.$attrs[`aria-label`]&&(0,r.warn)(`It is expected that an aria-label is provided when there is no legend.`,this)}},a={InputGroupMixin:i};exports.InputGroupMixin=i,exports.default=a;
+//# sourceMappingURL=input-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-group.cjs","sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":["InputGroupMixin","DtValidationMessages","getUniqueString","messages","validationMessageValidator","formattedMessages","formatMessages","getValidationState","newDisabled","newValidationState","newValue","warn","input_group"],"mappings":"2QAcaA,EAAkB,CAC7B,WAAY,CAAA,qBAAEC,EAAAA,OAAoB,EAGlC,SAAW,CACT,MAAO,CACL,aAAc,KAAK,WACnB,cAAe,KAAK,aAC1B,CACE,EAEA,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOC,kBAAe,CACxB,CACN,EAKI,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAS,MAAM,EACtC,QAAS,IACf,EAKI,KAAM,CACJ,KAAM,OACN,SAAU,EAChB,EAKI,OAAQ,CACN,KAAM,OACN,QAAS,EACf,EAMI,SAAU,CACR,KAAM,QACN,QAAS,EACf,EAKI,SAAU,CACR,KAAM,MACN,QAAS,IAAM,CAAA,EACf,UAAWC,GAAYC,EAAAA,2BAA2BD,CAAQ,CAChE,EAMI,aAAc,CACZ,KAAM,QACN,QAAS,EACf,EAKI,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACf,EAKI,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACf,EAKI,iBAAkB,CAChB,KAAM,OACN,QAAS,KAAO,CAAA,EACtB,EAKI,mBAAoB,CAClB,KAAM,OACN,QAAS,KAAO,CAAA,EACtB,CACA,EAEE,MAAO,CAOL,OACJ,EAEE,MAAQ,CACN,MAAME,EAAoBC,EAAAA,eAAe,KAAK,QAAQ,EAEtD,MAAO,CAEL,WAAY,CACV,KAAM,KAAK,KACX,SAAU,KAAK,SACf,gBAAiBC,EAAAA,mBAAmBF,CAAiB,CAC7D,CACA,CACE,EAEA,SAAU,CACR,mBAAqB,CACnB,OAAOC,EAAAA,eAAe,KAAK,QAAQ,CACrC,EAEA,iBAAmB,CACjB,OAAOC,EAAAA,mBAAmB,KAAK,iBAAiB,CAClD,CACJ,EAEE,MAAO,CACL,SAAUC,EAAa,CACrB,KAAK,WAAW,SAAWA,CAC7B,EAEA,gBAAiBC,EAAoB,CACnC,KAAK,WAAW,gBAAkBA,CACpC,CACJ,EAEE,QAAS,CAKP,cAAeC,EAAU,CACvB,KAAK,cAAgBA,EACrB,KAAK,MAAM,QAASA,CAAQ,CAC9B,CACJ,EAEE,SAAW,CACL,CAAC,KAAK,QAAU,CAAC,KAAK,OAAO,QAAU,CAAC,KAAK,OAAO,YAAY,GAClEC,EAAAA,KAAK,yEAA0E,IAAI,CAEvF,CACF,EAEAC,EAAe,CACb,gBAAAZ,CACF"}
+{"version":3,"file":"input-group.cjs","names":["getUniqueString","validationMessageValidator","formatMessages","getValidationState"],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":"sSAcA,IAAa,EAAkB,CAC7B,WAAY,CAAE,qBAAA,EAAA,QAAsB,CAGpC,SAAW,CACT,MAAO,CACL,aAAc,KAAK,WACnB,cAAe,KAAK,cACrB,EAGH,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOA,EAAAA,iBAAiB,EAE3B,CAKD,MAAO,CACL,KAAM,CAAC,OAAQ,OAAQ,QAAS,OAAO,CACvC,QAAS,KACV,CAKD,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAKD,OAAQ,CACN,KAAM,OACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAYC,EAAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,cAAe,CACb,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,iBAAkB,CAChB,KAAM,OACN,aAAgB,EAAE,EACnB,CAKD,mBAAoB,CAClB,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,IAAM,EAAoBC,EAAAA,eAAe,KAAK,SAAS,CAEvD,MAAO,CAEL,WAAY,CACV,KAAM,KAAK,KACX,SAAU,KAAK,SACf,gBAAiBC,EAAAA,mBAAmB,EAAkB,CACvD,CACF,EAGH,SAAU,CACR,mBAAqB,CACnB,OAAOD,EAAAA,eAAe,KAAK,SAAS,EAGtC,iBAAmB,CACjB,OAAOC,EAAAA,mBAAmB,KAAK,kBAAkB,EAEpD,CAED,MAAO,CACL,SAAU,EAAa,CACrB,KAAK,WAAW,SAAW,GAG7B,gBAAiB,EAAoB,CACnC,KAAK,WAAW,gBAAkB,GAErC,CAED,QAAS,CAKP,cAAe,EAAU,CACvB,KAAK,cAAgB,EACrB,KAAK,MAAM,QAAS,EAAS,EAEhC,CAED,SAAW,CACL,CAAC,KAAK,QAAU,CAAC,KAAK,OAAO,QAAU,CAAC,KAAK,OAAO,gBACtD,EAAA,EAAA,MAAK,yEAA0E,KAAK,EAGzF,CAED,EAAe,CACb,kBACD"}

package/dist/common/mixins/input-group.js

@@ -1,153 +1,111 @@
-import { warn as s } from "vue";
-import { validationMessageValidator as i } from "../validators/index.js";
-import { getValidationState as t, formatMessages as a, getUniqueString as r } from "../utils/index.js";
-import d from "../../lib/validation-messages/validation-messages.js";
-const o = {
-  components: { DtValidationMessages: d },
-  // provide data to slotted components
-  provide() {
-    return {
-      groupContext: this.provideObj,
-      setGroupValue: this.setGroupValue
-    };
-  },
-  props: {
-    /**
-     * The id of the input group
-     */
-    id: {
-      type: String,
-      default() {
-        return r();
-      }
-    },
-    /**
-     * The value of the input group
-     */
-    value: {
-      type: [String, Number, Boolean, Object],
-      default: null
-    },
-    /**
-     * The name of the input group
-     */
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The legend of the input group
-     */
-    legend: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Disables the input group
-     * @values true, false
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Validation messages
-     */
-    messages: {
-      type: Array,
-      default: () => [],
-      validator: (e) => i(e)
-    },
-    /**
-     * Show validation messages
-     * @values true, false
-     */
-    showMessages: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Used to customize the legend element
-     */
-    legendClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * Used to customize the messages container
-     */
-    messagesClass: {
-      type: [String, Array, Object],
-      default: ""
-    },
-    /**
-     * A set of props that are passed into the legend element
-     */
-    legendChildProps: {
-      type: Object,
-      default: () => ({})
-    },
-    /**
-     * A set of props that are passed into the messages container
-     */
-    messagesChildProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: [
-    /**
-     * Native input event
-     *
-     * @event input
-     * @type {KeyboardEvent}
-     */
-    "input"
-  ],
-  data() {
-    const e = a(this.messages);
-    return {
-      // wrap values in object to make reactive
-      provideObj: {
-        name: this.name,
-        disabled: this.disabled,
-        validationState: t(e)
-      }
-    };
-  },
-  computed: {
-    formattedMessages() {
-      return a(this.messages);
-    },
-    validationState() {
-      return t(this.formattedMessages);
-    }
-  },
-  watch: {
-    disabled(e) {
-      this.provideObj.disabled = e;
-    },
-    validationState(e) {
-      this.provideObj.validationState = e;
-    }
-  },
-  methods: {
-    /*
-     * provided value to support 2 way binding for slotted input components.
-     * slotted input components will change this value and need to emit new value up.
-     */
-    setGroupValue(e) {
-      this.internalValue = e, this.$emit("input", e);
-    }
-  },
-  mounted() {
-    !this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && s("It is expected that an aria-label is provided when there is no legend.", this);
-  }
-}, g = {
-  InputGroupMixin: o
-};
-export {
-  o as InputGroupMixin,
-  g as default
-};
-//# sourceMappingURL=input-group.js.map
+import { validationMessageValidator as e } from "../validators/index.js";
+import { formatMessages as t, getUniqueString as n, getValidationState as r } from "../utils/index.js";
+import i from "../../lib/validation-messages/validation-messages.js";
+import { warn as a } from "vue";
+//#region common/mixins/input_group.js
+var o = {
+	components: { DtValidationMessages: i },
+	provide() {
+		return {
+			groupContext: this.provideObj,
+			setGroupValue: this.setGroupValue
+		};
+	},
+	props: {
+		id: {
+			type: String,
+			default() {
+				return n();
+			}
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object
+			],
+			default: null
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		legend: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		messages: {
+			type: Array,
+			default: () => [],
+			validator: (t) => e(t)
+		},
+		showMessages: {
+			type: Boolean,
+			default: !0
+		},
+		legendClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		messagesClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		legendChildProps: {
+			type: Object,
+			default: () => ({})
+		},
+		messagesChildProps: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["input"],
+	data() {
+		let e = t(this.messages);
+		return { provideObj: {
+			name: this.name,
+			disabled: this.disabled,
+			validationState: r(e)
+		} };
+	},
+	computed: {
+		formattedMessages() {
+			return t(this.messages);
+		},
+		validationState() {
+			return r(this.formattedMessages);
+		}
+	},
+	watch: {
+		disabled(e) {
+			this.provideObj.disabled = e;
+		},
+		validationState(e) {
+			this.provideObj.validationState = e;
+		}
+	},
+	methods: { setGroupValue(e) {
+		this.internalValue = e, this.$emit("input", e);
+	} },
+	mounted() {
+		!this.legend && !this.$slots.legend && !this.$attrs["aria-label"] && a("It is expected that an aria-label is provided when there is no legend.", this);
+	}
+}, s = { InputGroupMixin: o };
+//#endregion
+export { o as InputGroupMixin, s as default };
+
+//# sourceMappingURL=input-group.js.map

package/dist/common/mixins/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"names":["InputGroupMixin","DtValidationMessages","getUniqueString","messages","validationMessageValidator","formattedMessages","formatMessages","getValidationState","newDisabled","newValidationState","newValue","warn","input_group"],"mappings":";;;;AAcY,MAACA,IAAkB;AAAA,EAC7B,YAAY,EAAE,sBAAAC,EAAoB;AAAA;AAAA,EAGlC,UAAW;AACT,WAAO;AAAA,MACL,cAAc,KAAK;AAAA,MACnB,eAAe,KAAK;AAAA,IAC1B;AAAA,EACE;AAAA,EAEA,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AACT,eAAOC,EAAe;AAAA,MACxB;AAAA,IACN;AAAA;AAAA;AAAA;AAAA,IAKI,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,SAAS,MAAM;AAAA,MACtC,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA,IAKI,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAChB;AAAA;AAAA;AAAA;AAAA,IAKI,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA;AAAA,IAMI,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA,IAKI,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,MACf,WAAW,CAAAC,MAAYC,EAA2BD,CAAQ;AAAA,IAChE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMI,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA,IAKI,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA,IAKI,eAAe;AAAA,MACb,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACf;AAAA;AAAA;AAAA;AAAA,IAKI,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA,IAKI,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACtB;AAAA,EACA;AAAA,EAEE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACJ;AAAA,EAEE,OAAQ;AACN,UAAME,IAAoBC,EAAe,KAAK,QAAQ;AAEtD,WAAO;AAAA;AAAA,MAEL,YAAY;AAAA,QACV,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,iBAAiBC,EAAmBF,CAAiB;AAAA,MAC7D;AAAA,IACA;AAAA,EACE;AAAA,EAEA,UAAU;AAAA,IACR,oBAAqB;AACnB,aAAOC,EAAe,KAAK,QAAQ;AAAA,IACrC;AAAA,IAEA,kBAAmB;AACjB,aAAOC,EAAmB,KAAK,iBAAiB;AAAA,IAClD;AAAA,EACJ;AAAA,EAEE,OAAO;AAAA,IACL,SAAUC,GAAa;AACrB,WAAK,WAAW,WAAWA;AAAA,IAC7B;AAAA,IAEA,gBAAiBC,GAAoB;AACnC,WAAK,WAAW,kBAAkBA;AAAA,IACpC;AAAA,EACJ;AAAA,EAEE,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,cAAeC,GAAU;AACvB,WAAK,gBAAgBA,GACrB,KAAK,MAAM,SAASA,CAAQ;AAAA,IAC9B;AAAA,EACJ;AAAA,EAEE,UAAW;AACT,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,YAAY,KAClEC,EAAK,0EAA0E,IAAI;AAAA,EAEvF;AACF,GAEAC,IAAe;AAAA,EACb,iBAAAZ;AACF;"}
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../common/mixins/input_group.js"],"sourcesContent":["import { warn } from 'vue';\nimport { DtValidationMessages } from '@/components/validation_messages';\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  formatMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * This mixin provides a base provide obj and set of components, props, computed, watchers and data attributes that are\n * commonly used in our input group components.\n * @displayName Input Group Mixin\n */\nexport const InputGroupMixin = {\n  components: { DtValidationMessages },\n\n  // provide data to slotted components\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setGroupValue: this.setGroupValue,\n    };\n  },\n\n  props: {\n    /**\n     * The id of the input group\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * The value of the input group\n     */\n    value: {\n      type: [String, Number, Boolean, Object],\n      default: null,\n    },\n\n    /**\n     * The name of the input group\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The legend of the input group\n     */\n    legend: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Disables the input group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation messages\n     */\n    messages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Used to customize the legend element\n     */\n    legendClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the messages container\n     */\n    messagesClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * A set of props that are passed into the legend element\n     */\n    legendChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * A set of props that are passed into the messages container\n     */\n    messagesChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {KeyboardEvent}\n     */\n    'input',\n  ],\n\n  data () {\n    const formattedMessages = formatMessages(this.messages);\n\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        name: this.name,\n        disabled: this.disabled,\n        validationState: getValidationState(formattedMessages),\n      },\n    };\n  },\n\n  computed: {\n    formattedMessages () {\n      return formatMessages(this.messages);\n    },\n\n    validationState () {\n      return getValidationState(this.formattedMessages);\n    },\n  },\n\n  watch: {\n    disabled (newDisabled) {\n      this.provideObj.disabled = newDisabled;\n    },\n\n    validationState (newValidationState) {\n      this.provideObj.validationState = newValidationState;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted input components.\n     * slotted input components will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.internalValue = newValue;\n      this.$emit('input', newValue);\n    },\n  },\n\n  mounted () {\n    if (!this.legend && !this.$slots.legend && !this.$attrs['aria-label']) {\n      warn('It is expected that an aria-label is provided when there is no legend.', this);\n    }\n  },\n};\n\nexport default {\n  InputGroupMixin,\n};\n"],"mappings":";;;;;AAcA,IAAa,IAAkB;CAC7B,YAAY,EAAE,sBAAA,GAAsB;CAGpC,UAAW;AACT,SAAO;GACL,cAAc,KAAK;GACnB,eAAe,KAAK;GACrB;;CAGH,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAKD,OAAO;GACL,MAAM;IAAC;IAAQ;IAAQ;IAAS;IAAO;GACvC,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAKD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,eAAe;GACb,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;GACN,gBAAgB,EAAE;GACnB;EAKD,oBAAoB;GAClB,MAAM;GACN,gBAAgB,EAAE;GACnB;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;EACN,IAAM,IAAoB,EAAe,KAAK,SAAS;AAEvD,SAAO,EAEL,YAAY;GACV,MAAM,KAAK;GACX,UAAU,KAAK;GACf,iBAAiB,EAAmB,EAAkB;GACvD,EACF;;CAGH,UAAU;EACR,oBAAqB;AACnB,UAAO,EAAe,KAAK,SAAS;;EAGtC,kBAAmB;AACjB,UAAO,EAAmB,KAAK,kBAAkB;;EAEpD;CAED,OAAO;EACL,SAAU,GAAa;AACrB,QAAK,WAAW,WAAW;;EAG7B,gBAAiB,GAAoB;AACnC,QAAK,WAAW,kBAAkB;;EAErC;CAED,SAAS,EAKP,cAAe,GAAU;AAEvB,EADA,KAAK,gBAAgB,GACrB,KAAK,MAAM,SAAS,EAAS;IAEhC;CAED,UAAW;AACT,EAAI,CAAC,KAAK,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,OAAO,iBACtD,EAAK,0EAA0E,KAAK;;CAGzF,EAED,IAAe,EACb,oBACD"}

package/dist/common/mixins/input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),o=require("../constants/index.cjs"),u=require("../validators/index.cjs"),d=require("../utils/index.cjs"),n={inheritAttrs:!1,props:{label:{type:String,default:""},name:{type:String,default:""},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:""},disabled:{type:Boolean,default:!1},validationState:{type:String,default:"",validator:e=>e?Object.values(o.VALIDATION_MESSAGE_TYPES).includes(e):!0},inputClass:{type:[String,Array,Object],default:""},labelClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},rootClass:{type:[String,Object,Array],default:""}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(e){this.internalDisabled=e},validationState(e){this.internalValidationState=e}},methods:{validateInputLabels(e,t){!e&&!t&&i.warn("You must provide an aria-label when there is no label passed",this)}}},r={props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.modelValue,internalIndeterminate:this.indeterminate}},watch:{modelValue(e){this.internalChecked=e},indeterminate(e){this.internalIndeterminate=e}}},s={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,"name")},groupName(){var e;return((e=this.groupContext)==null?void 0:e.name)??""},groupValue(){var e;return(e=this.groupContext)==null?void 0:e.value},groupDisabled(){var e;return((e=this.groupContext)==null?void 0:e.disabled)??!1},groupValidationState(){var e;return((e=this.groupContext)==null?void 0:e.validationState)??null},internalName(){return this.name||this.groupName}},watch:{value(e){this.internalValue=e},groupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalValue=e)}},groupDisabled:{immediate:!0,handler(e){this.hasGroup&&(this.internalDisabled=this.disabled||e)}},groupValidationState:{immediate:!0,handler(e){this.hasGroup&&(this.internalValidationState=e||this.validationState)}}},created(){var a;const e=Object.prototype.hasOwnProperty.call(this.groupContext,"name"),t=(a=this.groupContext)==null?void 0:a.name;this.name&&e&&t!==this.name&&i.warn(`Component is being used inside a Group. Did you mean to override the name prop value (${t}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},l={props:{messagesClass:{type:[String,Array,Object],default:""},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:e=>u.validationMessageValidator(e)}},computed:{formattedMessages(){return d.formatMessages(this.messages)}}},p={InputMixin:n,CheckableMixin:r,GroupableMixin:s,MessagesMixin:l};exports.CheckableMixin=r;exports.GroupableMixin=s;exports.InputMixin=n;exports.MessagesMixin=l;exports.default=p;
-//# sourceMappingURL=input.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../constants/index.cjs`),t=require(`../validators/index.cjs`),n=require(`../utils/index.cjs`);let r=require(`vue`);var i={inheritAttrs:!1,props:{label:{type:String,default:``},name:{type:String,default:``},value:{type:[String,Number,Boolean,Object],default:null},description:{type:String,default:``},disabled:{type:Boolean,default:!1},validationState:{type:String,default:``,validator:t=>t?Object.values(e.VALIDATION_MESSAGE_TYPES).includes(t):!0},inputClass:{type:[String,Array,Object],default:``},labelClass:{type:[String,Array,Object],default:``},descriptionClass:{type:[String,Array,Object],default:``},labelChildProps:{type:Object,default:()=>({})},descriptionChildProps:{type:Object,default:()=>({})},rootClass:{type:[String,Object,Array],default:``}},data(){return{internalDisabled:this.disabled,internalValidationState:this.validationState}},watch:{disabled(e){this.internalDisabled=e},validationState(e){this.internalValidationState=e}},methods:{validateInputLabels(e,t){!e&&!t&&(0,r.warn)(`You must provide an aria-label when there is no label passed`,this)}}},a={props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:null}},data(){return{internalChecked:this.modelValue,internalIndeterminate:this.indeterminate}},watch:{modelValue(e){this.internalChecked=e},indeterminate(e){this.internalIndeterminate=e}}},o={inject:{groupContext:{default:{}},setGroupValue:{default:()=>()=>{}}},data(){return{internalValue:this.value}},computed:{hasGroup(){return Object.prototype.hasOwnProperty.call(this.groupContext,`name`)},groupName(){return this.groupContext?.name??``},groupValue(){return this.groupContext?.value},groupDisabled(){return this.groupContext?.disabled??!1},groupValidationState(){return this.groupContext?.validationState??null},internalName(){return this.name||this.groupName}},watch:{value(e){this.internalValue=e},groupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalValue=e)}},groupDisabled:{immediate:!0,handler(e){this.hasGroup&&(this.internalDisabled=this.disabled||e)}},groupValidationState:{immediate:!0,handler(e){this.hasGroup&&(this.internalValidationState=e||this.validationState)}}},created(){let e=Object.prototype.hasOwnProperty.call(this.groupContext,`name`),t=this.groupContext?.name;this.name&&e&&t!==this.name&&(0,r.warn)(`Component is being used inside a Group. Did you mean to override the name prop value (${t}) with (${this.name})? It is recommended to only set name at the Group level.`,this)}},s={props:{messagesClass:{type:[String,Array,Object],default:``},messagesChildProps:{type:Object,default:()=>({})},showMessages:{type:Boolean,default:!0},messages:{type:Array,default:()=>[],validator:e=>t.validationMessageValidator(e)}},computed:{formattedMessages(){return n.formatMessages(this.messages)}}},c={InputMixin:i,CheckableMixin:a,GroupableMixin:o,MessagesMixin:s};exports.CheckableMixin=a,exports.GroupableMixin=o,exports.InputMixin=i,exports.MessagesMixin=s,exports.default=c;
+//# sourceMappingURL=input.cjs.map