@tailor-cms/ce-brightcove-video-edit 0.0.1 → 0.0.2

package/dist/index.cjs

@@ -7,7 +7,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 var type = "BRIGHTCOVE_VIDEO";
 var name = "Brightcove Video";
-var initState = () => ({});
+var initState = () => ({
+  accountId: "",
+  playerId: "",
+  videoId: ""
+});
 var ui = {
   // Display icon, https://pictogrammers.com/library/mdi/
   icon: "mdi-video",
@@ -5504,14 +5508,13 @@ function requireIsEqual() {
   if (hasRequiredIsEqual) return isEqual_1;
   hasRequiredIsEqual = 1;
   var baseIsEqual = require_baseIsEqual();
-  function isEqual2(value, other) {
+  function isEqual(value, other) {
     return baseIsEqual(value, other);
   }
-  isEqual_1 = isEqual2;
+  isEqual_1 = isEqual;
   return isEqual_1;
 }
-var isEqualExports = requireIsEqual();
-const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(isEqualExports);
+requireIsEqual();
 var last_1;
 var hasRequiredLast;
 function requireLast() {
@@ -18733,8 +18736,8 @@ Extension.create({
           if (empty2 || !allWasSelected) {
             return;
           }
-          const isEmpty2 = isNodeEmpty(newState.doc);
-          if (!isEmpty2) {
+          const isEmpty = isNodeEmpty(newState.doc);
+          if (!isEmpty) {
             return;
           }
           const tr = newState.tr;
@@ -21216,7 +21219,7 @@ const _hoisted_1$2 = {
   key: 0,
   class: "text-grey-darken-2 text-subtitle-1"
 };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "ElementPlaceholder",
   props: {
     icon: {},
@@ -30040,7 +30043,7 @@ function requireLodash() {
         function isElement(value) {
           return isObjectLike(value) && value.nodeType === 1 && !isPlainObject2(value);
         }
-        function isEmpty2(value) {
+        function isEmpty(value) {
           if (value == null) {
             return true;
           }
@@ -30061,7 +30064,7 @@ function requireLodash() {
           }
           return true;
         }
-        function isEqual2(value, other) {
+        function isEqual(value, other) {
           return baseIsEqual(value, other);
         }
         function isEqualWith(value, other, customizer) {
@@ -31173,8 +31176,8 @@ function requireLodash() {
         lodash2.isBuffer = isBuffer2;
         lodash2.isDate = isDate2;
         lodash2.isElement = isElement;
-        lodash2.isEmpty = isEmpty2;
-        lodash2.isEqual = isEqual2;
+        lodash2.isEmpty = isEmpty;
+        lodash2.isEqual = isEqual;
         lodash2.isEqualWith = isEqualWith;
         lodash2.isError = isError;
         lodash2.isFinite = isFinite2;
@@ -31685,7 +31688,7 @@ function urlJoin() {
 }
 const _hoisted_1$1 = { class: "brightcove-player" };
 const BASE_URL = "//players.brightcove.net/";
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "BrightcovePlayer",
   props: {
     accountId: {},
@@ -31824,9 +31827,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-dd41e47c"]]);
+const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-dd41e47c"]]);
 const _hoisted_1 = { class: "tce-video" };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "Edit",
   props: {
     element: {},
@@ -31857,7 +31860,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           "player-id": config.value.playerId,
           "video-id": config.value.videoId,
           class: "player"
-        }, null, 8, ["account-id", "player-id", "video-id"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$4), {
+        }, null, 8, ["account-id", "player-id", "video-id"])) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 1,
           icon: vue.unref(index_default).ui.icon,
           "is-disabled": _ctx.isDisabled,
@@ -31870,57 +31873,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bdedb9a9"]]);
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "SideToolbar",
-  props: {
-    element: {}
-  },
-  emits: ["save"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      var _a;
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("p", null, "Edit element side toolbar " + vue.toDisplayString((_a = _ctx.element) == null ? void 0 : _a.id), 1)
-      ]);
-    };
-  }
-});
-var isEmpty_1;
-var hasRequiredIsEmpty;
-function requireIsEmpty() {
-  if (hasRequiredIsEmpty) return isEmpty_1;
-  hasRequiredIsEmpty = 1;
-  var baseKeys = require_baseKeys(), getTag = require_getTag(), isArguments = requireIsArguments(), isArray2 = requireIsArray(), isArrayLike = requireIsArrayLike(), isBuffer2 = requireIsBuffer(), isPrototype = require_isPrototype(), isTypedArray = requireIsTypedArray();
-  var mapTag = "[object Map]", setTag = "[object Set]";
-  var objectProto = Object.prototype;
-  var hasOwnProperty = objectProto.hasOwnProperty;
-  function isEmpty2(value) {
-    if (value == null) {
-      return true;
-    }
-    if (isArrayLike(value) && (isArray2(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer2(value) || isTypedArray(value) || isArguments(value))) {
-      return !value.length;
-    }
-    var tag = getTag(value);
-    if (tag == mapTag || tag == setTag) {
-      return !value.size;
-    }
-    if (isPrototype(value)) {
-      return !baseKeys(value).length;
-    }
-    for (var key in value) {
-      if (hasOwnProperty.call(value, key)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  isEmpty_1 = isEmpty2;
-  return isEmpty_1;
-}
-var isEmptyExports = requireIsEmpty();
-const isEmpty = /* @__PURE__ */ getDefaultExportFromCjs(isEmptyExports);
+const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bdedb9a9"]]);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "TopToolbar",
   props: {
@@ -31934,9 +31887,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const elementData = vue.reactive(cloneDeep(props2.element.data));
-    const isEditing = vue.ref(isEmpty(elementData));
+    const isEmpty = vue.computed(
+      () => !elementData.accountId || !elementData.playerId || !elementData.videoId
+    );
+    const isEditing = vue.ref(isEmpty.value);
     const form = vue.ref();
-    const isDirty = vue.computed(() => !isEqual(elementData, props2.element.data));
+    const isDirty = vue.computed(() => {
+      const { accountId, playerId, videoId } = props2.element.data;
+      return accountId !== elementData.accountId || playerId !== elementData.playerId || videoId !== elementData.videoId;
+    });
     const save2 = async () => {
       var _a;
       const { valid } = await ((_a = form.value) == null ? void 0 : _a.validate());
@@ -31946,7 +31905,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const cancel = () => {
       var _a;
-      Object.assign(elementData, cloneDeep(props2.element.data));
+      elementData.accountId = props2.element.data.accountId;
+      elementData.playerId = props2.element.data.playerId;
+      elementData.videoId = props2.element.data.videoId;
       (_a = form.value) == null ? void 0 : _a.resetValidation();
       isEditing.value = false;
     };
@@ -31969,7 +31930,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => elementData.accountId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Account Id",
                 "min-width": "150",
@@ -31980,10 +31941,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => elementData.playerId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Player Id",
-                "min-width": "100",
+                "min-width": "150",
                 variant: "outlined"
               }, null, 8, ["modelValue", "disabled", "rules"]),
               vue.createVNode(_component_VTextField, {
@@ -31991,7 +31952,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => elementData.videoId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Video Id",
                 "min-width": "150",
@@ -32015,12 +31976,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ])),
                   _: 1
                 })) : vue.createCommentVNode("", true),
-                isDirty.value || !vue.unref(isEmpty)(elementData) ? (vue.openBlock(), vue.createBlock(_component_VBtn, {
+                isDirty.value || !isEmpty.value ? (vue.openBlock(), vue.createBlock(_component_VBtn, {
                   key: 1,
                   onClick: cancel
                 }, {
                   default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                    vue.createTextVNode(" Cancel ")
+                    vue.createTextVNode("Cancel")
                   ])),
                   _: 1
                 })) : vue.createCommentVNode("", true)
@@ -32037,10 +31998,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 const manifest = {
   ...index_default,
   Edit,
-  SideToolbar: _sfc_main$1,
   TopToolbar: _sfc_main
 };
 exports.Edit = Edit;
-exports.SideToolbar = _sfc_main$1;
 exports.TopToolbar = _sfc_main;
 exports.default = manifest;

package/dist/index.js

@@ -5,7 +5,11 @@ import "./index.css";
 import { inject, resolveComponent, TransitionGroup, defineComponent, nextTick, h, ref, watch, createElementBlock, createCommentVNode, openBlock, Fragment as Fragment$1, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, computed, normalizeClass, createElementVNode, onMounted, onBeforeUnmount, withDirectives, vShow, reactive, withModifiers } from "vue";
 var type = "BRIGHTCOVE_VIDEO";
 var name = "Brightcove Video";
-var initState = () => ({});
+var initState = () => ({
+  accountId: "",
+  playerId: "",
+  videoId: ""
+});
 var ui = {
   // Display icon, https://pictogrammers.com/library/mdi/
   icon: "mdi-video",
@@ -5502,14 +5506,13 @@ function requireIsEqual() {
   if (hasRequiredIsEqual) return isEqual_1;
   hasRequiredIsEqual = 1;
   var baseIsEqual = require_baseIsEqual();
-  function isEqual2(value, other) {
+  function isEqual(value, other) {
     return baseIsEqual(value, other);
   }
-  isEqual_1 = isEqual2;
+  isEqual_1 = isEqual;
   return isEqual_1;
 }
-var isEqualExports = requireIsEqual();
-const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(isEqualExports);
+requireIsEqual();
 var last_1;
 var hasRequiredLast;
 function requireLast() {
@@ -18731,8 +18734,8 @@ Extension.create({
           if (empty2 || !allWasSelected) {
             return;
           }
-          const isEmpty2 = isNodeEmpty(newState.doc);
-          if (!isEmpty2) {
+          const isEmpty = isNodeEmpty(newState.doc);
+          if (!isEmpty) {
             return;
           }
           const tr = newState.tr;
@@ -21214,7 +21217,7 @@ const _hoisted_1$2 = {
   key: 0,
   class: "text-grey-darken-2 text-subtitle-1"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ElementPlaceholder",
   props: {
     icon: {},
@@ -30038,7 +30041,7 @@ function requireLodash() {
         function isElement(value) {
           return isObjectLike(value) && value.nodeType === 1 && !isPlainObject2(value);
         }
-        function isEmpty2(value) {
+        function isEmpty(value) {
           if (value == null) {
             return true;
           }
@@ -30059,7 +30062,7 @@ function requireLodash() {
           }
           return true;
         }
-        function isEqual2(value, other) {
+        function isEqual(value, other) {
           return baseIsEqual(value, other);
         }
         function isEqualWith(value, other, customizer) {
@@ -31171,8 +31174,8 @@ function requireLodash() {
         lodash2.isBuffer = isBuffer2;
         lodash2.isDate = isDate2;
         lodash2.isElement = isElement;
-        lodash2.isEmpty = isEmpty2;
-        lodash2.isEqual = isEqual2;
+        lodash2.isEmpty = isEmpty;
+        lodash2.isEqual = isEqual;
         lodash2.isEqualWith = isEqualWith;
         lodash2.isError = isError;
         lodash2.isFinite = isFinite2;
@@ -31683,7 +31686,7 @@ function urlJoin() {
 }
 const _hoisted_1$1 = { class: "brightcove-player" };
 const BASE_URL = "//players.brightcove.net/";
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "BrightcovePlayer",
   props: {
     accountId: {},
@@ -31822,9 +31825,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-dd41e47c"]]);
+const BrightcovePlayer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-dd41e47c"]]);
 const _hoisted_1 = { class: "tce-video" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Edit",
   props: {
     element: {},
@@ -31855,7 +31858,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           "player-id": config.value.playerId,
           "video-id": config.value.videoId,
           class: "player"
-        }, null, 8, ["account-id", "player-id", "video-id"])) : (openBlock(), createBlock(unref(_sfc_main$4), {
+        }, null, 8, ["account-id", "player-id", "video-id"])) : (openBlock(), createBlock(unref(_sfc_main$3), {
           key: 1,
           icon: unref(index_default).ui.icon,
           "is-disabled": _ctx.isDisabled,
@@ -31868,57 +31871,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bdedb9a9"]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "SideToolbar",
-  props: {
-    element: {}
-  },
-  emits: ["save"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", null, "Edit element side toolbar " + toDisplayString((_a = _ctx.element) == null ? void 0 : _a.id), 1)
-      ]);
-    };
-  }
-});
-var isEmpty_1;
-var hasRequiredIsEmpty;
-function requireIsEmpty() {
-  if (hasRequiredIsEmpty) return isEmpty_1;
-  hasRequiredIsEmpty = 1;
-  var baseKeys = require_baseKeys(), getTag = require_getTag(), isArguments = requireIsArguments(), isArray2 = requireIsArray(), isArrayLike = requireIsArrayLike(), isBuffer2 = requireIsBuffer(), isPrototype = require_isPrototype(), isTypedArray = requireIsTypedArray();
-  var mapTag = "[object Map]", setTag = "[object Set]";
-  var objectProto = Object.prototype;
-  var hasOwnProperty = objectProto.hasOwnProperty;
-  function isEmpty2(value) {
-    if (value == null) {
-      return true;
-    }
-    if (isArrayLike(value) && (isArray2(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer2(value) || isTypedArray(value) || isArguments(value))) {
-      return !value.length;
-    }
-    var tag = getTag(value);
-    if (tag == mapTag || tag == setTag) {
-      return !value.size;
-    }
-    if (isPrototype(value)) {
-      return !baseKeys(value).length;
-    }
-    for (var key in value) {
-      if (hasOwnProperty.call(value, key)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  isEmpty_1 = isEmpty2;
-  return isEmpty_1;
-}
-var isEmptyExports = requireIsEmpty();
-const isEmpty = /* @__PURE__ */ getDefaultExportFromCjs(isEmptyExports);
+const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bdedb9a9"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TopToolbar",
   props: {
@@ -31932,9 +31885,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const elementData = reactive(cloneDeep(props2.element.data));
-    const isEditing = ref(isEmpty(elementData));
+    const isEmpty = computed(
+      () => !elementData.accountId || !elementData.playerId || !elementData.videoId
+    );
+    const isEditing = ref(isEmpty.value);
     const form = ref();
-    const isDirty = computed(() => !isEqual(elementData, props2.element.data));
+    const isDirty = computed(() => {
+      const { accountId, playerId, videoId } = props2.element.data;
+      return accountId !== elementData.accountId || playerId !== elementData.playerId || videoId !== elementData.videoId;
+    });
     const save2 = async () => {
       var _a;
       const { valid } = await ((_a = form.value) == null ? void 0 : _a.validate());
@@ -31944,7 +31903,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const cancel = () => {
       var _a;
-      Object.assign(elementData, cloneDeep(props2.element.data));
+      elementData.accountId = props2.element.data.accountId;
+      elementData.playerId = props2.element.data.playerId;
+      elementData.videoId = props2.element.data.videoId;
       (_a = form.value) == null ? void 0 : _a.resetValidation();
       isEditing.value = false;
     };
@@ -31967,7 +31928,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => elementData.accountId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Account Id",
                 "min-width": "150",
@@ -31978,10 +31939,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => elementData.playerId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Player Id",
-                "min-width": "100",
+                "min-width": "150",
                 variant: "outlined"
               }, null, 8, ["modelValue", "disabled", "rules"]),
               createVNode(_component_VTextField, {
@@ -31989,7 +31950,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => elementData.videoId = $event),
                 disabled: !isEditing.value,
                 rules: [rules.required],
-                class: "required mt-2 mr-3",
+                class: "required",
                 "hide-details": "auto",
                 label: "Video Id",
                 "min-width": "150",
@@ -32013,12 +31974,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])),
                   _: 1
                 })) : createCommentVNode("", true),
-                isDirty.value || !unref(isEmpty)(elementData) ? (openBlock(), createBlock(_component_VBtn, {
+                isDirty.value || !isEmpty.value ? (openBlock(), createBlock(_component_VBtn, {
                   key: 1,
                   onClick: cancel
                 }, {
                   default: withCtx(() => _cache[6] || (_cache[6] = [
-                    createTextVNode(" Cancel ")
+                    createTextVNode("Cancel")
                   ])),
                   _: 1
                 })) : createCommentVNode("", true)
@@ -32035,12 +31996,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const manifest = {
   ...index_default,
   Edit,
-  SideToolbar: _sfc_main$1,
   TopToolbar: _sfc_main
 };
 export {
   Edit,
-  _sfc_main$1 as SideToolbar,
   _sfc_main as TopToolbar,
   manifest as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS Brightcove video authoring component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -24,7 +24,7 @@
     "typescript": "^5.7.3",
     "vite": "^6.1.0",
     "vue-tsc": "^2.2.0",
-    "@tailor-cms/ce-brightcove-video-manifest": "0.0.1"
+    "@tailor-cms/ce-brightcove-video-manifest": "0.0.2"
   },
   "dependencies": {
     "@tailor-cms/core-components": "^1.0.26",