@cling-se/widget 0.14.4 → 0.14.6

package/dist/AttachmentItem-Da1-7xwf.js

@@ -0,0 +1,78 @@
+import a from "./Index-BAYdvT-t.js";
+import { n as i } from "./main-CQBEuZk9.js";
+const r = {
+  name: "AttachmentsItem",
+  components: {
+    FileIcon: a
+  },
+  inject: {
+    isPdf: {
+      default: !1
+    }
+  },
+  props: {
+    isImageOrPdf: {
+      type: Boolean,
+      default: !1
+    },
+    attachment: {
+      type: Object,
+      default: () => ({})
+    },
+    canEdit: {
+      type: Boolean,
+      default: !1
+    },
+    uploadProgress: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      isHover: !1,
+      isEditing: !1
+    };
+  }
+};
+var s = function() {
+  var t = this, e = t._self._c;
+  return e(t.isImageOrPdf && !t.isPdf ? "div" : "a", { tag: "component", staticClass: "attachment-wrapper", attrs: { href: t.attachment.url, target: "_blank", rel: "noopener" }, on: { "&mouseover": function(n) {
+    t.isHover = !0;
+  }, "&mouseleave": function(n) {
+    t.isHover = !1;
+  }, click: function(n) {
+    if (n.target !== n.currentTarget)
+      return null;
+    t.isEditing || t.$emit("click");
+  } } }, [e("div", { staticClass: "attachment", on: { click: function(n) {
+    if (n.target !== n.currentTarget)
+      return null;
+    t.isEditing || t.$emit("click");
+  } } }, [t.isImageOrPdf && !t.isPdf && t.attachment.mime.startsWith("image") ? e("img", { staticClass: "attachment-preview pointer-events-none", attrs: { src: t.attachment.url } }) : e("div", { staticClass: "attachment-icon pointer-events-none" }, [e("FileIcon", { attrs: { mime: t.attachment.mime, size: 40 } })], 1), t.isEditing ? e("CField", { staticClass: "flex w-full items-center", attrs: { grouped: "" } }, [e("CInput", { ref: "input", attrs: { value: t.attachment.name, placeholder: t.$t(
+    "components:account.documentForm.attachments.fileNamePlaceholder"
+  ), filled: "", expanded: "" }, on: { input: function(n) {
+    return t.$emit("input", { ...t.attachment, name: n });
+  }, blur: function(n) {
+    t.isEditing = !1;
+  } }, nativeOn: { keyup: function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : n.target.blur();
+  }, click: function(n) {
+    n.preventDefault(), n.stopPropagation();
+  } } }), e("CButton", { attrs: { circle: "", type: "secondary", size: "normal", icon: "check" } })], 1) : [e("div", { staticClass: "attachment-data truncate-text pointer-events-none" }, [e("div", { staticClass: "truncate-text" }, [t._v(" " + t._s(t.attachment.name) + " ")]), t.uploadProgress !== null ? e("div", { staticStyle: { display: "flex", "align-items": "center", "font-size": "calc(calc(1 * var(--rem)) - 2px)" } }, [e("CIcon", { staticClass: "spinner", attrs: { type: "loader", size: "14" } }), e("span", { staticStyle: { "padding-left": "0.25em" } }, [t._v(" " + t._s(t.uploadProgress) + "% " + t._s(t.$t("uploading")) + " ")])], 1) : t._e()]), t.canEdit ? e("CDropdown", { attrs: { position: "is-bottom-left" } }, [e("CButton", { class: { "opacity-0": !t.isHover }, attrs: { slot: "trigger", circle: "", type: "none", size: "normal", pattern: "secondary", icon: "more-vertical" }, slot: "trigger" }), e("CDropdownItem", { on: { click: function(n) {
+    t.isEditing = !0, t.$nextTick(() => t.$refs.input.focus());
+  } } }, [t._v(" " + t._s(t.$t("change", { thing: t.$t("name") })) + " ")]), e("CDropdownItem", { attrs: { type: "danger" }, on: { click: function(n) {
+    return t.$emit("remove");
+  } } }, [t._v(" " + t._s(t.$t("remove")) + " ")])], 1) : t._e()]], 2), e("div", { staticClass: "hover-wrapper" }, [e("div", { staticClass: "hover-wrapper-text" }, [e("CIcon", { attrs: { type: "eye", size: "18" } }), t._v(" " + t._s(t.$t("_common:show")) + " ")], 1)])]);
+}, o = [], c = /* @__PURE__ */ i(
+  r,
+  s,
+  o,
+  !1,
+  null,
+  "347ae175"
+);
+const p = c.exports;
+export {
+  p as default
+};