@cling-se/widget 0.14.4 → 0.14.6

package/dist/CFormField--m3PvQuT.js

@@ -0,0 +1,241 @@
+import { n as i, Q as l } from "./main-CQBEuZk9.js";
+import "./CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js";
+const n = {
+  name: "CFieldBody",
+  props: {
+    message: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: [String, Object],
+      default: ""
+    }
+  },
+  render(s) {
+    return s(
+      "div",
+      { attrs: { class: "field-body" } },
+      this.$slots.default.map((e) => e.tag ? this.message ? s(
+        "c-field",
+        { attrs: { message: this.message, type: this.type } },
+        [e]
+      ) : s("c-field", { attrs: { type: this.type } }, [
+        e
+      ]) : e)
+    );
+  }
+}, r = null, o = null;
+var u = /* @__PURE__ */ i(
+  n,
+  r,
+  o,
+  !1,
+  null,
+  null
+);
+const d = u.exports, p = {
+  name: "CField",
+  components: {
+    CFieldBody: d
+  },
+  props: {
+    type: {
+      type: [String, Object],
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    labelFor: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    grouped: Boolean,
+    groupMultiline: Boolean,
+    position: {
+      type: String,
+      default: ""
+    },
+    expanded: Boolean,
+    horizontal: Boolean,
+    addons: {
+      type: Boolean,
+      default: !0
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: () => "top"
+      // config.defaultFieldLabelPosition,
+    }
+  },
+  data() {
+    return {
+      newType: this.type,
+      newMessage: this.message,
+      fieldLabelSize: null,
+      _isField: !0
+      // Used internally by Input and Select
+    };
+  },
+  computed: {
+    rootClasses() {
+      return [
+        this.newPosition,
+        {
+          "is-expanded": this.expanded,
+          "is-grouped-multiline": this.groupMultiline,
+          "is-horizontal": this.horizontal,
+          "is-floating-in-label": this.hasLabel && !this.horizontal && this.labelPosition === "inside",
+          "is-floating-label": this.hasLabel && !this.horizontal && this.labelPosition === "on-border"
+        },
+        this.numberInputClasses
+      ];
+    },
+    /**
+     * Correct Bulma class for the side of the addon or group.
+     *
+     * This is not kept like the others (is-small, etc.),
+     * because since 'has-addons' is set automatically it
+     * doesn't make sense to teach users what addons are exactly.
+     */
+    // eslint-disable-next-line vue/return-in-computed-property
+    newPosition() {
+      if (this.position === void 0)
+        return;
+      const s = this.position.split("-");
+      if (s.length < 1)
+        return;
+      const e = this.grouped ? "is-grouped-" : "has-addons-";
+      if (this.position)
+        return e + s[1];
+    },
+    /**
+     * Formatted message in case it's an array
+     * (each element is separated by <br> tag)
+     */
+    formattedMessage() {
+      if (typeof this.newMessage == "string")
+        return this.newMessage;
+      const s = [];
+      if (Array.isArray(this.newMessage))
+        this.newMessage.forEach((e) => {
+          if (typeof e == "string")
+            s.push(e);
+          else
+            for (const t in e)
+              e[t] && s.push(t);
+        });
+      else
+        for (const e in this.newMessage)
+          this.newMessage[e] && s.push(e);
+      return s.filter((e) => {
+        if (e)
+          return e;
+      }).join(" <br> ");
+    },
+    hasLabel() {
+      return this.label || this.$slots.label;
+    },
+    numberInputClasses() {
+      if (this.$slots.default) {
+        const s = this.$slots.default.filter(
+          (e) => e.tag && e.tag.toLowerCase().indexOf("numberinput") >= 0
+        )[0];
+        if (s) {
+          const e = ["has-numberinput"], t = s.componentOptions.propsData.controlsPosition, a = s.componentOptions.propsData.size;
+          return t && e.push(`has-numberinput-${t}`), a && e.push(`has-numberinput-${a}`), e;
+        }
+      }
+      return null;
+    }
+  },
+  watch: {
+    /**
+     * Set internal type when prop change.
+     */
+    type(s) {
+      this.newType = s;
+    },
+    /**
+     * Set internal message when prop change.
+     */
+    message(s) {
+      this.newMessage = s;
+    }
+  },
+  mounted() {
+    this.horizontal && this.$el.querySelectorAll(
+      ".input, .select, .button, .textarea, .c-slider"
+    ).length > 0 && (this.fieldLabelSize = "is-normal");
+  },
+  methods: {
+    /**
+     * Field has addons if there are more than one slot
+     * (element / component) in the Field.
+     * Or is grouped when prop is set.
+     * Is a method to be called when component re-render.
+     */
+    fieldType() {
+      if (this.grouped)
+        return "is-grouped";
+      let s = 0;
+      if (this.$slots.default && (s = this.$slots.default.reduce(
+        (e, t) => t.tag ? e + 1 : e,
+        0
+      )), s > 1 && this.addons && !this.horizontal)
+        return "has-addons";
+    }
+  }
+};
+var f = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "field", class: [e.rootClasses, e.fieldType()] }, [e.horizontal ? t("div", { staticClass: "field-label", class: [e.customClass, e.fieldLabelSize] }, [e.hasLabel ? t("label", { staticClass: "label truncate-text", class: e.customClass, attrs: { for: e.labelFor } }, [e.$slots.label ? e._t("label") : [e._v(e._s(e.label))]], 2) : e._e()]) : [e.hasLabel ? t("label", { staticClass: "label truncate-text", class: e.customClass, attrs: { for: e.labelFor } }, [e.$slots.label ? e._t("label") : [e._v(e._s(e.label))]], 2) : e._e()], e.horizontal ? t("CFieldBody", { attrs: { message: e.newMessage ? e.formattedMessage : "", type: e.newType } }, [e._t("default")], 2) : [e._t("default")], e.newMessage && !e.horizontal ? t("p", { staticClass: "help", class: e.newType, domProps: { innerHTML: e._s(e.formattedMessage) } }) : e._e()], 2);
+}, c = [], h = /* @__PURE__ */ i(
+  p,
+  f,
+  c,
+  !1,
+  null,
+  null
+);
+const _ = h.exports, g = {
+  name: "CFormField",
+  components: {
+    CField: _
+  },
+  extends: l,
+  computed: {
+    type() {
+      return this.hasErrors ? "is-danger" : this.isValid ? "is-success" : null;
+    },
+    customClass() {
+      return this.hasErrors ? "text-red-500" : this.isValid ? "text-green-500" : null;
+    }
+  }
+};
+var m = function() {
+  var e = this, t = e._self._c;
+  return t("CField", e._b({ attrs: { label: e.label, "custom-class": e.customClass, type: e.type, message: e.firstErrorMessage } }, "CField", { ...e.$attrs, ...e.$props }, !1), [e._t("default")], 2);
+}, b = [], y = /* @__PURE__ */ i(
+  g,
+  m,
+  b,
+  !1,
+  null,
+  null
+);
+const w = y.exports;
+export {
+  w as C,
+  _ as a
+};

