@cling-se/widget 0.22.3 → 0.23.0

package/dist/CPhoneInput-Cx3OiUWQ.js

@@ -1,207 +0,0 @@
-import { _ as w, a1 as B, a2 as S, b as s, c as y, o as m, w as i, j as V, f as o, d as z, F, q as I, t as p, s as $, T as k } from "./main-D4afcIIy.js";
-import { C as D, a as j } from "./CDropdownItem-DyWrpOb-.js";
-import { C as q } from "./CFormField.vue_vue_type_script_setup_true_lang-CSMB_HdZ.js";
-import { F as v } from "./Flag-BxkDKlP4.js";
-import { S as K } from "./SmartList-B2ZpLA8V.js";
-import { r as l } from "./regions-BdZt9Srn.js";
-const L = {
-  name: "CPhoneInput",
-  components: {
-    Flag: v,
-    CInput: S,
-    CDropdown: j,
-    CDropdownItem: D,
-    CButton: B,
-    CField: q,
-    SmartList: K
-  },
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    region: {
-      type: String,
-      default: ""
-    },
-    // Region to fallback to if prefix is not found in modelValue
-    defaultRegion: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    labelPosition: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "update:region"],
-  data() {
-    return {
-      internalPrefix: null,
-      // Used to remember prefix when value is changed to empty
-      searchQuery: ""
-    };
-  },
-  computed: {
-    defaultPrefix() {
-      return l[this.internalRegion].callingCode;
-    },
-    currentRegion() {
-      return this.getRegionByCallingCode(this.prefix);
-    },
-    internalRegion: {
-      get() {
-        if (this.region) return this.region;
-        if (this.modelValue) {
-          const e = (Object.keys(l) || []).find(
-            (t) => l[t].callingCode && this.modelValue && this.modelValue.startsWith(l[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: l[e].callingCode });
-      }
-    },
-    prefix() {
-      if (!this.modelValue) return this.internalPrefix || this.defaultPrefix;
-      const e = (Object.keys(l) || []).find(
-        (t) => l[t].callingCode && this.modelValue && this.modelValue.startsWith(l[t].callingCode)
-      );
-      return e ? l[e].callingCode : this.defaultPrefix;
-    },
-    phone: {
-      get() {
-        return this.prefix && this.modelValue && this.modelValue.startsWith(this.prefix) ? this.modelValue.substring(this.prefix.length) : this.modelValue;
-      },
-      set(e) {
-        this.updateValue({ phone: e });
-      }
-    },
-    sortedRegions() {
-      return (Object.keys(l) || []).map((e) => ({
-        key: e,
-        title: `${l[e].name} (${e})`,
-        callingCode: l[e].callingCode
-      })).sort((e, t) => e.title.localeCompare(t.title));
-    }
-  },
-  methods: {
-    getRegionByCallingCode(e) {
-      return e ? (Object.keys(l) || []).find(
-        (n) => e === l[n].callingCode
-      ) : null;
-    },
-    updateValue({ prefix: e, phone: t }) {
-      const n = e !== void 0 ? e : this.prefix || "", h = t !== void 0 ? t : this.phone || "", d = `${n}${h}`;
-      d !== n ? (this.$emit("update:modelValue", d), this.region || this.$emit("update:region", this.internalRegion), this.internalPrefix = null) : (this.internalPrefix = n, this.$emit("update:modelValue", ""));
-    }
-  }
-}, N = { class: "control" }, O = { class: "w-full truncate" };
-function Q(e, t, n, h, d, r) {
-  const g = s("Flag"), b = s("CButton"), c = s("CInput"), x = s("CDropdownItem"), _ = s("CDropdown"), P = s("SmartList"), f = s("CField");
-  return m(), y(f, {
-    class: "has-addons",
-    expanded: ""
-  }, {
-    default: i(() => [
-      V("div", N, [
-        o(P, {
-          query: d.searchQuery,
-          items: r.sortedRegions
-        }, {
-          default: i(({ items: u }) => [
-            o(_, {
-              modelValue: r.internalRegion,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => r.internalRegion = a),
-              size: e.$attrs.size,
-              disabled: e.$attrs.disabled,
-              "menu-styling": {
-                maxWidth: "300px"
-              },
-              scrollable: !0,
-              position: "is-bottom-right",
-              "max-height": "240px",
-              class: "control",
-              style: { height: "100%" }
-            }, {
-              trigger: i(() => [
-                o(b, {
-                  size: e.$attrs.size,
-                  type: "none",
-                  pattern: "secondary",
-                  style: { height: "100%" }
-                }, {
-                  default: i(() => [
-                    o(g, {
-                      region: r.internalRegion,
-                      style: { "margin-right": "0.35em" }
-                    }, null, 8, ["region"]),
-                    $(" " + p(r.prefix), 1)
-                  ]),
-                  _: 1
-                }, 8, ["size"])
-              ]),
-              header: i(() => [
-                o(c, {
-                  modelValue: d.searchQuery,
-                  "onUpdate:modelValue": t[0] || (t[0] = (a) => d.searchQuery = a),
-                  placeholder: e.$t("_common:search"),
-                  filled: "",
-                  style: { "margin-bottom": "0.25em" },
-                  "custom-class": "!rounded-[7px]"
-                }, null, 8, ["modelValue", "placeholder"])
-              ]),
-              default: i(() => [
-                (m(!0), z(F, null, I(u, ({ key: a, title: C, callingCode: R }) => (m(), y(x, {
-                  key: a,
-                  value: a,
-                  class: "w-full truncate"
-                }, {
-                  default: i(() => [
-                    o(g, {
-                      region: a,
-                      title: C,
-                      style: { "margin-right": "0.75em", flex: "0 0 auto" }
-                    }, null, 8, ["region", "title"]),
-                    V("span", O, p(C) + " (" + p(R) + ") ", 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"]))), 128))
-              ]),
-              _: 2
-            }, 1032, ["modelValue", "size", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["query", "items"])
-      ]),
-      o(f, {
-        label: n.label,
-        "label-position": n.labelPosition,
-        class: "control",
-        expanded: ""
-      }, {
-        default: i(() => [
-          o(c, k({ ...e.$attrs, ...e.$props }, {
-            modelValue: r.phone,
-            "onUpdate:modelValue": t[2] || (t[2] = (u) => r.phone = u),
-            size: e.$attrs.size,
-            placeholder: e.$attrs.placeholder,
-            type: "tel"
-          }), null, 16, ["modelValue", "size", "placeholder"])
-        ]),
-        _: 1
-      }, 8, ["label", "label-position"])
-    ]),
-    _: 1
-  });
-}
-const H = /* @__PURE__ */ w(L, [["render", Q]]);
-export {
-  H as C
-};

package/dist/Index-DdSDsjP8.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./Index.vue_vue_type_script_lang-MIgEx7dJ.js";
-export {
-  f as default
-};