@cling-se/widget 0.14.4 → 0.14.6

package/dist/formDrawerState-CAzvSMiQ.js

@@ -0,0 +1,20 @@
+import { V as s } from "./main-CQBEuZk9.js";
+const e = s.observable({
+  isFixed: !1,
+  // Worded according to CSS property (show as fixed drawer)
+  showLeft: !1,
+  savedLeftState: !1,
+  openSection: null
+});
+e.setLeft = (t) => {
+  e.showLeft = !!t, e.savedLeftState = e.showLeft;
+};
+e.toggleLeft = () => {
+  e.showLeft = !e.showLeft, e.savedLeftState = e.showLeft;
+};
+e.useSavedLeftState = () => {
+  e.showLeft = e.savedLeftState;
+};
+export {
+  e as s
+};

package/dist/formValidationMixin-D7zXxCpC.js

@@ -0,0 +1,49 @@
+import { h as n } from "./main-CQBEuZk9.js";
+import { s as l } from "./dom-CJxkno7i.js";
+const s = (r) => {
+  var i;
+  const t = [];
+  return (i = r.$options) != null && i.validations && t.push(r), r.$children && r.$children.forEach((o) => t.push(...s(o))), t;
+}, m = {
+  provide() {
+    return {
+      formValidation: {
+        isFormValid: this.isFormValid,
+        scrollToInvalidInput: this.scrollToInvalidInput
+      }
+    };
+  },
+  data() {
+    return {
+      _formItems: []
+    };
+  },
+  created() {
+    this._formItems = s(this);
+  },
+  methods: {
+    _getInvalidInputs() {
+      return this._formItems.filter((r) => {
+        var t;
+        return (t = r.$v) == null ? void 0 : t.$invalid;
+      });
+    },
+    isFormValid() {
+      return this._formItems.every((r) => {
+        var t, i;
+        return (t = r.$v) == null || t.$touch(), !((i = r.$v) != null && i.$invalid);
+      });
+    },
+    scrollToInvalidInput({ offset: r = 0 } = {}) {
+      try {
+        const [t] = this._getInvalidInputs();
+        t != null && t.$el && l(t.$el, { offset: r });
+      } catch (t) {
+        n(t);
+      }
+    }
+  }
+};
+export {
+  m as f
+};

package/dist/i18nMessages-Chz_lxGG.js

@@ -0,0 +1,17 @@
+const e = {
+  en: {
+    name: {
+      placeholder: "Document name"
+    },
+    estimatedTime: "Estimated time"
+  },
+  sv: {
+    name: {
+      placeholder: "Namn på dokumentet"
+    },
+    estimatedTime: "Tidsåtgång"
+  }
+};
+export {
+  e as i
+};

package/dist/index-B9WDC3Xe.js