package/dist/CPhoneFormat-Qg6MkDVP.js

@@ -0,0 +1,62 @@
+import { u as e, v as o, n } from "./main-CQBEuZk9.js";
+const r = {
+  name: "CPhoneFormat",
+  props: {
+    phone: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    region: {
+      type: String,
+      required: !1,
+      default: null
+    }
+  },
+  data() {
+    return {
+      formattedPhone: ""
+    };
+  },
+  watch: {
+    phone: {
+      immediate: !0,
+      async handler() {
+        this.doFormatPhone();
+      }
+    }
+  },
+  methods: {
+    async doFormatPhone() {
+      if (!this.phone) {
+        this.formattedPhone = "";
+        return;
+      }
+      const t = await e(this.phone, {
+        defaultRegion: this.region
+      });
+      if (!t) {
+        this.formattedPhone = this.phone;
+        return;
+      }
+      this.formattedPhone = t.national;
+    }
+  },
+  render() {
+    return this.$scopedSlots.default ? this.$scopedSlots.default({
+      formattedValue: this.formattedPhone
+    }) : o("span", [this.formattedPhone]);
+  }
+}, a = null, s = null;
+var h = /* @__PURE__ */ n(
+  r,
+  a,
+  s,
+  !1,
+  null,
+  null
+);
+const d = h.exports;
+export {
+  d as C
+};

