@cling-se/widget 0.17.0 → 1.0.0-beta.2

package/dist/CFormField-Dd2Y71JG.js

@@ -1,240 +0,0 @@
-import { n as i, aa as l } from "./main-BgzLHIoo.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 $ = y.exports;
-export {
-  $ as C,
-  _ as a
-};

package/dist/CPhoneInput-BU1t6eo_.js

@@ -1,138 +0,0 @@
-import { n as o, j as u, k as c } from "./main-BgzLHIoo.js";
-import { C as d, a as h } from "./CDropdownItem-CaoSQX6X.js";
-import { a as p } from "./CFormField-Dd2Y71JG.js";
-import { F as f } from "./Flag-D5iZLESg.js";
-import { S as g } from "./SmartList-DhhjSWLO.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-pv2aIVkH.js

@@ -1,116 +0,0 @@
-import { C as i } from "./CCurrencyDropdown-C2rXt2cJ.js";
-import { n as s, j as u, r as a } from "./main-BgzLHIoo.js";
-const o = {
-  name: "CPriceInput",
-  components: {
-    CInput: u,
-    CCurrencyDropdown: i
-  },
-  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 c = 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" }, scopedSlots: e._u([{ key: "prefix", fn: function() {
-    return [e.$slots.prefix ? r("div", [e._t("prefix")], 2) : e._e()];
-  }, proxy: !0 }, { key: "suffix", fn: function() {
-    return [e.$slots.suffix ? r("div", [e._t("suffix")], 2) : r("div", [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)];
-  }, proxy: !0 }], null, !0), model: { value: e.internalValue, callback: function(n) {
-    e.internalValue = n;
-  }, expression: "internalValue" } }, "CInput", { ...e.$attrs, ...e.$props }, !1), e.eventListeners));
-}, p = [], l = /* @__PURE__ */ s(
-  o,
-  c,
-  p,
-  !1,
-  null,
-  null
-);
-const y = l.exports;
-export {
-  y as C
-};

package/dist/CSelect-CrM45B7V.js

@@ -1,91 +0,0 @@
-import { n as r, F as c } from "./main-BgzLHIoo.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 o = 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)])]);
-}, d = [], p = /* @__PURE__ */ r(
-  u,
-  o,
-  d,
-  !1,
-  null,
-  "23e48013"
-);
-const h = p.exports;
-export {
-  h as C
-};

package/dist/CSkeleton-BkvONMqL.js

@@ -1,55 +0,0 @@
-import { u as m, w as y, x as u, y as h, n as C } from "./main-BgzLHIoo.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
-};