@cling-se/widget 0.9.1 → 0.9.3

package/dist/CField-cd4dcae9.js

@@ -0,0 +1,183 @@
+import { n } from "./main-2d9b8259.js";
+import "./CField.vue_vue_type_style_index_0_lang-4ed993c7.js";
+const l = {
+  name: "CFieldBody",
+  props: {
+    message: {
+      type: String
+    },
+    type: {
+      type: [String, Object]
+    }
+  },
+  render(e) {
+    return e("div", { attrs: { class: "field-body" } }, this.$slots.default.map((s) => s.tag ? this.message ? e("c-field", { attrs: { message: this.message, type: this.type } }, [s]) : e("c-field", { attrs: { type: this.type } }, [s]) : s));
+  }
+}, a = null, o = null;
+var r = /* @__PURE__ */ n(
+  l,
+  a,
+  o,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const u = r.exports, p = {
+  name: "CField",
+  components: {
+    CFieldBody: u
+  },
+  props: {
+    type: [String, Object],
+    label: String,
+    labelFor: String,
+    message: [String, Array, Object],
+    grouped: Boolean,
+    groupMultiline: Boolean,
+    position: String,
+    expanded: Boolean,
+    horizontal: Boolean,
+    addons: {
+      type: Boolean,
+      default: !0
+    },
+    customClass: String,
+    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.
+     */
+    newPosition() {
+      if (this.position === void 0)
+        return;
+      const e = this.position.split("-");
+      if (e.length < 1)
+        return;
+      const s = this.grouped ? "is-grouped-" : "has-addons-";
+      if (this.position)
+        return s + e[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 e = [];
+      if (Array.isArray(this.newMessage))
+        this.newMessage.forEach((s) => {
+          if (typeof s == "string")
+            e.push(s);
+          else
+            for (const t in s)
+              s[t] && e.push(t);
+        });
+      else
+        for (const s in this.newMessage)
+          this.newMessage[s] && e.push(s);
+      return e.filter((s) => {
+        if (s)
+          return s;
+      }).join(" <br> ");
+    },
+    hasLabel() {
+      return this.label || this.$slots.label;
+    },
+    numberInputClasses() {
+      if (this.$slots.default) {
+        const e = this.$slots.default.filter((s) => s.tag && s.tag.toLowerCase().indexOf("numberinput") >= 0)[0];
+        if (e) {
+          const s = ["has-numberinput"], t = e.componentOptions.propsData.controlsPosition, i = e.componentOptions.propsData.size;
+          return t && s.push(`has-numberinput-${t}`), i && s.push(`has-numberinput-${i}`), s;
+        }
+      }
+      return null;
+    }
+  },
+  watch: {
+    /**
+     * Set internal type when prop change.
+     */
+    type(e) {
+      this.newType = e;
+    },
+    /**
+     * Set internal message when prop change.
+     */
+    message(e) {
+      this.newMessage = e;
+    }
+  },
+  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 e = 0;
+      if (this.$slots.default && (e = this.$slots.default.reduce(
+        (s, t) => t.tag ? s + 1 : s,
+        0
+      )), e > 1 && this.addons && !this.horizontal)
+        return "has-addons";
+    }
+  }
+};
+var d = function() {
+  var s = this, t = s._self._c;
+  return t("div", { staticClass: "field", class: [s.rootClasses, s.fieldType()] }, [s.horizontal ? t("div", { staticClass: "field-label", class: [s.customClass, s.fieldLabelSize] }, [s.hasLabel ? t("label", { staticClass: "label truncate-text", class: s.customClass, attrs: { for: s.labelFor } }, [s.$slots.label ? s._t("label") : [s._v(s._s(s.label))]], 2) : s._e()]) : [s.hasLabel ? t("label", { staticClass: "label truncate-text", class: s.customClass, attrs: { for: s.labelFor } }, [s.$slots.label ? s._t("label") : [s._v(s._s(s.label))]], 2) : s._e()], s.horizontal ? t("CFieldBody", { attrs: { message: s.newMessage ? s.formattedMessage : "", type: s.newType } }, [s._t("default")], 2) : [s._t("default")], s.newMessage && !s.horizontal ? t("p", { staticClass: "help", class: s.newType, domProps: { innerHTML: s._s(s.formattedMessage) } }) : s._e()], 2);
+}, h = [], f = /* @__PURE__ */ n(
+  p,
+  d,
+  h,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = f.exports;
+export {
+  b as C
+};

package/dist/CField.vue_vue_type_style_index_0_lang-4ed993c7.js

@@ -0,0 +1 @@
+

package/dist/CSlider.vue_vue_type_style_index_0_lang-383db616.js

@@ -0,0 +1,83 @@
+import { n as s, a3 as r } from "./main-2d9b8259.js";
+const o = {
+  name: "SmartList",
+  props: {
+    defaultSort: {
+      type: String,
+      default: "desc",
+      validator(t) {
+        return ["asc", "desc"].includes(t);
+      }
+    },
+    filterMethod: {
+      type: Function,
+      default: null
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    sortMethod: {
+      type: Function,
+      default: null
+    },
+    sortKey: {
+      type: String,
+      default: ""
+    },
+    query: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      sortBy: this.sortKey,
+      sortOrder: 1
+    };
+  },
+  computed: {
+    filteredItems() {
+      let t = this.items;
+      return this.query && (t = this.filterMethod ? this.filterMethod(this.query, this.items) : this.searchedItems), (this.sortBy || this.defaultSort) && (t = this.sortMethod ? this.sortMethod(this.sort, this.searchedItems) : this.sortedItems), t;
+    },
+    searchedItems() {
+      return this.items.filter((t) => typeof t == "object" ? Object.keys(t).some((e) => String(t[e]).toLowerCase().includes(this.query.toLowerCase())) : String(t).toLowerCase().includes(this.query.toLowerCase()));
+    },
+    sortedItems() {
+      return this.searchedItems.slice().sort((t, e) => (typeof t == "object" && typeof e == "object" && (t = t[this.sortBy], e = e[this.sortBy]), (t === e ? 0 : r(t, e)) * this.sortOrder));
+    }
+  },
+  created() {
+    this.defaultSort && (this.sortOrder = this.defaultSort === "asc" ? this.sortOrder : this.sortOrder * -1);
+  },
+  methods: {
+    sort(t) {
+      this.sortBy = t, this.sortOrder = this.sortOrder * -1;
+    }
+  },
+  render() {
+    return this.$scopedSlots.default({
+      items: this.filteredItems,
+      sortBy: this.sort,
+      sort: {
+        by: this.sortBy,
+        order: this.sortOrder === 1 ? "asc" : "desc"
+      }
+    });
+  }
+}, i = null, _ = null;
+var n = /* @__PURE__ */ s(
+  o,
+  i,
+  _,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const l = n.exports;
+export {
+  l as S
+};

package/dist/ClientAutocomplete-421a2216.js

@@ -0,0 +1,80 @@
+import { S as o } from "./SearchApi-ffe5b697.js";
+import { n as l, t as c } from "./main-2d9b8259.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(n, e) {
+      this.$emit("input", e), this.searchEnabled && (this.searchQuery = e, n({
+        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: r, isLoading: a }) {
+    return [s("CAutocomplete", e._b({ attrs: { data: e.results, loading: e.showLoading && a, filled: e.filled, expanded: "", "keep-first": "" }, on: { typing: function(t) {
+      return e.search(r, 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: "has-text-grey-dark", 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 = [], _ = /* @__PURE__ */ l(
+  i,
+  u,
+  d,
+  !1,
+  null,
+  "5d023500",
+  null,
+  null
+);
+const m = _.exports;
+export {
+  m as C
+};