package/dist/CPriceInput-Dlx44UrR.js

@@ -0,0 +1,112 @@
+import { C as s } from "./CCurrencyDropdown-Y_u0hgBx.js";
+import { n as i, q as u, r as a } from "./main-CQBEuZk9.js";
+const l = {
+  name: "CPriceInput",
+  components: {
+    CInput: u,
+    CCurrencyDropdown: s
+  },
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    currency: {
+      type: String,
+      required: !0
+    },
+    priceType: {
+      type: String,
+      default: "fixed",
+      validator: (t) => ["fixed", "markup", "openAcc", "approx"].includes(t)
+    },
+    unitLabel: {
+      type: String,
+      default: ""
+    },
+    isIncVat: {
+      type: Boolean,
+      default: !1
+    },
+    // Vat in percentage
+    vat: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      isCurrencyDropdownOpen: !1
+    };
+  },
+  computed: {
+    internalValue: {
+      get() {
+        if (!Number.isNaN(parseFloat(this.value)) && Number.isFinite(this.value)) {
+          if (!this.value && !this.showZero)
+            return "";
+          let t = this.value;
+          return this.isIncVat && (t *= (100 + this.vat) / 100), Math.round(t) / 100;
+        }
+        return this.value;
+      },
+      set(t) {
+        let e = t;
+        e = t * 100, this.isIncVat && (e /= (100 + this.vat) / 100), e = Math.round(e), this.$emit("input", e);
+      }
+    },
+    internalCurrency: {
+      get() {
+        return this.currency;
+      },
+      set(t) {
+        this.$emit("update:currency", t);
+      }
+    },
+    suffixValue() {
+      const t = a(this.internalCurrency);
+      switch (this.priceType) {
+        case "openAcc":
+          return `${t}/${this.unitLabel || this.$t("_common:unitType.unit")}`;
+        case "markup":
+          return "%";
+        default:
+          return t;
+      }
+    },
+    showCurrencyDropdown() {
+      return !["markup"].includes(this.priceType);
+    },
+    eventListeners() {
+      return { ...this.$listeners, onInput: () => ({}), input: () => ({}) };
+    }
+  },
+  methods: {
+    focus() {
+      this.$refs.priceInput && typeof this.$refs.priceInput.focus == "function" && this.$refs.priceInput.focus();
+    }
+  }
+};
+var o = function() {
+  var e = this, r = e._self._c;
+  return r("CInput", e._g(e._b({ key: e.internalCurrency + e.priceType, ref: "priceInput", style: e.isCurrencyDropdownOpen && { zIndex: 99 }, attrs: { size: e.$attrs.size, placeholder: e.$attrs.placeholder, type: "number" }, model: { value: e.internalValue, callback: function(n) {
+    e.internalValue = n;
+  }, expression: "internalValue" } }, "CInput", { ...e.$attrs, ...e.$props }, !1), e.eventListeners), [e.$slots.prefix ? r("div", { attrs: { slot: "prefix" }, slot: "prefix" }, [e._t("prefix")], 2) : e._e(), e.$slots.suffix ? r("div", { attrs: { slot: "suffix" }, slot: "suffix" }, [e._t("suffix")], 2) : r("template", { slot: "suffix" }, [e.showCurrencyDropdown ? r("CCurrencyDropdown", { on: { "active-change": function(n) {
+    e.isCurrencyDropdownOpen = n;
+  } }, scopedSlots: e._u([{ key: "default", fn: function({ selectedValue: n }) {
+    return [r("CButton", { staticClass: "is-thinner", staticStyle: { "padding-left": "0.5em", "padding-right": "0.5em", "border-radius": "0.25em" }, attrs: { size: e.$attrs.size, type: "none", pattern: "tertiary" } }, [e._v(" " + e._s(n) + " ")])];
+  } }], null, !1, 1723986040), model: { value: e.internalCurrency, callback: function(n) {
+    e.internalCurrency = n;
+  }, expression: "internalCurrency" } }) : r("div", [e._v(e._s(e.suffixValue))])], 1)], 2);
+}, p = [], c = /* @__PURE__ */ i(
+  l,
+  o,
+  p,
+  !1,
+  null,
+  null
+);
+const y = c.exports;
+export {
+  y as C
+};

