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

package/dist/index.cjs

@@ -2554,7 +2554,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();
@@ -3904,10 +3904,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.');
 }
@@ -4261,18 +4261,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 = vue.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>
@@ -7147,9 +7147,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 } = {}) {
@@ -7169,9 +7169,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;
@@ -7243,8 +7243,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" });
@@ -7284,7 +7284,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;
 }
@@ -19591,8 +19591,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) {
@@ -19601,7 +19601,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__ */ vue.defineComponent({
   __name: "UploadBtn",
   props: {
@@ -19654,7 +19654,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 ? (vue.openBlock(), vue.createBlock(_component_VBtn, {
           key: 0,
           loading: vue.unref(uploading),
@@ -19675,11 +19675,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__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "ElementPlaceholder",
   props: {
     icon: {},
@@ -19727,7 +19727,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               _ctx.dense ? "my-2 text-subtitle-2" : "my-4 text-h5"
             ])
           }, vue.toDisplayString(_ctx.name), 3),
-          !_ctx.dense && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+          !_ctx.dense && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
             !_ctx.isFocused ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.placeholder), 1)
             ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -27490,7 +27490,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"
 };
@@ -27498,29 +27498,26 @@ const _hoisted_2 = {
   key: 3,
   class: "d-flex mx-2 ga-1"
 };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.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 = vue.inject("$eventBus");
     const isEditing = vue.ref(!props2.item.title);
     const form = vue.ref();
     const title = vue.ref(props2.item.title);
-    const isNew = vue.computed(() => !props2.item.title);
     const hasElements = vue.computed(() => !isEmpty$1(props2.embeds));
     const cancel = () => {
-      if (isNew.value)
-        return emit2("delete");
       title.value = props2.item.title;
       isEditing.value = false;
     };
@@ -27532,8 +27529,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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);
@@ -27569,8 +27564,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       const _component_VExpansionPanel = vue.resolveComponent("VExpansionPanel");
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createBlock(_component_VExpansionPanel, {
-        "hide-actions": isNew.value,
-        readonly: isNew.value,
         value: _ctx.item.id
       }, {
         default: vue.withCtx(() => [
@@ -27579,7 +27572,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(_component_VExpansionPanelTitle, vue.mergeProps(hoverProps, {
                 class: "pa-2 pr-4",
                 color: "primary-lighten-5",
-                "min-height": "56"
+                "min-height": "64"
               }), {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_VForm, {
@@ -27613,7 +27606,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         }, ["stop"])),
                         onKeyup: _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(() => {
                         }, ["prevent"]), ["space"]))
-                      }, null, 8, ["modelValue", "rules"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, vue.toDisplayString(_ctx.item.title), 1)),
+                      }, null, 8, ["modelValue", "rules"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, vue.toDisplayString(_ctx.item.title), 1)),
                       vue.createVNode(_component_VSpacer),
                       !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                         isEditing.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -27690,7 +27683,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               vue.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"])
@@ -27699,24 +27692,25 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.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 = vue.inject("$elementBus");
     const expanded = vue.ref([]);
     const elementData = vue.reactive(cloneDeep$1(props2.element.data));
     const panels = vue.ref();
@@ -27727,10 +27721,6 @@ const _sfc_main = /* @__PURE__ */ vue.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);
@@ -27758,20 +27748,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       });
     });
+    elementBus.on("add", () => {
+      const id = createId_1();
+      elementData.items.push({ id, title: "Title", elementIds: [] });
+      expanded.value.push(id);
+      emit2("save", elementData);
+    });
     vue.onBeforeUnmount(() => {
       sortable.value.destroy();
     });
     return (_ctx, _cache) => {
       const _component_VExpandTransition = vue.resolveComponent("VExpandTransition");
       const _component_VExpansionPanels = vue.resolveComponent("VExpansionPanels");
-      const _component_VBtn = vue.resolveComponent("VBtn");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
         vue.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: ""
         }, {
@@ -27784,7 +27778,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(elementData.items, (item, index2) => {
                   return vue.openBlock(), vue.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),
@@ -27793,7 +27787,7 @@ const _sfc_main = /* @__PURE__ */ vue.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
@@ -27801,37 +27795,49 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        !elementData.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$2), {
+        !elementData.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 0,
           icon: vue.unref(src_default).ui.icon,
           "is-disabled": _ctx.isDisabled,
           "is-focused": _ctx.isFocused,
           name: `${vue.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"])) : vue.createCommentVNode("", true),
-        !_ctx.isDisabled ? (vue.openBlock(), vue.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"])) : vue.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__ */ vue.defineComponent({
+  __name: "TopToolbar",
+  setup(__props) {
+    const elementBus = vue.inject("$elementBus");
+    return (_ctx, _cache) => {
+      const _component_VBtn = vue.resolveComponent("VBtn");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_VBtn, {
           color: "primary-darken-4",
           "prepend-icon": "mdi-plus",
           variant: "text",
-          onClick: add2
+          onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(elementBus).emit("add"))
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(" Add accordion item ")
           ]),
           _: 1
-        })) : vue.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
 };
 exports.Edit = Edit;
+exports.TopToolbar = _sfc_main;
 exports.default = manifest;