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

package/dist/CFormField-DECEfoVq.js

@@ -1,241 +0,0 @@
-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",
-  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/CPriceInput-C4SOB-P5.js

@@ -1,112 +0,0 @@
-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: {
-    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_e02a6440_lang-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/dist/ClientAutocomplete-DSebA1Mx.js

@@ -1,78 +0,0 @@
-import { S as o } from "./SearchApi-BMgdaI4s.js";
-import { n as l, y as c } from "./main-WKzC-Dnu.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,
-  "7407276e"
-);
-const h = f.exports;
-export {
-  h as C
-};