@cling-se/widget 0.14.4 → 0.14.6

package/dist/PriceHeader-BRYY01H2.js

@@ -0,0 +1,339 @@
+import { m as c } from "./mapFormMixin-DlFcgwhm.js";
+import { B as l } from "./BlockMedia-CYI07qAn.js";
+import { b as r, w as d, n, ab as m } from "./main-CQBEuZk9.js";
+import { t as u } from "./tinycolor-PhFP695w.js";
+import { s as p } from "./dom-CJxkno7i.js";
+import { T as y } from "./DocTextEditor-VjhV9IRp.js";
+import { i as h } from "./i18nMessages-Chz_lxGG.js";
+const _ = {
+  name: "SummaryBottom",
+  mixins: [c([])],
+  inject: ["parentSize"],
+  props: {
+    base: {
+      type: Object,
+      default: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    backgroundColor: {
+      type: String,
+      default: "#4c576d"
+    },
+    documentCurrency: {
+      type: String,
+      required: !0
+    },
+    vatType: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      get: r,
+      tinycolor: u
+    };
+  },
+  computed: {
+    prices() {
+      return r(this, "base.prices") || {};
+    },
+    isIndivid() {
+      return r(this.prices, "helpers.isIndivid", !0);
+    },
+    showIncVat() {
+      return this.isIndivid;
+    },
+    priceTotal() {
+      return this.isIndivid ? r(this.prices, "total", null) : r(this.prices, "subTotal", null);
+    },
+    priceType() {
+      return this.prices.type || ["fixed"];
+    },
+    currency() {
+      return this.prices.currency || this.documentCurrency;
+    },
+    openAccMaxPrice() {
+      return this.prices.maxTotal || null;
+    },
+    houseWorkType() {
+      return r(this.prices, "region.houseWorkType", null);
+    },
+    isReverseVat() {
+      return r(this.prices, "region.reverseVat", !1);
+    },
+    priceTypeString() {
+      return this.priceType.includes("openAccMaxPrice") ? this._document.$t("price.openAccMaxPrice") : this.priceType.includes("openAcc") ? this._document.$t("price.openAcc") : this._document.$t("price.price").capitalize();
+    },
+    priceDeductionVatString() {
+      let i = "";
+      if (this.isReverseVat && !this.showIncVat) {
+        const t = this.priceFormat(0, {
+          currency: this.currency,
+          showZero: !0
+        });
+        return i = this._document.$t("summaryBottom.reverseVat", { amount: t }), i;
+      }
+      return this.houseWorkType && (i = this._document.$t("deduction.afterType", {
+        type: `${this.houseWorkType}_percentage`
+      })), this.showIncVat && (i += ` ${this._document.$t("vat.incVat", {
+        thing: this._document.$t(`vat.${this.vatType}`)
+      })}`), this.showIncVat || (i += ` ${this._document.$t("vat.exVat", {
+        thing: this._document.$t(`vat.${this.vatType}`)
+      })}`), i.capitalize();
+    },
+    backgroundSecondary() {
+      if (!this.isSmallScreen)
+        return { backgroundColor: "transparent" };
+      const i = this.backgroundColor.match(/(\d*\.)?\d+/g)[0], t = this.backgroundColor.match(/(\d*\.)?\d+/g)[1], e = this.backgroundColor.match(/(\d*\.)?\d+/g)[2], s = this.backgroundColor.match(/(\d*\.)?\d+/g)[3];
+      return {
+        backgroundColor: `hsla(${i}, ${t ** 0.9}%, ${e ** 0.9}%, ${s})`
+      };
+    },
+    isSmallScreen() {
+      return this.parentSize.width <= 576;
+    }
+  },
+  methods: {
+    priceFormat: d,
+    scrollToPricing() {
+      const i = document.querySelector("#price");
+      i && p(i);
+    }
+  }
+};
+var v = function() {
+  var t = this, e = t._self._c;
+  return e("section", { staticClass: "summary-bottom-root" }, [e("div", { staticClass: "summary-bottom", style: [
+    {
+      backgroundColor: t.backgroundColor,
+      color: t.tinycolor.readability(t.backgroundColor, "#FFF") > 2.2 ? "#FFF" : "#000"
+    },
+    t.options.length && {
+      overflow: "hidden",
+      padding: 0
+    }
+  ] }, [t.options.length ? e("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { height: "108px" } }, [e("div", { staticStyle: { "text-align": "right", padding: "calc(2 * var(--rem))" } }, [e("div", { staticStyle: { "font-size": "calc(1.5 * var(--rem))", "font-weight": "900" } }, [t._v(" " + t._s(t._document.$t("price.proposal")) + " ")]), e("div", [t._v(t._s(t._document.$t("summaryBottom.chooseFrom")))])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.15)", paadding: "calc(1 * var(--rem)) calc(2 * var(--rem))", height: "100%", display: "inline-flex" } }, [t.base ? e("div", { staticStyle: { display: "flex", "flex-direction": "column", "align-items": "flex-start", "justify-content": "center", padding: "calc(1 * var(--rem)) calc(1 * var(--rem))", "text-align": "left" } }, [e("div", { staticStyle: { "font-weight": "900", "font-size": "calc(1.5 * var(--rem))" } }, [t._v(" " + t._s(t.priceFormat(t.base.prices.total, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")]), e("div", [t._v(" + " + t._s(t._document.$tc("summaryBottom.option", { count: t.options.length })) + " ")])]) : e("div", { staticStyle: { padding: "calc(2 * var(--rem))", display: "inline-flex", "align-items": "center", "justify-content": "center", "font-weight": "900", "font-size": "calc(2.5 * var(--rem))" } }, [t._v(" " + t._s(t._document.$t("summaryBottom.noOfOptions", { count: t.options.length })) + " ")])]), e("div", { staticStyle: { "background-color": "hsla(0, 0%, 0%, 0.4)", overflow: "hidden", width: "calc(1.5 * var(--rem))", display: "flex", "flex-direction": "column", "justify-content": "center", "align-items": "center", height: "100%", color: "hsla(0, 0%, 100%, 0.2)" } })]) : e("div", { staticClass: "flex w-full justify-between", class: [
+    {
+      column: t.isSmallScreen,
+      sm: t.isSmallScreen
+    }
+  ], staticStyle: { position: "relative" } }, [e("div", { staticClass: "flex w-full flex-col", class: [{ "fixed-price-type-string": t.isSmallScreen }], staticStyle: { "background-color": "hsl(224, 57%, 39%)" }, style: [t.backgroundSecondary] }, [e("div", { staticClass: "price-type-string data-text" }, [t._v(" " + t._s(t.priceTypeString) + " ")]), t.isSmallScreen ? t._e() : e("div", { staticClass: "price-deduction-text" }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")])]), t.priceType.some((s) => ["openAcc", "openAccMaxPrice"].includes(s)) ? e("div", { staticClass: "open-acc-wrapper" }, [t.openAccMaxPrice ? e("div", { staticClass: "open-acc-item" }, [e("div", [t._v(" " + t._s(t._document.$t("price.maxPrice").capitalize()) + " " + t._s(t._document.$t("vat.exVat", { thing: t._document.$t(`vat.${t.vatType}`) })) + ": ")]), e("div", [t._v(t._s(t.priceFormat(t.openAccMaxPrice, { currency: t.currency })))])]) : t._e(), e("div", { staticClass: "open-acc-link" }, [t._v(" " + t._s(t._document.$t("see").capitalize()) + " "), e("span", { staticStyle: { color: "inherit", cursor: "pointer" }, on: { click: t.scrollToPricing } }, [e("u", [t._v(t._s(t._document.$t("price.price_plural")))])]), t._v(" " + t._s(t._document.$t("summaryBottom.forDetails")) + " ")])]) : e("div", { staticClass: "flex w-full items-center", class: [{ "justify-end": !t.isSmallScreen }] }, [e("div", { staticClass: "data-text", staticStyle: { "font-size": "calc(2 * var(--rem))", "font-weight": "900", "letter-spacing": "1px", "line-height": "1", "padding-bottom": "calc(0.3 * var(--rem))" } }, [t._v(" " + t._s(t.priceType.includes("approx") ? t._document.$t("approx").capitalize() : "") + " " + t._s(t.priceFormat(t.priceTotal, { currency: t.currency, decimals: 2, hideZeroDecimals: !0 })) + " ")])]), t.isSmallScreen ? e("div", { staticClass: "label-text caps price-deduction-text", staticStyle: { "margin-top": "4px" } }, [t._v(" " + t._s(t.priceDeductionVatString) + " ")]) : t._e()])])]);
+}, f = [], g = /* @__PURE__ */ n(
+  _,
+  v,
+  f,
+  !1,
+  null,
+  "d9f78f5f"
+);
+const S = g.exports, x = {
+  name: "SummaryTop",
+  i18nOptions: {
+    namespaces: "summaryTop",
+    messages: h
+  },
+  components: {
+    TextEditor: y,
+    DocumentLogotype: () => import("./DocumentLogotype-DXYnBedV.js")
+  },
+  mixins: [c([])],
+  inject: ["parentSize"],
+  props: {
+    showLogo: {
+      type: Boolean,
+      default: !0
+    },
+    logotype: {
+      type: String,
+      default: null
+    },
+    companyLogotype: {
+      type: String,
+      default: null
+    },
+    senderName: {
+      type: String,
+      default: null
+    },
+    docName: {
+      type: String,
+      default: null
+    },
+    docType: {
+      type: String,
+      required: !0
+    },
+    docNumber: {
+      type: [Number, String],
+      default: null
+    },
+    sentAt: {
+      type: [String, Number],
+      default: null
+      // required: true,
+    },
+    expiresAt: {
+      type: String,
+      default: null
+    },
+    estimatedTime: {
+      type: String,
+      default: null
+    },
+    validator: {
+      type: Object,
+      default: () => ({})
+    },
+    hasHover: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    logotypeListeners() {
+      return {
+        ...this.$listeners,
+        input: (i) => this.$emit("update:logotype", i)
+      };
+    }
+  }
+};
+var b = function() {
+  var t = this, e = t._self._c;
+  return e("section", { staticClass: "summary-top flex w-full justify-center" }, [e("div", { staticClass: "doc-summary-top-wrapper" }, [e("div", { staticClass: "doc-summary-top-wrapper__background" }), e("div", { staticClass: "flex w-full justify-between", staticStyle: { "margin-bottom": "calc(2.5 * var(--rem))" } }, [t.showLogo && (t.logotype || t.companyLogotype) || t.canEdit ? e("DocumentLogotype", t._g({ attrs: { value: t.logotype, "show-logo": t.showLogo, "company-logotype": t.companyLogotype, "has-hover": t.hasHover } }, t.logotypeListeners)) : e("div", { staticClass: "company-name" }, [t._v(" " + t._s(t.senderName) + " ")]), e("div", { staticClass: "top-right-text-wrapper" }, [t.sentAt ? e("div", [t._v(t._s(t.$formatDate(t.sentAt)))]) : t._e(), t.docNumber ? e("div", [t._v(" #" + t._s(t.docNumber) + " ")]) : t._e()])], 1), e("div", { staticClass: "title-text" }, [t.canEdit ? e("TextEditor", { ref: "editor", staticClass: "no-drag", staticStyle: { "will-change": "opacity" }, attrs: { value: t.docName, placeholder: t.$t("name.placeholder"), extensions: {
+    bulletList: !1,
+    heading: [1, 2, 3],
+    bold: !1,
+    link: !1,
+    underline: !1,
+    blockquote: !0,
+    table: !1
+  }, unstyled: "", static: "" }, on: { input: function(s) {
+    return t.$emit("update:doc-name", s);
+  } } }) : e("div", { staticClass: "quill-custom", domProps: { innerHTML: t._s(t.docName) } })], 1), e("div", { staticClass: "flex w-full justify-between" }, [t.expiresAt ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t._document.$t("replyBy")))]), e("div", { staticClass: "data-text" }, [t._v(t._s(t.$formatDate(t.expiresAt)))])]) : t._e(), t.docType !== "document" ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(" " + t._s(t._document.$t("document").capitalize()) + " ")]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t(`series.${t.docType}`).capitalize()) + " ")])]) : t._e(), t.parentSize.width >= 576 ? [t.estimatedTime ? e("div", { staticClass: "data-group" }, [e("div", { staticClass: "label-text caps" }, [t._v(t._s(t.$t("estimatedTime")))]), e("div", { staticClass: "data-text" }, [t._v(" " + t._s(t._document.$t("approx")) + " " + t._s(t.estimatedTime) + " ")])]) : t._e()] : t._e()], 2)])]);
+}, C = [], $ = /* @__PURE__ */ n(
+  x,
+  b,
+  C,
+  !1,
+  null,
+  "181b75e7"
+);
+const w = $.exports, T = {
+  name: "PriceHeader",
+  components: {
+    SummaryTop: w,
+    SummaryBottom: S,
+    BlockMedia: l
+  },
+  mixins: [
+    c([
+      "media",
+      "backgroundColor",
+      "documentName",
+      "showPriceSummary",
+      "showLogo",
+      "logotype"
+    ])
+  ],
+  props: {
+    _document: {
+      type: Object,
+      default: () => ({})
+    },
+    _value: {
+      type: Object,
+      default: () => ({})
+    },
+    hasHover: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    internalName: {
+      get() {
+        var i;
+        return this.documentName || `<p data-typography="title">${((i = this._document.data) == null ? void 0 : i.name) || ""}</p>`;
+      },
+      set(i) {
+        this.documentName = i, this.$emit("input", {
+          key: "data.name",
+          value: m(i).trim().slice(0, 255)
+        });
+      }
+    },
+    company() {
+      return this._document.sender.company;
+    },
+    prices() {
+      return this._document.prices;
+    },
+    estimatedTimeString() {
+      var e, s;
+      const { value: i, unitType: t } = ((s = (e = this._document) == null ? void 0 : e.data) == null ? void 0 : s.estimatedTime) || {};
+      return !i || !t ? null : this.$tc(`${t}`, { count: i });
+    },
+    sendAtShowDate() {
+      const { sentAt: i, scheduledFirstDelivery: t } = this._document;
+      return i || (t ? t.sendAt : null);
+    },
+    summaryBottom() {
+      var s;
+      let i = {
+        show: !1,
+        backgroundColor: this.backgroundColor || this._document.theme.priceSummaryBackground,
+        documentCurrency: this._document.currency,
+        vatType: this._document.vatType
+      }, { showPriceSummary: t } = this;
+      typeof t != "boolean" && ({ showPriceSummary: t } = this._document.theme);
+      const e = ((s = this._document.packageGroups) == null ? void 0 : s.packages) || [];
+      return e.length > 1 ? i = {
+        ...i,
+        show: t,
+        base: { prices: this.prices },
+        options: e.filter(({ toggable: o }) => o).map(({ prices: o }) => ({ prices: o }))
+      } : i = {
+        ...i,
+        show: t && this._document.readPrices && (this.prices.total || this.prices.type.some(
+          (o) => ["openAccMaxPrice", "openAcc"].includes(o)
+        )),
+        base: { prices: this.prices }
+      }, this.canEdit && t && (i.show = !0), i.documentCurrency || (i.show = !1), i;
+    }
+  }
+};
+var k = function() {
+  var s, o;
+  var t = this, e = t._self._c;
+  return e("div", [e("div", { staticClass: "doc-jumbotron-wrapper" }, [e("BlockMedia", { staticClass: "price-media-wrapper", attrs: { media: {
+    ...t.media,
+    resourceUrl: ((s = t.media) == null ? void 0 : s.resourceUrl) || t._document.theme.background,
+    overlayColor: ((o = t.media) == null ? void 0 : o.overlayColor) || t._document.theme.backgroundFilter
+  } } }), e("SummaryTop", { attrs: { _document: t._document, "show-logo": t.showLogo, logotype: t.logotype, "company-logotype": t.company.logotype, "sender-name": t.company.name, "doc-type": t._document.docNumber.series, "doc-name": t.internalName, "doc-number": t._document.docNumber.value, "sent-at": t.sendAtShowDate, "expires-at": t._document.expiresAt, "estimated-time": t.estimatedTimeString, "has-hover": t.hasHover }, on: { "update:showLogo": function(a) {
+    t.showLogo = a;
+  }, "update:show-logo": function(a) {
+    t.showLogo = a;
+  }, "update:logotype": function(a) {
+    t.logotype = a;
+  }, "update:docName": function(a) {
+    t.internalName = a;
+  }, "update:doc-name": function(a) {
+    t.internalName = a;
+  } } })], 1), t.summaryBottom.show ? e("SummaryBottom", t._b({ attrs: { _document: t._document } }, "SummaryBottom", t.summaryBottom, !1)) : t._e()], 1);
+}, A = [], B = /* @__PURE__ */ n(
+  T,
+  k,
+  A,
+  !1,
+  null,
+  "202cc03f"
+);
+const D = B.exports;
+export {
+  D as default
+};

