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

package/dist/Index-CdpZBEKU.js

@@ -1,98 +0,0 @@
-import { m as o } from "./mapFormMixin-QbevCwJK.js";
-import { f as r } from "./focusDrawerMixin-Be6BAK8-.js";
-import { g as a } from "./utils-CA_Zy6u1.js";
-import { n } from "./main-WKzC-Dnu.js";
-const d = {
-  name: "VideoPlayer",
-  i18nOptions: {
-    namespaces: "components",
-    keyPrefix: "document.videoPlayer"
-  },
-  components: {
-    VideoPlayerSettings: () => import("./VideoPlayerSettings-BIPytm6w.js"),
-    VideoPlayerInput: () => import("./VideoPlayerInput-8szEX_8L.js")
-  },
-  mixins: [o(["videoPlayer"]), r],
-  data() {
-    return {
-      showControls: !1,
-      aspectRatio: null,
-      sizes: {
-        small: 600,
-        medium: 1e3,
-        large: 1e3
-      },
-      // defaults to 16:9 aspect ratio
-      videoSize: {
-        width: 480,
-        height: 270
-      }
-    };
-  },
-  computed: {
-    video() {
-      var t;
-      return ((t = this.videoPlayer) == null ? void 0 : t.video) || {};
-    },
-    size() {
-      var t;
-      return ((t = this.videoPlayer) == null ? void 0 : t.size) || "medium";
-    }
-  },
-  watch: {
-    video: {
-      immediate: !0,
-      async handler(t) {
-        if (!t || !t.url)
-          return;
-        let { width: e, height: i } = t;
-        (!e || !i) && ({ width: e, height: i } = await a(t.url) || {}), this.videoSize = { width: e, height: i }, this.setAspectRatio();
-      }
-    },
-    size() {
-      this.setAspectRatio();
-    }
-  },
-  methods: {
-    setValue({ key: t, value: e }) {
-      this.videoPlayer = {
-        ...this.videoPlayer,
-        [t]: e
-      };
-    },
-    setAspectRatio() {
-      !this.videoSize.width || !this.videoSize.height || (this.aspectRatio = `${Math.round(
-        100 * this.videoSize.height / this.videoSize.width
-      )}%`);
-    },
-    onAdd() {
-      const t = () => {
-        this.$refs.input.focus();
-      };
-      this.$refs.input ? t() : this.$once("triggerOnAdd", t);
-    }
-  }
-};
-var l = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "video-root font-inter", on: { "&mouseover": function(s) {
-    e.showControls = !0;
-  }, "&mouseleave": function(s) {
-    e.showControls = !1;
-  } } }, [i("div", { staticClass: "no-drag", class: [`video-is-${e.size}`] }, [i("div", { staticClass: "video-container", style: { paddingTop: e.aspectRatio } }, [!e.video.url && e.canEdit ? i("div", { staticClass: "video-element" }, [i("div", { staticClass: "is-placeholder" }, [i("div", { staticClass: "text-gray-600" }, [e._v(" " + e._s(e.$t("subTitle")) + " ")]), i("VideoPlayerInput", { ref: "input", staticStyle: { "padding-top": "1em" }, attrs: { value: e.video }, on: { input: function(s) {
-    return e.setValue({ key: "video", value: s });
-  }, "hook:mounted": function(s) {
-    return e.$emit("triggerOnAdd");
-  } } })], 1)]) : i("iframe", { ref: "iframe", staticClass: "video-element", attrs: { title: "Video", src: e.video.url, frameborder: "0", allowfullscreen: "" } })])]), e.isForm ? [e.showDrawer ? i("portal", { attrs: { to: "drawer-content" } }, [i("VideoPlayerSettings", { attrs: { video: e.video, size: e.size }, on: { input: e.setValue } })], 1) : e._e()] : e._e()], 2);
-}, c = [], u = /* @__PURE__ */ n(
-  d,
-  l,
-  c,
-  !1,
-  null,
-  "018a61e3"
-);
-const f = u.exports;
-export {
-  f as default
-};