@tailor-cms/ce-accordion-edit 0.0.4 → 0.0.6

package/dist/index.js

@@ -2552,7 +2552,7 @@ var DiscussionEvents = /* @__PURE__ */ ((DiscussionEvents2) => {
   return DiscussionEvents2;
 })(DiscussionEvents || {});
 var discussion_default = DiscussionEvents;
-const UserAvatar_vue_vue_type_style_index_0_scoped_05c20e2a_lang = "";
+const UserAvatar_vue_vue_type_style_index_0_scoped_79158e3e_lang = "";
 function Cache(maxSize) {
   this._maxSize = maxSize;
   this.clear();
@@ -3902,10 +3902,10 @@ function baseSlice$1(array2, start, end) {
   return result;
 }
 var _baseSlice = baseSlice$1;
-const CommentHeader_vue_vue_type_style_index_0_scoped_e096b5c1_lang = "";
-const CommentPreview_vue_vue_type_style_index_0_scoped_39c90040_lang = "";
-const index_vue_vue_type_style_index_0_scoped_242e5698_lang = "";
-const ThreadList_vue_vue_type_style_index_0_scoped_69125c48_lang = "";
+const CommentHeader_vue_vue_type_style_index_0_scoped_a427532b_lang = "";
+const CommentPreview_vue_vue_type_style_index_0_scoped_8e7f19b8_lang = "";
+const index_vue_vue_type_style_index_0_scoped_344f08e5_lang = "";
+const ThreadList_vue_vue_type_style_index_0_scoped_1f95bfdb_lang = "";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -4259,18 +4259,18 @@ var pluralize = { exports: {} };
     return pluralize2;
   });
 })(pluralize);
-const UnseenDivider_vue_vue_type_style_index_0_scoped_4f201343_lang = "";
-const index_vue_vue_type_style_index_0_scoped_af4c1fdd_lang = "";
+const UnseenDivider_vue_vue_type_style_index_0_scoped_81b56d7c_lang = "";
+const index_vue_vue_type_style_index_0_scoped_b23d06d6_lang = "";
 const useConfirmationDialog = () => {
   const eventBus = inject("$eventBus");
   return (opts) => {
     eventBus.channel("app").emit("showConfirmationModal", opts);
   };
 };
-const index_vue_vue_type_style_index_0_scoped_2eb30ac0_lang = "";
-const ElementDiscussion_vue_vue_type_style_index_0_scoped_d9ba0a21_lang = "";
-const ContentElement_vue_vue_type_style_index_0_scoped_9a9272e0_lang = "";
-const ContainedContent_vue_vue_type_style_index_0_scoped_b97ee2aa_lang = "";
+const index_vue_vue_type_style_index_0_scoped_bdbd0b31_lang = "";
+const ElementDiscussion_vue_vue_type_style_index_0_scoped_fb32ecf9_lang = "";
+const ContentElement_vue_vue_type_style_index_0_scoped_f2b91b16_lang = "";
+const ContainedContent_vue_vue_type_style_index_0_scoped_caf26e8d_lang = "";
 /**!
  * Sortable 1.14.0
  * @author	RubaXa   <trash@rubaxa.org>
@@ -7145,9 +7145,9 @@ var pick = flatRest$1(function(object2, paths) {
 });
 var pick_1 = pick;
 const pick$1 = /* @__PURE__ */ getDefaultExportFromCjs(pick_1);
-const AddNewElement_vue_vue_type_style_index_0_scoped_1960d7c8_lang = "";
-const ContentElement_vue_vue_type_style_index_0_scoped_a6d26f4a_lang = "";
-const SelectActivity_vue_vue_type_style_index_0_scoped_f56ca773_lang = "";
+const AddNewElement_vue_vue_type_style_index_0_scoped_2cf7249c_lang = "";
+const ContentElement_vue_vue_type_style_index_0_scoped_788ca810_lang = "";
+const SelectActivity_vue_vue_type_style_index_0_scoped_69a3da5b_lang = "";
 var yoctodelay = (d) => new Promise((r) => setTimeout(r, d));
 const delay = /* @__PURE__ */ getDefaultExportFromCjs(yoctodelay);
 async function pMinDelay(promise, minimumDelay, { delayRejection = true } = {}) {
@@ -7167,9 +7167,9 @@ const useLoader = () => {
   };
   return { loader, loading };
 };