package/dist/SearchApi-6001iFxU.js

@@ -0,0 +1,161 @@
+import { g as u, p as h, i as f, j as d, n as m } from "./main-CQBEuZk9.js";
+import { d as p } from "./debounce-BPnlzNwd.js";
+import { m as y, a as g } from "./vuex.esm-DKGl8mcw.js";
+const A = {
+  name: "SearchApi",
+  props: {
+    customSearch: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      defaultSearch: {
+        project: !0,
+        user: !0,
+        endCustomer: !1,
+        article: !1,
+        extensionArticle: !1,
+        // Articles in any authenticated CRM
+        document: !1
+      },
+      hasLoadedUsers: !1,
+      isLoading: !1,
+      emptyQuery: null,
+      // String to track last query that was empty, if a new query starts with this string we do not have to search again
+      hasSearchedAll: !1
+      // Helper to keep track when some search types have not yet searched due min query length
+    };
+  },
+  computed: {
+    ...y({
+      allUsers: "companyUsers/all",
+      allAuthenticatedCRMs: "settings/allAuthenticatedCRMs",
+      can: "application/can"
+    }),
+    typesToFetch() {
+      return Object.keys(this.customSearch).length ? Object.keys(this.customSearch).filter(
+        (t) => this.customSearch[t]
+      ) : Object.keys(this.defaultSearch).filter(
+        (t) => this.defaultSearch[t]
+      );
+    }
+  },
+  methods: {
+    ...g({
+      loadUsers: u.LOAD_COMPANY_USERS
+    }),
+    canFetchType(t) {
+      return t === "endCustomer" ? this.can("endCustomers", "read") : t === "user" ? this.can("users", "modify") : !0;
+    },
+    async fetch({ query: t, start: s = null, end: a = null }) {
+      const e = this.typesToFetch.reduce(
+        (n, c) => ({ ...n, [c]: [] }),
+        {}
+      ), r = t.toLowerCase();
+      if (this.emptyQuery && r && r.startsWith(this.emptyQuery) || (this.emptyQuery = null, this.hasSearchedAll = !0, !r))
+        return e;
+      try {
+        const n = [], c = Object.keys(this.defaultSearch);
+        (this.typesToFetch || []).forEach((l) => {
+          c.includes(l) && n.push(
+            (async () => {
+              let o = [];
+              l === "document" ? o = await this.fetchDocuments(r, s, a) : l === "user" ? o = await this.fetchUsers(r, s, a) : l === "extensionArticle" ? o = await this.fetchExtensionArticles(r, s, a) : o = await this.fetchType(l, r, s, a), e[l] = o;
+            })()
+          );
+        }), await Promise.all(n);
+      } finally {
+        this.isLoading = !1;
+      }
+      return Object.keys(e).every(
+        (n) => e[n].length === 0
+      ) && this.hasSearchedAll && (this.emptyQuery = r), e;
+    },
+    async fetchType(t, s, a, e) {
+      if (!this.canFetchType(t))
+        return [];
+      const { data: r } = await h("search", {
+        type: t,
+        query: s,
+        ...a !== null && e !== null && { start: a, end: e }
+      });
+      return r;
+    },
+    async fetchUsers(t, s, a) {
+      if (!this.canFetchType("user"))
+        return [];
+      this.hasLoadedUsers || (await this.loadUsers(), this.hasLoadedUsers = !0);
+      const r = Object.values(this.allUsers).filter((i) => !!(i.fullName && i.fullName.toLowerCase().includes(t) || i.email && i.email.toLowerCase().includes(t)));
+      return s !== null && a !== null ? r.slice(s, a) : r;
+    },
+    async fetchDocuments(t, s, a) {
+      const e = t.replace(/[-[\]{}()*+?.,\\/^$|#]/g, "\\$&"), r = {
+        $or: [
+          { "data.name": { $regex: e, $options: "i" } },
+          { "docNumber.value": { $regex: e, $options: "i" } },
+          {
+            clients: {
+              $elemMatch: {
+                $or: ["name", "email", "socialNo", "orgNo"].map((c) => ({
+                  [c]: { $regex: e, $options: "i" }
+                }))
+              }
+            }
+          }
+        ]
+      }, { data: i } = await f("/document", {
+        params: {
+          lean: !0,
+          filter: encodeURIComponent(JSON.stringify(r)),
+          fields: "clients,data.name,projectId,docNumber,createdAt",
+          ...s !== null && a !== null && { skip: s, limit: a - s }
+        }
+      }), { items: n = [] } = i || {};
+      return n;
+    },
+    async fetchExtensionArticles(t) {
+      const s = [];
+      return await Promise.all(
+        this.allAuthenticatedCRMs.map(async (a) => {
+          try {
+            if (a === "pipedrive" && t.length < 2) {
+              this.hasSearchedAll = !1;
+              return;
+            }
+            const { data: e } = await d.search(a, {
+              query: t,
+              type: "article"
+            });
+            e && Array.isArray(e) && s.push(...e);
+          } catch {
+          }
+        })
+      ), s;
+    },
+    triggerSearch: p(async function({ q: s, cb: a, start: e, end: r }) {
+      this.isLoading = !0;
+      const i = await this.fetch({ query: s, start: e, end: r });
+      return this.isLoading = !1, a(i);
+    }, 500)
+  },
+  render() {
+    return this.$scopedSlots.default({
+      fetch: ({ q: t, cb: s, start: a = null, end: e = null }) => (this.isLoading = !0, this.triggerSearch({ q: t, cb: s, start: a, end: e })),
+      isLoading: this.isLoading
+    });
+  }
+}, S = null, w = null;
+var L = /* @__PURE__ */ m(
+  A,
+  S,
+  w,
+  !1,
+  null,
+  null
+);
+const $ = L.exports;
+export {
+  $ as S
+};

