@cling-se/widget 0.14.6 → 1.0.0-beta.1

package/.eslintrc.cjs

@@ -1,4 +1,4 @@
-// eslint-disable-next-line no-undef
-module.exports = {
-  extends: ['../.eslintrc.cjs']
-}
+// eslint-disable-next-line no-undef
+module.exports = {
+  extends: ['../.eslintrc.cjs']
+}

package/README.md

@@ -1,40 +1,40 @@
-# Publish to @cling-se/widget
-
-[NPM directory - @cling-se/widget](https://www.npmjs.com/package/@cling-se/widget)
-
-### Prerequisites
-
-1. Authenticated to NPM
-2. Publishing rights to `@cling-se/widget`
-
-### Publishing to NPM
-
-**Bumping the version**
-
-- Stand on `dev/master`. Using `dev` is fine as long as the branch is stable.
-- Navigate to `widget/package.json` and change version according to semantic versioning (_see table below_)
-- Commit and push version change to `dev/master`
-  - Commit message: `chore(widget): bumps version to <version>`
-
-**Publishing**
-
-- Navigate to root and run "pnpm widget:publish"
-- If not publishing from master you will be prompted with a confirm dialog. Press yes if the dev branch is stable
-- Post a message in **#cling-release-notes** channel:
-
-      New Cling Widget published <npmVersion>
-      - Specify your changes in a bullet list
-
-### Resources and definitions
-
-<!-- Definition table -->
-<details>
-  <summary>Semantic versioning definitions</summary>
-
-| Version | Description                                                                                                                            |
-| ------- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| MAJOR   | When you make incompatible API changes. _At the time of writing we only change this if we plan on long term maintainance of a version_ |
-| MINOR   | When you add functionality in a backwards compatible manner.                                                                           |
-| PATCH   | When you make backwards compatible bug fixes.                                                                                          |
-
-</details>
+# Publish to @cling-se/widget
+
+[NPM directory - @cling-se/widget](https://www.npmjs.com/package/@cling-se/widget)
+
+### Prerequisites
+
+1. Authenticated to NPM
+2. Publishing rights to `@cling-se/widget`
+
+### Publishing to NPM
+
+**Bumping the version**
+
+- Stand on `dev/master`. Using `dev` is fine as long as the branch is stable.
+- Navigate to `widget/package.json` and change version according to semantic versioning (_see table below_)
+- Commit and push version change to `dev/master`
+  - Commit message: `chore(widget): bumps version to <version>`
+
+**Publishing**
+
+- Navigate to root and run "pnpm widget:publish"
+- If not publishing from master you will be prompted with a confirm dialog. Press yes if the dev branch is stable
+- Post a message in **#cling-release-notes** channel:
+
+      New Cling Widget published <npmVersion>
+      - Specify your changes in a bullet list
+
+### Resources and definitions
+
+<!-- Definition table -->
+<details>
+  <summary>Semantic versioning definitions</summary>
+
+| Version | Description                                                                                                                            |
+| ------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| MAJOR   | When you make incompatible API changes. _At the time of writing we only change this if we plan on long term maintainance of a version_ |
+| MINOR   | When you add functionality in a backwards compatible manner.                                                                           |
+| PATCH   | When you make backwards compatible bug fixes.                                                                                          |
+
+</details>

package/dist/{AddClientCallout-C7abPZ87.js → AddClientCallout-BWnvyBcK.js}

@@ -1,6 +1,6 @@
-import { m as o } from "./mapFormMixin-DlFcgwhm.js";
-import { C as s } from "./ClientAutocomplete-BKKc_br6.js";
-import { n as r } from "./main-CQBEuZk9.js";
+import { m as o } from "./mapFormMixin-QbevCwJK.js";
+import { C as s } from "./ClientAutocomplete-DSebA1Mx.js";
+import { n as r } from "./main-WKzC-Dnu.js";
 const a = {
   i18nOptions: {
     namespaces: "components",

package/dist/{AnswerModal-CsA2pl2P.js → AnswerModal-CLGRdSnK.js}

@@ -1,8 +1,8 @@
-import { m as ft } from "./mapFormMixin-DlFcgwhm.js";
-import { at as It, O as Tt, h as Et, au as Mt, av as Rt, aw as $t, n as ot, ax as Dt, g as yt, e as At, M as Bt } from "./main-CQBEuZk9.js";
+import { m as ft } from "./mapFormMixin-QbevCwJK.js";
+import { at as It, O as Tt, h as Et, au as Mt, av as Rt, aw as $t, n as ot, ax as Dt, g as yt, e as At, M as Bt } from "./main-WKzC-Dnu.js";
 import { a as nt } from "./anime.es-BrPTThYb.js";
 import { a as Ut } from "./vuex.esm-DKGl8mcw.js";
-import { C as Lt } from "./CFormField--m3PvQuT.js";
+import { C as Lt } from "./CFormField-DECEfoVq.js";
 /*!
  * vue-qrcode v1.0.2
  * https://fengyuanchen.github.io/vue-qrcode
@@ -2877,7 +2877,7 @@ var Ht = function() {
   jt,
   !1,
   null,
-  "091e7765"
+  "0a367679"
 );
 const Kt = Gt.exports, Vt = {
   name: "DenyAnswer",
@@ -3516,7 +3516,7 @@ var he = function() {
   fe,
   !1,
   null,
-  "e30cd56b"
+  "388a42cf"
 );
 const ge = de.exports, pe = () => {
   const v = window.location.host.split(".");
@@ -3681,7 +3681,7 @@ var ye = function() {
   xe,
   !1,
   null,
-  "b3b609e2"
+  "fcbefbe7"
 );
 const Ce = _e.exports, Ee = {
   components: {
@@ -3866,7 +3866,7 @@ var be = function() {
   Pe,
   !1,
   null,
-  "67dcb365"
+  "e9b32dd5"
 );
 const Me = Se.exports;
 export {

package/dist/{AttachmentItem-Da1-7xwf.js → AttachmentItem-BPS0-wyc.js}

@@ -1,5 +1,5 @@
-import a from "./Index-BAYdvT-t.js";
-import { n as i } from "./main-CQBEuZk9.js";
+import a from "./Index-CmU3Sys-.js";
+import { n as i } from "./main-WKzC-Dnu.js";
 const r = {
   name: "AttachmentsItem",
   components: {
@@ -70,7 +70,7 @@ var s = function() {
   o,
   !1,
   null,
-  "347ae175"
+  "455eb81b"
 );
 const p = c.exports;
 export {

package/dist/{BaseDatePicker-k9zlSi5J.js → BaseDatePicker-BbmV_GdD.js}

@@ -1,5 +1,5 @@
-import { a4 as ki, a5 as vi, k as Mi, n as Si, q as bi, ak as Yi, al as Oi, ac as xi } from "./main-CQBEuZk9.js";
-import { w as Ti } from "./CDropdownItem-CXJ4xD8W.js";
+import { a4 as ki, a5 as vi, k as Mi, n as Si, q as bi, ak as Yi, al as Oi, ac as xi } from "./main-WKzC-Dnu.js";
+import { w as Ti } from "./CDropdownItem-BE8BAMD1.js";
 var fs = { exports: {} };
 //! moment.js
 //! version : 2.29.4

package/dist/{BaseUpload-BUrXX3fT.js → BaseUpload-9gPgI7r6.js}

@@ -1,4 +1,4 @@
-import { a5 as Ue, k as De, n as $e, af as ye, O as ve } from "./main-CQBEuZk9.js";
+import { a5 as Ue, k as De, n as $e, af as ye, O as ve } from "./main-WKzC-Dnu.js";
 /*!
  * Compressor.js v1.1.1
  * https://fengyuanchen.github.io/compressorjs
@@ -1697,7 +1697,7 @@ const Ve = /* @__PURE__ */ De(Ye), Qe = {
   name: "BaseUpload",
   components: {
     FileUpload: Ve,
-    UploadModal: () => import("./UploadModal-D_EDKHGD.js")
+    UploadModal: () => import("./UploadModal-BITcxG-J.js")
   },
   props: {
     // Optional function to handle any errors
@@ -1969,7 +1969,7 @@ var Ze = function() {
   et,
   !1,
   null,
-  "fbb556fb"
+  "7d0db589"
 );
 const nt = tt.exports;
 export {

package/dist/{BlockMedia-CYI07qAn.js → BlockMedia-DkPFWiYL.js}

@@ -1,5 +1,5 @@
 import { g as d } from "./color-TdtKxwVa.js";
-import { n, b as i, x as c } from "./main-CQBEuZk9.js";
+import { n, b as i, x as c } from "./main-WKzC-Dnu.js";
 const u = {
   name: "BlockMedia",
   inject: {
@@ -68,7 +68,7 @@ var m = function() {
   p,
   !1,
   null,
-  "020e4498"
+  "0b04f7d1"
 );
 const g = v.exports;
 export {

package/dist/{CCallout-Qwae66vo.js → CCallout-T26jwUby.js}

@@ -1,5 +1,5 @@
-import { n as a, f as s } from "./main-CQBEuZk9.js";
-import "./CTabs.vue_vue_type_style_index_0_scoped_b7262014_lang-l0sNRNKZ.js";
+import { n as a, f as s } from "./main-WKzC-Dnu.js";
+import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
 const i = {
   name: "CCallout",
   components: {
@@ -38,7 +38,7 @@ const i = {
 };
 var l = function() {
   var t = this, e = t._self._c;
-  return e("transition", { attrs: { name: "fade" } }, [t.legacy ? e("article", { staticClass: "message", class: [`is-${t.type}`, `is-${t.size}`] }, [e("section", { staticClass: "message-body", style: { padding: t.padding } }, [t.title ? e("header", { staticClass: "message-header" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), e("div", { staticClass: "media" }, [e("div", { staticClass: "media-content" }, [t._t("default")], 2)])]), t.closable ? e("CButton", { staticStyle: { right: "calc(0.5 * var(--rem))", position: "absolute", top: "calc(0.5 * var(--rem))" }, attrs: { type: t.type, size: "small", pattern: "secondary", circle: "", icon: "x" }, on: { click: function(c) {
+  return e("transition", { attrs: { name: "fade" } }, [t.legacy ? e("article", { staticClass: "message", class: [`is-${t.type}`, `is-${t.size}`] }, [e("section", { staticClass: "message-body", style: { padding: t.padding } }, [t.title ? e("header", { staticClass: "message-header" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), e("div", { staticClass: "media" }, [e("div", { staticClass: "media-content" }, [t._t("default")], 2)])]), t.closable ? e("CButton", { staticStyle: { right: "calc(0.5 * var(--rem))", position: "absolute", top: "calc(0.5 * var(--rem))" }, attrs: { type: t.type, size: "small", pattern: "secondary", circle: "", icon: "x" }, on: { click: function(o) {
     return t.$emit("close");
   } } }) : t._e()], 1) : e("div", { staticClass: "flex rounded-md border border-gray-200 bg-gray-50 p-4" }, [t.icon ? e("div", { staticClass: "-mt-px mr-3" }, [e("CIcon", { attrs: { type: t.icon, size: "16" } })], 1) : t._e(), e("div", [e("div", [t._t("title", function() {
     return [e("div", { staticClass: "font-medium" }, [t._v(t._s(t.title))])];
@@ -51,7 +51,7 @@ var l = function() {
   n,
   !1,
   null,
-  "fa2899aa"
+  "2e9e865c"
 );
 const p = r.exports;
 export {

package/dist/{CCurrencyDropdown-Y_u0hgBx.js → CCurrencyDropdown-qH-3m2eP.js}

@@ -1,6 +1,6 @@
-import { C as t, a as l } from "./CDropdownItem-CXJ4xD8W.js";
-import { n as s, q as u, r } from "./main-CQBEuZk9.js";
-import { S as c } from "./SmartList-q6H-uLbm.js";
+import { C as t, a as l } from "./CDropdownItem-BE8BAMD1.js";
+import { n as s, q as u, r } from "./main-WKzC-Dnu.js";
+import { S as c } from "./SmartList-Qgu0rMrI.js";
 const d = {
   AED: "United Arab Emirates Dirham",
   AFN: "Afghan Afghani",
@@ -238,7 +238,7 @@ var S = function() {
   C,
   !1,
   null,
-  "a3166a8a"
+  "6508b8fc"
 );
 const R = m.exports;
 export {

package/dist/{CDropdownItem-CXJ4xD8W.js → CDropdownItem-BE8BAMD1.js}

@@ -1,5 +1,89 @@
-import { V as f, k as m, n as p } from "./main-CQBEuZk9.js";
-class b {
+import { V as g, k as y, n as b } from "./main-WKzC-Dnu.js";
+const d = {}, h = {};
+function v(t) {
+  if (h[t])
+    return;
+  if (d[t])
+    return d[t];
+  let e;
+  const i = new Promise((o, s) => {
+    e = window.setTimeout(() => {
+      d[t] = null, s(new Error(`Failed to load ${t} in 20s`));
+    }, 2e4), import(
+      /* @vite-ignore */
+      t
+    ).then(() => {
+      e && window.clearTimeout(e), h[t] = !0, d[t] = null, o();
+    }).catch((a) => {
+      e && window.clearTimeout(e), d[t] = null, s(a);
+    });
+  });
+  return d[t] = i, i;
+}
+function W(t) {
+  if (t.endsWith(".mjs"))
+    return v(t);
+  if (h[t])
+    return;
+  if (d[t])
+    return d[t];
+  const e = new Promise((i, o) => {
+    const s = document.createElement("script"), a = window.setTimeout(() => {
+      d[t] = null, o(new Error(`Failed to load ${t} in 20s`));
+    }, 2e4);
+    s.onload = (l) => {
+      a && window.clearTimeout(a), h[t] = !0, d[t] = null, i();
+    }, s.onerror = (l) => {
+      a && window.clearTimeout(a), d[t] = null, o(l);
+    }, s.src = t, document.body.appendChild(s);
+  });
+  return d[t] = e, e;
+}
+function q(t) {
+  const e = t.getBoundingClientRect(), i = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth, s = e.top <= i && e.top + e.height >= 0, a = e.left <= o && e.left + e.width >= 0;
+  return s && a;
+}
+const _ = (t) => {
+  const e = /(auto|scroll)/, i = (n, r) => n.parentNode === null ? r : i(n.parentNode, r.concat([n])), o = (n, r) => getComputedStyle(n, null).getPropertyValue(r), s = (n) => o(n, "overflow") + o(n, "overflow-y") + o(n, "overflow-x"), a = (n) => e.test(s(n));
+  return ((n) => {
+    if (!(n instanceof HTMLElement || n instanceof SVGElement))
+      return null;
+    const r = i(n.parentNode, []);
+    for (let c = 0; c < r.length; c += 1)
+      if (a(r[c]))
+        return r[c];
+    return document.scrollingElement || document.documentElement;
+  })(t);
+}, C = (t) => {
+  let e = 0;
+  for (; t; )
+    e += t.offsetTop, t = t.offsetParent;
+  return e;
+};
+function V(t, e) {
+  let i = t;
+  typeof i == "string" && (i = document.querySelector(i));
+  const o = {
+    offset: 0,
+    behavior: "smooth",
+    body: _(i),
+    // custom option used for choosing parent scroll element
+    ...e
+  }, s = C(i);
+  HTMLElement.prototype.scrollTo ? o.body.scrollTo({
+    behavior: o.behavior,
+    top: s - o.offset
+  }) : o.body.scrollTop = s - o.offset;
+}
+const w = (t) => {
+  var o;
+  const e = (o = t == null ? void 0 : t.getRootNode) == null ? void 0 : o.call(t), i = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]";
+  return {
+    isShadow: i,
+    el: i ? e : document
+  };
+};
+class x {
   constructor({ defaults: e = { width: 800, height: 600 }, delay: i = 50 } = {}) {
     this._width = e.width, this._height = e.height, this._delay = i, this._timer = null, this._initialized = !1, this._handler = this._handleResize.bind(this);
   }
@@ -30,16 +114,16 @@ class b {
     return this.initialized ? (window.removeEventListener("resize", this._handler, { passive: !0 }), this._initialized = !1, this) : this;
   }
 }
-const v = new b().init(), c = new f({ data: { windowSize: v } }), y = {
+const S = new x().init(), p = new g({ data: { windowSize: S } }), $ = {
   computed: {
     windowWidth() {
-      return c.windowSize.width;
+      return p.windowSize.width;
     },
     windowHeight() {
-      return c.windowSize.height;
+      return p.windowSize.height;
     },
     mq() {
-      const { width: t } = c.windowSize, e = {
+      const { width: t } = p.windowSize, e = {
         sm: 640,
         md: 768,
         lg: 1024,
@@ -54,7 +138,7 @@ const v = new b().init(), c = new f({ data: { windowSize: v } }), y = {
     }
   }
 };
-var h = { exports: {} };
+var f = { exports: {} };
 (function(t, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -63,26 +147,26 @@ var h = { exports: {} };
     return !!(typeof window < "u" && ("ontouchstart" in window || window.DocumentTouch && typeof document < "u" && document instanceof window.DocumentTouch)) || !!(typeof navigator < "u" && (navigator.maxTouchPoints || navigator.msMaxTouchPoints));
   }
   t.exports = e.default;
-})(h, h.exports);
-var g = h.exports;
-const w = /* @__PURE__ */ m(g), T = w();
-function M(t, e) {
+})(f, f.exports);
+var k = f.exports;
+const E = /* @__PURE__ */ y(k), K = E();
+function Y(t, e) {
   return e.split(".").reduce((o, s) => o ? o[s] : null, t);
 }
-function _(t) {
+function T(t) {
   typeof t.remove < "u" ? t.remove() : typeof t.parentNode < "u" && t.parentNode !== null && t.parentNode.removeChild(t);
 }
-function C(t) {
-  var n;
-  const e = (n = t.getRootNode) == null ? void 0 : n.call(t), o = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body, s = document.createElement("div");
+function L(t) {
+  var l;
+  const e = (l = t.getRootNode) == null ? void 0 : l.call(t), o = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body, s = document.createElement("div");
   s.style.position = "absolute", s.style.left = "0px", s.style.top = "0px";
   const a = document.createElement("div");
   return s.appendChild(a), a.appendChild(t), o.appendChild(s), s;
 }
-function D(t, e, i) {
+function G(t, e, i) {
   return Math.max(e, Math.min(i, t));
 }
-const r = (t, e = !1) => t ? e ? t.querySelectorAll('*[tabindex="-1"]') : t.querySelectorAll(`a[href]:not([tabindex="-1"]),
+const u = (t, e = !1) => t ? e ? t.querySelectorAll('*[tabindex="-1"]') : t.querySelectorAll(`a[href]:not([tabindex="-1"]),
                                    area[href],
                                    input:not([disabled]),
                                    select:not([disabled]),
@@ -93,27 +177,27 @@ const r = (t, e = !1) => t ? e ? t.querySelectorAll('*[tabindex="-1"]') : t.quer
                                    embed,
                                    *[tabindex]:not([tabindex="-1"]),
                                    *[contenteditable]`) : null;
-let u;
-const x = (t, { value: e = !0 }) => {
+let m;
+const O = (t, { value: e = !0 }) => {
   if (e) {
-    let i = r(t), o = r(t, !0);
-    i && i.length > 0 && (u = (s) => {
-      i = r(t), o = r(t, !0);
-      const a = i[0], n = i[i.length - 1];
-      s.target === a && s.shiftKey && s.key === "Tab" ? (s.preventDefault(), n.focus()) : (s.target === n || Array.from(o).indexOf(s.target) >= 0) && !s.shiftKey && s.key === "Tab" && (s.preventDefault(), a.focus());
-    }, t.addEventListener("keydown", u));
+    let i = u(t), o = u(t, !0);
+    i && i.length > 0 && (m = (s) => {
+      i = u(t), o = u(t, !0);
+      const a = i[0], l = i[i.length - 1];
+      s.target === a && s.shiftKey && s.key === "Tab" ? (s.preventDefault(), l.focus()) : (s.target === l || Array.from(o).indexOf(s.target) >= 0) && !s.shiftKey && s.key === "Tab" && (s.preventDefault(), a.focus());
+    }, t.addEventListener("keydown", m));
   }
-}, $ = (t) => {
-  t.removeEventListener("keydown", u);
-}, k = {
-  bind: x,
-  unbind: $
-}, S = ["escape", "outside"], A = {
+}, A = (t) => {
+  t.removeEventListener("keydown", m);
+}, B = {
+  bind: O,
+  unbind: A
+}, I = ["escape", "outside"], P = {
   name: "CDropdown",
   directives: {
-    trapFocus: k
+    trapFocus: B
   },
-  mixins: [y],
+  mixins: [$],
   props: {
     value: {
       type: [String, Number, Boolean, Object, Array, Function],
@@ -241,7 +325,7 @@ const x = (t, { value: e = !0 }) => {
       return this.mobileModal && this.mq === "sm";
     },
     cancelOptions() {
-      return typeof this.canClose == "boolean" ? this.canClose ? S : [] : this.canClose;
+      return typeof this.canClose == "boolean" ? this.canClose ? I : [] : this.canClose;
     },
     contentStyle() {
       return {
@@ -268,12 +352,20 @@ const x = (t, { value: e = !0 }) => {
     }
   },
   mounted() {
-    typeof window < "u" && (this.getRootElm().addEventListener("click", this.clickedOutside), document.addEventListener("keyup", this.keyPress)), this.appendToBody && (this.$data._bodyEl = C(this.$refs.dropdownMenu), this.$data._bodyEl.style.zIndex = Number(
+    if (typeof window < "u") {
+      const { el: t, isShadow: e } = w(this.$el);
+      t.addEventListener("click", this.clickedOutside), e && document.addEventListener("click", this.clickedOutsideShadow(t)), document.addEventListener("keyup", this.keyPress);
+    }
+    this.appendToBody && (this.$data._bodyEl = L(this.$refs.dropdownMenu), this.$data._bodyEl.style.zIndex = Number(
       window.getComputedStyle(this.$el).getPropertyValue("--app-z-index")
     ) + 9999, this.isMobileModal && this.$data._bodyEl.appendChild(this.$refs.mobileBackground), this.updateAppendToBody());
   },
   beforeDestroy() {
-    typeof window < "u" && (this.getRootElm().removeEventListener("click", this.clickedOutside), document.removeEventListener("keyup", this.keyPress)), this.appendToBody && _(this.$data._bodyEl);
+    if (typeof window < "u") {
+      const { el: t, isShadow: e } = w(this.$el);
+      t.removeEventListener("click", this.clickedOutside(t)), e && document.removeEventListener("click", this.clickedOutsideShadow(t)), document.removeEventListener("keyup", this.keyPress);
+    }
+    this.appendToBody && T(this.$data._bodyEl);
   },
   methods: {
     /**
@@ -324,6 +416,11 @@ const x = (t, { value: e = !0 }) => {
       const e = ((i = t.path) == null ? void 0 : i[0]) || t.target;
       this.isInWhiteList(e) || (this.isActive = !1);
     },
+    clickedOutsideShadow(t) {
+      return (e) => {
+        e != null && e.target && e.target !== (t == null ? void 0 : t.host) && (this.isActive = !1);
+      };
+    },
     /**
      * Keypress event that is bound to the document
      */
@@ -350,14 +447,14 @@ const x = (t, { value: e = !0 }) => {
       const t = this.$refs.dropdownMenu, e = this.$refs.trigger;
       if (t && e) {
         const i = this.$data._bodyEl.children[0];
-        if (i.classList.forEach((n) => i.classList.remove(n)), i.classList.add("dropdown"), i.classList.add("dropdown-menu-animation"), this.$vnode && this.$vnode.data && this.$vnode.data.staticClass && i.classList.add(this.$vnode.data.staticClass), this.rootClasses.forEach((n) => {
-          if (n && typeof n == "object")
-            for (const l in n)
-              n[l] && i.classList.add(l);
+        if (i.classList.forEach((l) => i.classList.remove(l)), i.classList.add("dropdown"), i.classList.add("dropdown-menu-animation"), this.$vnode && this.$vnode.data && this.$vnode.data.staticClass && i.classList.add(this.$vnode.data.staticClass), this.rootClasses.forEach((l) => {
+          if (l && typeof l == "object")
+            for (const n in l)
+              l[n] && i.classList.add(n);
         }), this.appendToBodyCopyParent) {
-          const n = this.$refs.dropdown.parentNode, l = this.$data._bodyEl;
-          l.classList.forEach((d) => l.classList.remove(d)), n.classList.forEach((d) => {
-            l.classList.add(d);
+          const l = this.$refs.dropdown.parentNode, n = this.$data._bodyEl;
+          n.classList.forEach((r) => n.classList.remove(r)), l.classList.forEach((r) => {
+            n.classList.add(r);
           });
         }
         const o = e.getBoundingClientRect();
@@ -366,18 +463,14 @@ const x = (t, { value: e = !0 }) => {
           position: "absolute",
           top: `${s}px`,
           left: `${a}px`,
-          zIndex: "1001"
+          zIndex: "1001",
+          ...this.expanded && { width: `${e.clientWidth}px` }
         };
       }
-    },
-    getRootElm() {
-      var i, o;
-      const t = (o = (i = this.$el).getRootNode) == null ? void 0 : o.call(i);
-      return (t == null ? void 0 : t.toString()) === "[object ShadowRoot]" ? t : document;
     }
   }
 };
-var B = function() {
+var M = function() {
   var e = this, i = e._self._c;
   return i("div", { ref: "dropdown", staticClass: "dropdown dropdown-menu-animation", class: e.rootClasses }, [e.inline ? e._e() : i("div", { ref: "trigger", staticClass: "dropdown-trigger", attrs: { role: "button", "aria-haspopup": "true" }, on: { click: e.toggle, mouseenter: e.checkHoverable } }, [e._t("trigger", null, { active: e.isActive })], 2), i("transition", { attrs: { name: "fade-in" } }, [e.isMobileModal ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], ref: "mobileBackground", staticClass: "fixed inset-0 z-40 bg-black/40", attrs: { "aria-hidden": !e.isActive } }) : e._e()]), i("transition", { attrs: { name: e.isMobileModal ? "slide-in-bottom" : e.animation } }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: !e.disabled && (e.isActive || e.isHoverable) || e.inline, expression: "(!disabled && (isActive || isHoverable)) || inline" }, { name: "trap-focus", rawName: "v-trap-focus", value: e.trapFocus, expression: "trapFocus" }], ref: "dropdownMenu", staticClass: "dropdown-menu", style: {
     ...e.style,
@@ -385,15 +478,15 @@ var B = function() {
   }, attrs: { "aria-hidden": !e.isActive } }, [e.isActive ? [e._t("header"), i("div", { staticClass: "dropdown-content", class: `${e.uniquePopoverClass}`, style: e.contentStyle, attrs: { role: e.ariaRole } }, [e.isMobileModal && e.mobileLabel ? e._t("mobileLabel", function() {
     return [i("div", { staticClass: "dropdown-content-label" }, [e._v(e._s(e.mobileLabel))])];
   }) : e._e(), e._t("default")], 2), e._t("footer")] : e._e()], 2)])], 1);
-}, L = [], O = /* @__PURE__ */ p(
-  A,
-  B,
-  L,
+}, z = [], H = /* @__PURE__ */ b(
+  P,
+  M,
+  z,
   !1,
   null,
   null
 );
-const H = O.exports, E = {
+const U = H.exports, R = {
   name: "CDropdownItem",
   props: {
     value: {
@@ -514,25 +607,30 @@ const H = O.exports, E = {
     }
   }
 };
-var I = function() {
+var D = function() {
   var e = this, i = e._self._c;
   return e.separator ? i("hr", { staticClass: "dropdown-divider" }) : !e.custom && !e.hasLink ? i(e.to && !e.disabled ? "router-link" : "a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], tag: "component", staticClass: "dropdown-item truncate-text", class: [e.anchorClasses, `is-${e.type}`], attrs: { to: e.to, role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.toggle ? i("CSwitch", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], staticStyle: { display: "inline-flex", "pointer-events": "none", position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", "margin-right": "0" }, attrs: { value: e.value, size: "tiny", type: "success" } }) : e._e(), e.iconRight ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight || "chevron-up-down" } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2) : i("div", { staticClass: "truncate-text", class: [e.itemClasses, `is-${e.type}`], attrs: { role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.iconRight ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2);
-}, z = [], P = /* @__PURE__ */ p(
-  E,
-  I,
-  z,
+}, N = [], F = /* @__PURE__ */ b(
+  R,
+  D,
+  N,
   !1,
   null,
   null
 );
-const N = P.exports;
+const X = F.exports;
 export {
-  H as C,
-  N as a,
-  D as b,
-  C as c,
-  M as g,
-  T as i,
-  _ as r,
-  y as w
+  U as C,
+  X as a,
+  G as b,
+  L as c,
+  K as d,
+  W as e,
+  w as f,
+  Y as g,
+  _ as h,
+  q as i,
+  T as r,
+  V as s,
+  $ as w
 };

package/dist/{CFormField--m3PvQuT.js → CFormField-DECEfoVq.js}

@@ -1,4 +1,4 @@
-import { n as i, Q as l } from "./main-CQBEuZk9.js";
+import { n as i, Q as l } from "./main-WKzC-Dnu.js";
 import "./CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js";
 const n = {
   name: "CFieldBody",

package/dist/{CPhoneFormat-Qg6MkDVP.js → CPhoneFormat-CfQayFxw.js}

@@ -1,4 +1,4 @@
-import { u as e, v as o, n } from "./main-CQBEuZk9.js";
+import { u as e, v as o, n } from "./main-WKzC-Dnu.js";
 const r = {
   name: "CPhoneFormat",
   props: {

package/dist/{CPriceInput-Dlx44UrR.js → CPriceInput-C4SOB-P5.js}

@@ -1,5 +1,5 @@
-import { C as s } from "./CCurrencyDropdown-Y_u0hgBx.js";
-import { n as i, q as u, r as a } from "./main-CQBEuZk9.js";
+import { C as s } from "./CCurrencyDropdown-qH-3m2eP.js";
+import { n as i, q as u, r as a } from "./main-WKzC-Dnu.js";
 const l = {
   name: "CPriceInput",
   components: {