-const TailorDialog_vue_vue_type_style_index_0_scoped_d5112d4b_lang = "";
-const ElementList_vue_vue_type_style_index_0_scoped_d33d8047_lang = "";
-const InlineActivator_vue_vue_type_style_index_0_scoped_eaccc16f_lang = "";
+const TailorDialog_vue_vue_type_style_index_0_scoped_b27f4c9a_lang = "";
+const ElementList_vue_vue_type_style_index_0_scoped_75eb7284_lang = "";
+const InlineActivator_vue_vue_type_style_index_0_scoped_61d96366_lang = "";
 function noop$1() {
 }
 var noop_1 = noop$1;
@@ -7241,8 +7241,8 @@ flatRest(function(object2, paths) {
   }
   return result;
 });
-const ListItem_vue_vue_type_style_index_0_scoped_570b8171_lang = "";
-const ItemGroup_vue_vue_type_style_index_0_scoped_85267ad2_lang = "";
+const ListItem_vue_vue_type_style_index_0_scoped_10fef400_lang = "";
+const ItemGroup_vue_vue_type_style_index_0_scoped_905defd8_lang = "";
 const download = (url, fileName) => {
   const anchor = document.createElement("a");
   Object.assign(anchor, { href: url, download: fileName, target: "_blank" });
@@ -7282,7 +7282,7 @@ const useUpload = (emit2) => {
     error
   };
 };
-const FileInput_vue_vue_type_style_index_0_scoped_f3d00dc2_lang = "";
+const FileInput_vue_vue_type_style_index_0_scoped_7e5f9e00_lang = "";
 function OrderedMap(content) {
   this.content = content;
 }
@@ -19589,8 +19589,8 @@ Mark2.create({
     };
   }
 });
-const EditorToolbar_vue_vue_type_style_index_0_scoped_37fd2dee_lang = "";
-const index_vue_vue_type_style_index_0_scoped_b7fc3b8b_lang = "";
+const EditorToolbar_vue_vue_type_style_index_0_scoped_a00f26d5_lang = "";
+const index_vue_vue_type_style_index_0_scoped_4dc69d89_lang = "";
 var toString = toString_1;
 var idCounter = 0;
 function uniqueId(prefix) {
@@ -19599,7 +19599,7 @@ function uniqueId(prefix) {
 }
 var uniqueId_1 = uniqueId;
 const uniqueId$1 = /* @__PURE__ */ getDefaultExportFromCjs(uniqueId_1);
-const _hoisted_1$3 = ["id", "accept"];
+const _hoisted_1$4 = ["id", "accept"];
 /* @__PURE__ */ defineComponent({
   __name: "UploadBtn",
   props: {
@@ -19652,7 +19652,7 @@ const _hoisted_1$3 = ["id", "accept"];
           class: "d-none",
           type: "file",
           onChange: _cache[1] || (_cache[1] = ($event) => validateAndUpload($event.target))
-        }, null, 40, _hoisted_1$3)),
+        }, null, 40, _hoisted_1$4)),
         fileInput.value ? (openBlock(), createBlock(_component_VBtn, {
           key: 0,
           loading: unref(uploading),
@@ -19673,11 +19673,11 @@ const _hoisted_1$3 = ["id", "accept"];
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "text-grey-darken-2 text-subtitle-1"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ElementPlaceholder",
   props: {
     icon: {},
@@ -19725,7 +19725,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               _ctx.dense ? "my-2 text-subtitle-2" : "my-4 text-h5"
             ])
           }, toDisplayString(_ctx.name), 3),
-          !_ctx.dense && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+          !_ctx.dense && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
             !_ctx.isFocused ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
               createTextVNode(toDisplayString(_ctx.placeholder), 1)
             ], 64)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
@@ -27488,7 +27488,7 @@ function isEmpty(value) {
 }
 var isEmpty_1 = isEmpty;
 const isEmpty$1 = /* @__PURE__ */ getDefaultExportFromCjs(isEmpty_1);
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 2,
   class: "accordion-title ml-4"
 };