package/dist/CTabs.vue_vue_type_style_index_0_scoped_b7262014_lang-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/dist/ClientAutocomplete-BKKc_br6.js

@@ -0,0 +1,78 @@
+import { S as o } from "./SearchApi-6001iFxU.js";
+import { n as l, y as c } from "./main-CQBEuZk9.js";
+const i = {
+  i18nOptions: {
+    namespaces: "components",
+    keyPrefix: "account.documentForm.clients"
+  },
+  name: "ClientAutocomplete",
+  components: {
+    SearchApi: o
+  },
+  props: {
+    searchEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    showLoading: {
+      type: Boolean,
+      default: !1
+    },
+    showEmpty: {
+      type: Boolean,
+      default: !1
+    },
+    filled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      convertToNewClient: c,
+      results: [],
+      // results when searching for existing endCustomer
+      searchQuery: ""
+      // query used to search for endCustomers
+    };
+  },
+  methods: {
+    search(r, e) {
+      this.$emit("input", e), this.searchEnabled && (this.searchQuery = e, r({
+        q: e,
+        cb: ({ endCustomer: s }) => {
+          this.results = s;
+        }
+      }));
+    }
+  }
+};
+var u = function() {
+  var e = this, s = e._self._c;
+  return s("SearchApi", { attrs: { "custom-search": { endCustomer: !0 } }, scopedSlots: e._u([{ key: "default", fn: function({ fetch: a, isLoading: n }) {
+    return [s("CAutocomplete", e._b({ attrs: { data: e.results, loading: e.showLoading && n, filled: e.filled, expanded: "", "keep-first": "" }, on: { typing: function(t) {
+      return e.search(a, t);
+    }, select: function(t) {
+      e.$emit("setClient", e.convertToNewClient(t));
+    } }, scopedSlots: e._u([{ key: "default", fn: function({ option: t }) {
+      return s("div", { staticStyle: { "line-height": "1.5" } }, [s("div", { staticStyle: { "font-weight": "500" } }, [e._v(e._s(t.name || t.email))]), s("div", { staticClass: "text-gray-600", staticStyle: { "font-size": "14px" } }, [e._v(" " + e._s(t.reference ? `${t.reference} · ` : "") + " " + e._s(t.workStreet || t.street || " ") + " ")])]);
+    } }], null, !0) }, "CAutocomplete", {
+      placeholder: e.$t("search.placeholder"),
+      ...e.$attrs,
+      ...e.$props
+    }, !1), [e.searchEnabled && e.showEmpty ? [s("div", { attrs: { slot: "footer" }, slot: "footer" }, [e.searchQuery && !e.results.length ? s("CButton", { staticStyle: { "font-weight": "600" }, attrs: { type: "secondary", pattern: "tertiary", size: "small" }, on: { click: function(t) {
+      return e.$emit("add");
+    } } }, [e._v(" " + e._s(e.$t("_common:add")) + " ")]) : e._e()], 1), s("template", { slot: "empty" }, [e._v(" " + e._s(e.$t("search.empty")) + " " + e._s(e.searchQuery) + " ")])] : e._e()], 2)];
+  } }]) });
+}, d = [], f = /* @__PURE__ */ l(
+  i,
+  u,
+  d,
+  !1,
+  null,
+  "dd1b240c"
+);
+const h = f.exports;
+export {
+  h as C
+};