package/dist/Setup-cw6jMI9M.js

@@ -0,0 +1,50 @@
+import { n as s, c as o, e as c } from "./main-CQBEuZk9.js";
+const i = {
+  name: "Setup",
+  props: {
+    partnerName: {
+      type: String,
+      default: "Partner"
+    },
+    closeFunc: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    baseAppUrl() {
+      return o.baseUrl;
+    },
+    iframeUrl() {
+      return `${this.baseAppUrl}/partner/connect?partnerName=${this.partnerName}`;
+    }
+  },
+  created() {
+    window.addEventListener("message", this.onReceiveMessage);
+  },
+  beforeDestroy() {
+    window.removeEventListener("message", this.onReceiveMessage);
+  },
+  methods: {
+    onReceiveMessage({ data: e, origin: r, source: n }) {
+      var t;
+      r === this.baseAppUrl && ((e == null ? void 0 : e.type) === "channelPartnerConnect" && (n == null || n.postMessage({ type: "readyForPartnerConnect" }, r)), (e == null ? void 0 : e.type) === "partnerUserConnect" && (c.trigger("account:userConnect", e == null ? void 0 : e.value), (t = this.closeFunc) == null || t.call(this)));
+    }
+  }
+};
+var p = function() {
+  var r = this, n = r._self._c;
+  return n("iframe", { staticClass: "h-full w-full", attrs: { title: "Partner Connect", src: r.iframeUrl, frameborder: "0" } });
+}, l = [], a = /* @__PURE__ */ s(
+  i,
+  p,
+  l,
+  !1,
+  null,
+  null
+);
+const m = a.exports;
+export {
+  m as default
+};

package/dist/SmartList-q6H-uLbm.js

@@ -0,0 +1,83 @@
+import { n as s, s as r } from "./main-CQBEuZk9.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, d = null;
+var h = /* @__PURE__ */ s(
+  o,
+  i,
+  d,
+  !1,
+  null,
+  null
+);
+const u = h.exports;
+export {
+  u as S
+};