@@ -27496,29 +27496,26 @@ const _hoisted_2 = {
   key: 3,
   class: "d-flex mx-2 ga-1"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     item: {},
-    embedTypes: {},
+    allowedEmbedTypes: {},
     embeds: { default: () => {
     } },
     isFocused: { type: Boolean, default: false },
     isDisabled: { type: Boolean, default: false },
     isExpanded: { type: Boolean, default: false }
   },
-  emits: ["save", "expand", "delete"],
+  emits: ["save", "delete"],
   setup(__props, { emit: emit2 }) {
     const props2 = __props;
     const eventBus = inject("$eventBus");
     const isEditing = ref(!props2.item.title);
     const form = ref();
     const title = ref(props2.item.title);
-    const isNew = computed(() => !props2.item.title);
     const hasElements = computed(() => !isEmpty$1(props2.embeds));
     const cancel = () => {
-      if (isNew.value)
-        return emit2("delete");
       title.value = props2.item.title;
       isEditing.value = false;
     };
@@ -27530,8 +27527,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isEditing.value = false;
       const item = { ...props2.item, title: title.value };
       emit2("save", { item, embeds: props2.embeds });
-      if (isNew.value)
-        emit2("expand");
     };
     const saveEmbed = (embeds) => {
       const item = cloneDeep$1(props2.item);
@@ -27567,8 +27562,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_VExpansionPanel = resolveComponent("VExpansionPanel");
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createBlock(_component_VExpansionPanel, {
-        "hide-actions": isNew.value,
-        readonly: isNew.value,
         value: _ctx.item.id
       }, {
         default: withCtx(() => [
@@ -27577,7 +27570,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(_component_VExpansionPanelTitle, mergeProps(hoverProps, {
                 class: "pa-2 pr-4",
                 color: "primary-lighten-5",
-                "min-height": "56"
+                "min-height": "64"
               }), {
                 default: withCtx(() => [
                   createVNode(_component_VForm, {
@@ -27611,7 +27604,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         }, ["stop"])),
                         onKeyup: _cache[3] || (_cache[3] = withKeys(withModifiers(() => {
                         }, ["prevent"]), ["space"]))
-                      }, null, 8, ["modelValue", "rules"])) : (openBlock(), createElementBlock("div", _hoisted_1$1, toDisplayString(_ctx.item.title), 1)),
+                      }, null, 8, ["modelValue", "rules"])) : (openBlock(), createElementBlock("div", _hoisted_1$2, toDisplayString(_ctx.item.title), 1)),
                       createVNode(_component_VSpacer),
                       !_ctx.isDisabled ? (openBlock(), createElementBlock("div", _hoisted_2, [
                         isEditing.value ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
@@ -27688,7 +27681,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(_component_TailorEmbeddedContainer, {
                 container: { embeds: _ctx.embeds },
                 "is-disabled": _ctx.isDisabled,
-                types: _ctx.embedTypes,
+                types: _ctx.allowedEmbedTypes,
                 onDelete: deleteEmbed,
                 onSave: _cache[6] || (_cache[6] = ($event) => saveEmbed($event.embeds))
               }, null, 8, ["container", "is-disabled", "types"])
@@ -27697,24 +27690,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 1
-      }, 8, ["hide-actions", "readonly", "value"]);
+      }, 8, ["value"]);
     };
   }
 });
-const AccordionItem_vue_vue_type_style_index_0_scoped_53dcf74b_lang = "";
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-53dcf74b"]]);
-const _hoisted_1 = { class: "tce-accordion d-flex flex-column align-center text-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const AccordionItem_vue_vue_type_style_index_0_scoped_2e9fbd32_lang = "";
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2e9fbd32"]]);
+const _hoisted_1$1 = { class: "tce-accordion d-flex flex-column align-center text-center" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Edit",
   props: {
     element: {},
-    embedTypes: {},
+    allowedEmbedTypes: {},
     isFocused: { type: Boolean },
     isDisabled: { type: Boolean }
   },
   emits: ["save", "link"],
   setup(__props, { emit: emit2 }) {
     const props2 = __props;
+    const elementBus = inject("$elementBus");
     const expanded = ref([]);
     const elementData = reactive(cloneDeep$1(props2.element.data));
     const panels = ref();
@@ -27725,10 +27719,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return acc;
       }, {})
     );
