@cling-se/widget 0.15.3 → 0.15.6

package/dist/{BaseUpload-DnhS3hGx.js → BaseUpload-CACi6tYY.js}

@@ -1,4 +1,4 @@
-import { a9 as Ue, k as De, n as $e, aj as ye, P as ve } from "./main-BIwKzAN8.js";
+import { ad as Ue, l as De, n as $e, an as ye, W as ve } from "./main-CfSVOXu-.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-C1j-GeMD.js")
+    UploadModal: () => import("./UploadModal-DTmPPCz3.js")
   },
   props: {
     // Optional function to handle any errors
@@ -1969,7 +1969,7 @@ var Ze = function() {
   et,
   !1,
   null,
-  "7d0db589"
+  "fbb556fb"
 );
 const nt = tt.exports;
 export {

package/dist/{BlockMedia-D4nhek2s.js → BlockMedia-Dlv23tgo.js}

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

package/dist/{CCallout-CQjRcxpC.js → CCallout-jnIpJu5U.js}

@@ -1,5 +1,4 @@
-import { n as a, f as s } from "./main-BIwKzAN8.js";
-import "./CTabs.vue_vue_type_style_index_0_scoped_e02a6440_lang-l0sNRNKZ.js";
+import { n as a, k as s } from "./main-CfSVOXu-.js";
 const i = {
   name: "CCallout",
   components: {
@@ -51,9 +50,9 @@ var l = function() {
   n,
   !1,
   null,
-  "2e9e865c"
+  "fa2899aa"
 );
-const p = r.exports;
+const u = r.exports;
 export {
-  p as C
+  u as C
 };

package/dist/{CCurrencyDropdown-BT01qBGg.js → CCurrencyDropdown-BQLDbp9J.js}

@@ -1,6 +1,6 @@
-import { C as t, a as l } from "./CDropdownItem-BSPNul90.js";
-import { n as s, q as u, r as i } from "./main-BIwKzAN8.js";
-import { S as c } from "./SmartList-D6AvxfSL.js";
+import { C as t, a as l } from "./CDropdownItem-CNUf29O4.js";
+import { n as s, j as u, r as i } from "./main-CfSVOXu-.js";
+import { S as c } from "./SmartList-Bh10ojB0.js";
 const d = {
   AED: "United Arab Emirates Dirham",
   AFN: "Afghan Afghani",
@@ -242,7 +242,7 @@ var S = function() {
   C,
   !1,
   null,
-  "961b773a"
+  "dea600c8"
 );
 const y = m.exports;
 export {

package/dist/{CDropdownItem-BSPNul90.js → CDropdownItem-CNUf29O4.js}

@@ -1,4 +1,4 @@
-import { V as f, k as m, n as p } from "./main-BIwKzAN8.js";
+import { V as f, l as m, n as p } from "./main-CfSVOXu-.js";
 class b {
   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,7 +30,7 @@ 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 y = new b().init(), c = new f({ data: { windowSize: y } }), v = {
   computed: {
     windowWidth() {
       return c.windowSize.width;
@@ -54,7 +54,7 @@ const v = new b().init(), c = new f({ data: { windowSize: v } }), y = {
     }
   }
 };
-var h = { exports: {} };
+var u = { exports: {} };
 (function(t, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -63,10 +63,10 @@ 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) {
+})(u, u.exports);
+var g = u.exports;
+const w = /* @__PURE__ */ m(g), F = w();
+function j(t, e) {
   return e.split(".").reduce((o, s) => o ? o[s] : null, t);
 }
 function _(t) {
@@ -79,10 +79,10 @@ function C(t) {
   const a = document.createElement("div");
   return s.appendChild(a), a.appendChild(t), o.appendChild(s), s;
 }
-function D(t, e, i) {
+function H(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 d = (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 +93,27 @@ const r = (t, e = !1) => t ? e ? t.querySelectorAll('*[tabindex="-1"]') : t.quer
                                    embed,
                                    *[tabindex]:not([tabindex="-1"]),
                                    *[contenteditable]`) : null;
-let u;
+let h;
 const x = (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);
+    let i = d(t), o = d(t, !0);
+    i && i.length > 0 && (h = (s) => {
+      i = d(t), o = d(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));
+    }, t.addEventListener("keydown", h));
   }
-}, $ = (t) => {
-  t.removeEventListener("keydown", u);
-}, k = {
+}, k = (t) => {
+  t.removeEventListener("keydown", h);
+}, $ = {
   bind: x,
-  unbind: $
+  unbind: k
 }, S = ["escape", "outside"], A = {
   name: "CDropdown",
   directives: {
-    trapFocus: k
+    trapFocus: $
   },
-  mixins: [y],
+  mixins: [v],
   props: {
     value: {
       type: [String, Number, Boolean, Object, Array, Function],
@@ -356,8 +356,8 @@ const x = (t, { value: e = !0 }) => {
               n[l] && i.classList.add(l);
         }), 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);
+          l.classList.forEach((r) => l.classList.remove(r)), n.classList.forEach((r) => {
+            l.classList.add(r);
           });
         }
         const o = e.getBoundingClientRect();
@@ -385,16 +385,117 @@ 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(
+}, O = [], L = /* @__PURE__ */ p(
   A,
   B,
-  L,
+  O,
   !1,
   null,
   null
 );
-const H = O.exports, E = {
+const q = L.exports, E = {
+  name: "CSwitch",
+  props: {
+    value: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: null
+    },
+    nativeValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: null
+    },
+    disabled: Boolean,
+    type: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    required: Boolean,
+    size: {
+      type: String,
+      default: ""
+    },
+    trueValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: !0
+    },
+    falseValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: !1
+    },
+    rounded: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      newValue: this.value
+    };
+  },
+  computed: {
+    computedValue: {
+      get() {
+        return this.newValue;
+      },
+      set(t) {
+        this.newValue = t, this.$emit("input", t);
+      }
+    },
+    newClass() {
+      return [
+        `is-${this.size}`,
+        {
+          "is-disabled": this.disabled,
+          "is-rounded": this.rounded
+        }
+      ];
+    }
+  },
+  watch: {
+    /**
+     * When v-model change, set internal value.
+     */
+    value(t) {
+      this.newValue = t;
+    }
+  },
+  methods: {
+    focus() {
+      this.$refs.input.focus();
+    }
+  }
+};
+var I = function() {
+  var e = this, i = e._self._c;
+  return i("label", { ref: "label", staticClass: "switch", class: e.newClass, attrs: { disabled: e.disabled }, on: { click: e.focus, keydown: function(o) {
+    return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.preventDefault(), e.$refs.label.click());
+  } } }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "input", attrs: { disabled: e.disabled, name: e.name, required: e.required, "true-value": e.trueValue, "false-value": e.falseValue, type: "checkbox" }, domProps: { value: e.nativeValue, checked: Array.isArray(e.computedValue) ? e._i(e.computedValue, e.nativeValue) > -1 : e._q(e.computedValue, e.trueValue) }, on: { click: function(o) {
+    o.stopPropagation();
+  }, change: function(o) {
+    var s = e.computedValue, a = o.target, n = a.checked ? e.trueValue : e.falseValue;
+    if (Array.isArray(s)) {
+      var l = e.nativeValue, r = e._i(s, l);
+      a.checked ? r < 0 && (e.computedValue = s.concat([l])) : r > -1 && (e.computedValue = s.slice(0, r).concat(s.slice(r + 1)));
+    } else
+      e.computedValue = n;
+  } } }), i("span", { staticClass: "check", class: [`is-${e.type}`] }), i("span", { staticClass: "control-label" }, [e._t("default")], 2)]);
+}, z = [], V = /* @__PURE__ */ p(
+  E,
+  I,
+  z,
+  !1,
+  null,
+  "86121513"
+);
+const P = V.exports, R = {
   name: "CDropdownItem",
+  components: {
+    CSwitch: P
+  },
   props: {
     value: {
       type: [String, Number, Boolean, Object, Array, Function],
@@ -514,25 +615,26 @@ const H = O.exports, E = {
     }
   }
 };
-var I = function() {
+var T = 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,
+}, D = [], M = /* @__PURE__ */ p(
+  R,
+  T,
+  D,
   !1,
   null,
   null
 );
-const N = P.exports;
+const W = M.exports;
 export {
-  H as C,
-  N as a,
-  D as b,
+  q as C,
+  W as a,
+  P as b,
   C as c,
-  M as g,
-  T as i,
+  H as d,
+  j as g,
+  F as i,
   _ as r,
-  y as w
+  v as w
 };

package/dist/{CFormField-Cz_jNazS.js → CFormField-qy_STCgm.js}

@@ -1,5 +1,4 @@
-import { n as i, U as l } from "./main-BIwKzAN8.js";
-import "./CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js";
+import { n as i, aa as l } from "./main-CfSVOXu-.js";
 const n = {
   name: "CFieldBody",
   props: {
@@ -234,8 +233,8 @@ var m = function() {
   null,
   null
 );
-const w = y.exports;
+const $ = y.exports;
 export {
-  w as C,
+  $ as C,
   _ as a
 };

package/dist/{CPhoneFormat-C017AoM0.js → CPhoneFormat-BZd_xftN.js}

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

package/dist/CPhoneInput-j4Zuah8p.js

@@ -0,0 +1,138 @@
+import { n as o, j as u, k as c } from "./main-CfSVOXu-.js";
+import { C as d, a as h } from "./CDropdownItem-CNUf29O4.js";
+import { a as p } from "./CFormField-qy_STCgm.js";
+import { F as f } from "./Flag-B9CEVlmX.js";
+import { S as g } from "./SmartList-Bh10ojB0.js";
+import { r as n } from "./regions-BdZt9Srn.js";
+const m = {
+  name: "CPhoneInput",
+  components: {
+    Flag: f,
+    CInput: u,
+    CDropdown: d,
+    CDropdownItem: h,
+    CButton: c,
+    CField: p,
+    SmartList: g
+  },
+  props: {
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    region: {
+      type: String,
+      default: ""
+    },
+    // Region to fallback to if prefix is not found in value
+    defaultRegion: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      internalPrefix: null,
+      // Used to remember prefix when value is changed to empty
+      searchQuery: ""
+    };
+  },
+  computed: {
+    defaultPrefix() {
+      return n[this.internalRegion].callingCode;
+    },
+    currentRegion() {
+      return this.getRegionByCallingCode(this.prefix);
+    },
+    internalRegion: {
+      get() {
+        if (this.region)
+          return this.region;
+        if (this.value) {
+          const e = (Object.keys(n) || []).find(
+            (t) => n[t].callingCode && this.value && this.value.startsWith(n[t].callingCode)
+          );
+          if (e)
+            return e;
+        }
+        return this.internalPrefix ? this.getRegionByCallingCode(this.internalPrefix) : this.defaultRegion;
+      },
+      set(e) {
+        this.$emit("update:region", e), this.updateValue({ prefix: n[e].callingCode });
+      }
+    },
+    prefix() {
+      if (!this.value)
+        return this.internalPrefix || this.defaultPrefix;
+      const e = (Object.keys(n) || []).find(
+        (t) => n[t].callingCode && this.value && this.value.startsWith(n[t].callingCode)
+      );
+      return e ? n[e].callingCode : this.defaultPrefix;
+    },
+    phone: {
+      get() {
+        return this.prefix && this.value && this.value.startsWith(this.prefix) ? this.value.substring(this.prefix.length) : this.value;
+      },
+      set(e) {
+        this.updateValue({ phone: e });
+      }
+    },
+    sortedRegions() {
+      return (Object.keys(n) || []).map((e) => ({
+        key: e,
+        title: `${n[e].name} (${e})`,
+        callingCode: n[e].callingCode
+      })).sort((e, t) => e.title.localeCompare(t.title));
+    }
+  },
+  methods: {
+    getRegionByCallingCode(e) {
+      return e ? (Object.keys(n) || []).find(
+        (i) => e === n[i].callingCode
+      ) : null;
+    },
+    updateValue({ prefix: e, phone: t }) {
+      const i = e !== void 0 ? e : this.prefix || "", s = t !== void 0 ? t : this.phone || "", r = `${i}${s}`;
+      r !== i ? (this.$emit("input", r), this.region || this.$emit("update:region", this.internalRegion), this.internalPrefix = null) : (this.internalPrefix = i, this.$emit("input", ""));
+    }
+  }
+};
+var C = function() {
+  var t = this, i = t._self._c;
+  return i("CField", { staticClass: "has-addons", attrs: { expanded: "" } }, [i("div", { staticClass: "control" }, [i("SmartList", { attrs: { query: t.searchQuery, items: t.sortedRegions }, scopedSlots: t._u([{ key: "default", fn: function({ items: s }) {
+    return [i("CDropdown", { staticClass: "control", staticStyle: { height: "100%" }, attrs: { size: t.$attrs.size, disabled: t.$attrs.disabled, "menu-styling": {
+      maxWidth: "300px"
+    }, scrollable: !0, position: "is-bottom-right", "max-height": "240px" }, scopedSlots: t._u([{ key: "trigger", fn: function() {
+      return [i("CButton", { staticStyle: { height: "100%" }, attrs: { size: t.$attrs.size, type: "none", pattern: "secondary" } }, [i("Flag", { staticStyle: { "margin-right": "0.35em" }, attrs: { region: t.internalRegion } }), t._v(" " + t._s(t.prefix) + " ")], 1)];
+    }, proxy: !0 }, { key: "header", fn: function() {
+      return [i("CInput", { staticStyle: { "margin-bottom": "0.25em" }, attrs: { placeholder: t.$t("_common:search"), filled: "" }, model: { value: t.searchQuery, callback: function(r) {
+        t.searchQuery = r;
+      }, expression: "searchQuery" } })];
+    }, proxy: !0 }], null, !0), model: { value: t.internalRegion, callback: function(r) {
+      t.internalRegion = r;
+    }, expression: "internalRegion" } }, t._l(s, function({ key: r, title: a, callingCode: l }) {
+      return i("CDropdownItem", { key: r, staticClass: "truncate-text", attrs: { value: r } }, [i("Flag", { staticStyle: { "margin-right": "0.75em", flex: "0 0 auto" }, attrs: { region: r, title: a } }), i("span", { staticClass: "truncate-text" }, [t._v(" " + t._s(a) + " (" + t._s(l) + ") ")])], 1);
+    }), 1)];
+  } }]) })], 1), i("CField", { staticClass: "control", attrs: { label: t.label, "label-position": t.labelPosition, expanded: "" } }, [i("CInput", t._b({ attrs: { size: t.$attrs.size, placeholder: t.$attrs.placeholder, type: "tel" }, model: { value: t.phone, callback: function(s) {
+    t.phone = s;
+  }, expression: "phone" } }, "CInput", { ...t.$attrs, ...t.$props }, !1))], 1)], 1);
+}, y = [], x = /* @__PURE__ */ o(
+  m,
+  C,
+  y,
+  !1,
+  null,
+  null
+);
+const S = x.exports;
+export {
+  S as C
+};

package/dist/{CPriceInput-jktMjvwx.js → CPriceInput-CXGw4w0R.js}

@@ -1,5 +1,5 @@
-import { C as i } from "./CCurrencyDropdown-BT01qBGg.js";
-import { n as s, q as u, r as a } from "./main-BIwKzAN8.js";
+import { C as i } from "./CCurrencyDropdown-BQLDbp9J.js";
+import { n as s, j as u, r as a } from "./main-CfSVOXu-.js";
 const o = {
   name: "CPriceInput",
   components: {

package/dist/CSelect-CSwTYXae.js

@@ -0,0 +1,91 @@
+import { n as r, F as c } from "./main-CfSVOXu-.js";
+const u = {
+  name: "CSelect",
+  mixins: [c],
+  inheritAttrs: !1,
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object, Array, Function],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    multiple: Boolean,
+    selectClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
+    nativeSize: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  data() {
+    return {
+      selected: this.value,
+      _elementRef: "select"
+    };
+  },
+  computed: {
+    computedValue: {
+      get() {
+        return this.selected;
+      },
+      set(l) {
+        this.selected = l, this.$emit("input", l), !this.isValid && this.checkHtml5Validity();
+      }
+    },
+    spanClasses() {
+      return [
+        this.size,
+        this.statusType,
+        {
+          "is-fullwidth": this.expanded,
+          "is-loading": this.loading,
+          "is-multiple": this.multiple,
+          "is-rounded": this.rounded,
+          "is-empty": this.selected === null
+        }
+      ];
+    }
+  },
+  watch: {
+    /**
+     * When v-model is changed:
+     *   1. Set the selected option.
+     *   2. If it's invalid, validate again.
+     */
+    value(l) {
+      this.selected = l, !this.isValid && this.checkHtml5Validity();
+    }
+  }
+};
+var d = function() {
+  var e = this, i = e._self._c;
+  return i("div", { staticClass: "control", class: { "is-expanded": e.expanded, "has-icons-left": e.icon } }, [i("span", { staticClass: "select", class: e.spanClasses }, [i("select", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.computedValue, expression: "computedValue" }], ref: "select", class: e.selectClass, attrs: { multiple: e.multiple, size: e.nativeSize }, on: { blur: function(t) {
+    e.$emit("blur", t) && e.checkHtml5Validity();
+  }, focus: function(t) {
+    return e.$emit("focus", t);
+  }, change: function(t) {
+    var a = Array.prototype.filter.call(t.target.options, function(s) {
+      return s.selected;
+    }).map(function(s) {
+      var n = "_value" in s ? s._value : s.value;
+      return n;
+    });
+    e.computedValue = t.target.multiple ? a : a[0];
+  } } }, "select", e.$attrs, !1), [e.placeholder && e.computedValue == null ? i("option", { attrs: { disabled: "", hidden: "" }, domProps: { value: null } }, [e._v(" " + e._s(e.placeholder) + " ")]) : e._e(), e._t("default")], 2)])]);
+}, o = [], p = /* @__PURE__ */ r(
+  u,
+  d,
+  o,
+  !1,
+  null,
+  "5cf2c0d1"
+);
+const h = p.exports;
+export {
+  h as C
+};

package/dist/CSkeleton-B5J9cKAm.js

@@ -0,0 +1,55 @@
+import { u as m, w as y, x as u, y as h, n as C } from "./main-CfSVOXu-.js";
+const k = /* @__PURE__ */ m({
+  __name: "CSkeleton",
+  props: {
+    active: { type: Boolean, default: !0 },
+    animated: { type: Boolean, default: !1 },
+    width: { default: "" },
+    height: { default: "" },
+    circle: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    count: { default: 1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "" }
+  },
+  setup(i) {
+    const t = i, {
+      active: s,
+      animated: e,
+      width: a,
+      height: l,
+      circle: c,
+      rounded: d,
+      count: r,
+      hidden: f,
+      color: n
+    } = y(t), v = u(() => ({
+      height: l.value === void 0 ? null : isNaN(Number(l.value)) ? l.value : `${l.value}px`,
+      width: a.value === void 0 ? null : isNaN(Number(a.value)) ? a.value : `${a.value}px`,
+      borderRadius: c.value ? "50%" : null,
+      background: n.value ? n.value : null
+    })), o = h(), _ = u(() => o.style), p = u(() => o.class);
+    return { __sfc: !0, props: t, active: s, animated: e, width: a, height: l, circle: c, rounded: d, count: r, hidden: f, color: n, itemStyle: v, attrs: o, staticStyle: _, staticClass: p };
+  }
+});
+var x = function() {
+  var t = this, s = t._self._c, e = t._self._setupProxy;
+  return e.active ? s("div", { class: [
+    "c-skeleton",
+    { "is-animated": e.animated, "is-invisible": e.hidden },
+    e.staticClass
+  ], style: e.staticStyle }, t._l(e.count, function(a) {
+    return s("div", { key: a, staticClass: "c-skeleton-item", class: { "is-rounded": e.rounded }, style: e.itemStyle });
+  }), 0) : t._e();
+}, N = [], S = /* @__PURE__ */ C(
+  k,
+  x,
+  N,
+  !1,
+  null,
+  null
+);
+const B = S.exports;
+export {
+  B as C
+};