@@ -0,0 +1,166 @@
+import { s as n, F as o } from "./Flag-Dhukv9_J.js";
+import { w as c } from "./CDropdownItem-CXJ4xD8W.js";
+import { n as a } from "./main-CQBEuZk9.js";
+import { i as d } from "./dom-CJxkno7i.js";
+import { d as u } from "./debounce-BPnlzNwd.js";
+import { t as m } from "./throttle-BrC8eGjQ.js";
+const f = {
+  name: "BackgroundsModalList",
+  i18nOptions: {
+    namespaces: "backgroundsModalList",
+    messages: {
+      en: {
+        searchPlaceholder: "Search",
+        noMoreResults: "No more results"
+      },
+      sv: {
+        searchPlaceholder: "Sök efter en bild på engelska",
+        noMoreResults: "Inga fler resultat"
+      }
+    }
+  },
+  components: {
+    simplebar: n,
+    Flag: o
+  },
+  mixins: [c],
+  props: {
+    /**
+    * @param {Object} options Input arguments
+    * @param {String} options.query Search/Query string
+    * @param {Number} options.page Current page number
+    *
+    * @returns {Object} containing:
+    * items {Array}
+      - item {Object}
+        - item.image {String} Url of image resource (REQUIRED)
+        - item.video {String} Url of video resource (OPTIONAL)
+        - item.lowQualityVideo {String} preview url of video file (OPTIONAL)
+    * total {Number} Number of results
+    */
+    fetch: {
+      type: Function,
+      required: !0
+    },
+    defaultQuery: {
+      type: String,
+      required: !0
+    },
+    creditText: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      hoverIndex: null,
+      query: null,
+      items: [],
+      page: 1,
+      isLoading: !1,
+      allowMoreResults: !0,
+      searchTimeout: null,
+      selectedIndex: null,
+      selectedUrl: null,
+      noOfResults: null
+    };
+  },
+  watch: {
+    query() {
+      this.page = 0, this.items = [], this.allowMoreResults = !0, this.isLoading = !1, this.debouncedHandleFetch();
+    }
+  },
+  created() {
+    this.handleFetch(), this.debouncedHandleFetch = u(this.handleFetch, 1e3);
+  },
+  mounted() {
+    this.$refs.scrollbar.scrollElement.addEventListener(
+      "scroll",
+      this.scrollHandler,
+      { passive: !0 }
+    );
+  },
+  beforeDestroy() {
+    this.$refs.scrollbar.scrollElement.removeEventListener(
+      "scroll",
+      this.scrollHandler,
+      { passive: !0 }
+    );
+  },
+  methods: {
+    async handleFetch() {
+      if (!this.allowMoreResults || this.isLoading)
+        return;
+      this.isLoading = !0;
+      const i = this.query ? this.query : this.defaultQuery, { items: e, total: t } = await this.fetch({ query: i, page: this.page++ });
+      this.isLoading = !1, this.noOfResults = this.query ? t : null, this.items == null ? (this.selectedIndex = null, this.items = e) : this.items = [...this.items, ...e], this.allowMoreResults = t >= this.page * 12;
+    },
+    scrollHandler: m(async function() {
+      const e = this.$refs.item[this.$refs.item.length - 9 || 0];
+      e && d(e) && this.handleFetch();
+    }, 50),
+    selectItem(i, e) {
+      this.selectedIndex = e, this.$emit("select", i);
+    },
+    onSave() {
+      this.$emit("save");
+    },
+    playVideo(i) {
+      this.$refs.video[i] && this.$refs.video[i].play();
+    },
+    pauseVideo(i) {
+      const e = this.$refs.video[i];
+      e && (e.readyState === 4 ? e.pause() : e.addEventListener("playing", () => e.pause(), { once: !0 }));
+    }
+  }
+};
+var h = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticStyle: { "min-height": "0", display: "flex", "flex-direction": "column", height: "100%" } }, [t("div", { staticClass: "relative flex w-full shrink-0 py-1" }, [t("CInput", { staticClass: "flex-grow", staticStyle: { "border-bottom": "1px solid hsl(0, 0%, 92%)" }, attrs: { placeholder: e.$t("searchPlaceholder"), reset: !0, icon: "search", size: "medium" }, model: { value: e.query, callback: function(s) {
+    e.query = s;
+  }, expression: "query" } })], 1), t("div", { staticStyle: { overflow: "hidden", flex: "1", height: "100%" } }, [t("simplebar", { ref: "scrollbar", staticStyle: { width: "100%", height: "100%", padding: "3px 4px" } }, [t("div", { staticStyle: { display: "grid", "grid-template-columns": "repeat(auto-fit, minmax(210px, 1fr))", gap: "2px" } }, [!e.items.length && e.isLoading ? e._l(12, function(s) {
+    return t("div", { key: s, ref: "item", refInFor: !0, staticClass: "photo" });
+  }) : e._e(), e._l(e.items, function(s, l) {
+    return t("div", { key: l, ref: "item", refInFor: !0, staticClass: "photo", style: { backgroundImage: `url(${s.minImage})` }, on: { click: function(r) {
+      return e.selectItem(s, l);
+    } } }, [s.minVideo || s.video ? t("div", { staticClass: "video-bg__media", on: { "&mouseenter": function(r) {
+      return e.playVideo(l, s.minVideo || s.video);
+    }, "&mouseleave": function(r) {
+      return e.pauseVideo(l);
+    } } }, [t("video", { ref: "video", refInFor: !0, attrs: { src: s.minVideo || s.video, loop: "", muted: "", playsInline: "", preload: "none" }, domProps: { muted: !0 } })]) : e._e(), e.selectedIndex === l ? t("div", { staticClass: "select-wrapper" }) : e._e(), t("div", { staticClass: "photo__credit" }, [e._v(e._s(s.userName))])]);
+  })], 2), t("div", { staticClass: "flex w-full items-center justify-center", staticStyle: { padding: "2em 1em" } }, [e.isLoading ? t("CIcon", { staticClass: "rotateSpin", attrs: { type: "loader" } }) : e.allowMoreResults ? e._e() : t("div", { staticClass: "flex w-full flex-col items-center justify-center text-gray-400" }, [t("div", [e._v(" " + e._s(e.$t("noMoreResults")) + " ")]), e.$i18n.lang !== "en" ? t("div", { staticClass: "flex flex-col items-center text-center", staticStyle: { "padding-top": "3.2rem" } }, [t("Flag", { staticClass: "mb-1 h-8 w-8", attrs: { region: "GB" } }), e._v(" Glöm inte att sökordet måste vara på engelska ")], 1) : e._e()])], 1)])], 1), t("div", { staticClass: "flex w-full items-center justify-end", staticStyle: { padding: "4px 4px 4px 8px", "flex-shrink": "0" } }, [t("div", { staticClass: "flex-grow text-gray-400" }, [e.mq !== "sm" ? [e.query && e.noOfResults && e.noOfResults > 0 ? t("div", [e._v(" " + e._s(e.$tc("_common:result", { count: e.noOfResults })) + " ")]) : e._e(), t("div", [e._v(" " + e._s(e.creditText) + " ")])] : e._e()], 2), e._t("footer", function() {
+    return [t("CButton", { staticStyle: { "margin-left": "0.5em" }, attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])];
+  })], 2)]);
+}, p = [], v = /* @__PURE__ */ a(
+  f,
+  h,
+  p,
+  !1,
+  null,
+  "9643fd00"
+);
+const g = v.exports, _ = {
+  name: "BackgroundsModal"
+};
+var y = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "font-primary fixed inset-0 z-[1000] flex items-center justify-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto", on: { click: function(s) {
+    return s.target !== s.currentTarget ? null : e.$emit("close");
+  } } }, [t("div", { staticClass: "relative flex h-[90%] max-h-[700px] w-[90%] max-w-3xl flex-col rounded-lg bg-white max-sm:h-full max-sm:max-h-full max-sm:w-full max-sm:rounded-none", on: { click: function(s) {
+    s.stopPropagation();
+  } } }, [t("CButton", { staticClass: "absolute right-3 top-3 z-10", attrs: { pattern: "tertiary", type: "none", size: "small", circle: "", icon: "x" }, on: { click: function(s) {
+    return e.$emit("close");
+  } } }), e._t("header"), e._t("default")], 2)]);
+}, x = [], w = /* @__PURE__ */ a(
+  _,
+  y,
+  x,
+  !1,
+  null,
+  "1cac16c1"
+);
+const $ = w.exports, R = g, L = $;
+export {
+  L as B,
+  R as a
+};