-    const add2 = () => {
-      const id = createId_1();
-      elementData.items.push({ id, elementIds: [] });
-    };
     const saveItem = ({ item, embeds = {} }, index2) => {
       elementData.items[index2] = item;
       Object.assign(elementData.embeds, embeds);
@@ -27756,20 +27746,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    elementBus.on("add", () => {
+      const id = createId_1();
+      elementData.items.push({ id, title: "Title", elementIds: [] });
+      expanded.value.push(id);
+      emit2("save", elementData);
+    });
     onBeforeUnmount(() => {
       sortable.value.destroy();
     });
     return (_ctx, _cache) => {
       const _component_VExpandTransition = resolveComponent("VExpandTransition");
       const _component_VExpansionPanels = resolveComponent("VExpansionPanels");
-      const _component_VBtn = resolveComponent("VBtn");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createVNode(_component_VExpansionPanels, {
           ref_key: "panels",
           ref: panels,
           modelValue: expanded.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
-          elevation: "0",
           rounded: "lg",
           multiple: ""
         }, {
@@ -27782,7 +27776,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(elementData.items, (item, index2) => {
                   return openBlock(), createBlock(AccordionItem, {
                     key: item.id,
-                    "embed-types": _ctx.embedTypes,
+                    "allowed-embed-types": _ctx.allowedEmbedTypes,
                     embeds: embedsByItem.value[item.id],
                     "is-disabled": _ctx.isDisabled,
                     "is-expanded": expanded.value.includes(item.id),
@@ -27791,7 +27785,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onDelete: ($event) => deleteItem(item.id, index2),
                     onExpand: ($event) => expanded.value.push(item.id),
                     onSave: ($event) => saveItem($event, index2)
-                  }, null, 8, ["embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
+                  }, null, 8, ["allowed-embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
                 }), 128))
               ]),
               _: 1
@@ -27799,39 +27793,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        !elementData.items.length ? (openBlock(), createBlock(unref(_sfc_main$2), {
+        !elementData.items.length ? (openBlock(), createBlock(unref(_sfc_main$3), {
           key: 0,
           icon: unref(src_default).ui.icon,
           "is-disabled": _ctx.isDisabled,
           "is-focused": _ctx.isFocused,
           name: `${unref(src_default).name} component`,
-          "active-icon": "mdi-arrow-down",
-          "active-placeholder": "Click the button below to create the first item"
-        }, null, 8, ["icon", "is-disabled", "is-focused", "name"])) : createCommentVNode("", true),
-        !_ctx.isDisabled ? (openBlock(), createBlock(_component_VBtn, {
-          key: 1,
-          class: "mt-6",
+          "active-icon": "mdi-arrow-up",
+          "active-placeholder": "Use toolbar to create the first item"
+        }, null, 8, ["icon", "is-disabled", "is-focused", "name"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const Edit_vue_vue_type_style_index_0_scoped_28a6b1bd_lang = "";
+const Edit = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-28a6b1bd"]]);
+const _hoisted_1 = { class: "d-flex align-center justify-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TopToolbar",
+  setup(__props) {
+    const elementBus = inject("$elementBus");
+    return (_ctx, _cache) => {
+      const _component_VBtn = resolveComponent("VBtn");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_VBtn, {
           color: "primary-darken-4",
           "prepend-icon": "mdi-plus",
           variant: "text",
-          onClick: add2
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(elementBus).emit("add"))
         }, {
           default: withCtx(() => [
             createTextVNode(" Add accordion item ")
           ]),
           _: 1
-        })) : createCommentVNode("", true)
+        })
       ]);
     };
   }
 });
-const Edit_vue_vue_type_style_index_0_scoped_6ca5c55f_lang = "";
-const Edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ca5c55f"]]);
 const manifest = {
   ...src_default,
-  Edit
+  Edit,
+  TopToolbar: _sfc_main
 };
 export {
   Edit,
+  _sfc_main as TopToolbar,
   manifest as default
 };