@tailor-cms/ce-accordion-edit 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +37 -43
- package/dist/index.js +37 -43
- package/dist/style.css +116 -122
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -2554,7 +2554,7 @@ var DiscussionEvents = /* @__PURE__ */ ((DiscussionEvents2) => {
|
|
|
2554
2554
|
return DiscussionEvents2;
|
|
2555
2555
|
})(DiscussionEvents || {});
|
|
2556
2556
|
var discussion_default = DiscussionEvents;
|
|
2557
|
-
const
|
|
2557
|
+
const UserAvatar_vue_vue_type_style_index_0_scoped_79158e3e_lang = "";
|
|
2558
2558
|
function Cache(maxSize) {
|
|
2559
2559
|
this._maxSize = maxSize;
|
|
2560
2560
|
this.clear();
|
|
@@ -3904,10 +3904,10 @@ function baseSlice$1(array2, start, end) {
|
|
|
3904
3904
|
return result;
|
|
3905
3905
|
}
|
|
3906
3906
|
var _baseSlice = baseSlice$1;
|
|
3907
|
-
const
|
|
3908
|
-
const
|
|
3909
|
-
const
|
|
3910
|
-
const
|
|
3907
|
+
const CommentHeader_vue_vue_type_style_index_0_scoped_a427532b_lang = "";
|
|
3908
|
+
const CommentPreview_vue_vue_type_style_index_0_scoped_8e7f19b8_lang = "";
|
|
3909
|
+
const index_vue_vue_type_style_index_0_scoped_344f08e5_lang = "";
|
|
3910
|
+
const ThreadList_vue_vue_type_style_index_0_scoped_1f95bfdb_lang = "";
|
|
3911
3911
|
function commonjsRequire(path) {
|
|
3912
3912
|
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.');
|
|
3913
3913
|
}
|
|
@@ -4261,18 +4261,18 @@ var pluralize = { exports: {} };
|
|
|
4261
4261
|
return pluralize2;
|
|
4262
4262
|
});
|
|
4263
4263
|
})(pluralize);
|
|
4264
|
-
const
|
|
4265
|
-
const
|
|
4264
|
+
const UnseenDivider_vue_vue_type_style_index_0_scoped_81b56d7c_lang = "";
|
|
4265
|
+
const index_vue_vue_type_style_index_0_scoped_b23d06d6_lang = "";
|
|
4266
4266
|
const useConfirmationDialog = () => {
|
|
4267
4267
|
const eventBus = vue.inject("$eventBus");
|
|
4268
4268
|
return (opts) => {
|
|
4269
4269
|
eventBus.channel("app").emit("showConfirmationModal", opts);
|
|
4270
4270
|
};
|
|
4271
4271
|
};
|
|
4272
|
-
const
|
|
4273
|
-
const
|
|
4274
|
-
const
|
|
4275
|
-
const
|
|
4272
|
+
const index_vue_vue_type_style_index_0_scoped_bdbd0b31_lang = "";
|
|
4273
|
+
const ElementDiscussion_vue_vue_type_style_index_0_scoped_fb32ecf9_lang = "";
|
|
4274
|
+
const ContentElement_vue_vue_type_style_index_0_scoped_f2b91b16_lang = "";
|
|
4275
|
+
const ContainedContent_vue_vue_type_style_index_0_scoped_caf26e8d_lang = "";
|
|
4276
4276
|
/**!
|
|
4277
4277
|
* Sortable 1.14.0
|
|
4278
4278
|
* @author RubaXa <trash@rubaxa.org>
|
|
@@ -7147,9 +7147,9 @@ var pick = flatRest$1(function(object2, paths) {
|
|
|
7147
7147
|
});
|
|
7148
7148
|
var pick_1 = pick;
|
|
7149
7149
|
const pick$1 = /* @__PURE__ */ getDefaultExportFromCjs(pick_1);
|
|
7150
|
-
const
|
|
7151
|
-
const
|
|
7152
|
-
const
|
|
7150
|
+
const AddNewElement_vue_vue_type_style_index_0_scoped_2cf7249c_lang = "";
|
|
7151
|
+
const ContentElement_vue_vue_type_style_index_0_scoped_788ca810_lang = "";
|
|
7152
|
+
const SelectActivity_vue_vue_type_style_index_0_scoped_69a3da5b_lang = "";
|
|
7153
7153
|
var yoctodelay = (d) => new Promise((r) => setTimeout(r, d));
|
|
7154
7154
|
const delay = /* @__PURE__ */ getDefaultExportFromCjs(yoctodelay);
|
|
7155
7155
|
async function pMinDelay(promise, minimumDelay, { delayRejection = true } = {}) {
|
|
@@ -7169,9 +7169,9 @@ const useLoader = () => {
|
|
|
7169
7169
|
};
|
|
7170
7170
|
return { loader, loading };
|
|
7171
7171
|
};
|
|
7172
|
-
const
|
|
7173
|
-
const
|
|
7174
|
-
const
|
|
7172
|
+
const TailorDialog_vue_vue_type_style_index_0_scoped_b27f4c9a_lang = "";
|
|
7173
|
+
const ElementList_vue_vue_type_style_index_0_scoped_75eb7284_lang = "";
|
|
7174
|
+
const InlineActivator_vue_vue_type_style_index_0_scoped_61d96366_lang = "";
|
|
7175
7175
|
function noop$1() {
|
|
7176
7176
|
}
|
|
7177
7177
|
var noop_1 = noop$1;
|
|
@@ -7243,8 +7243,8 @@ flatRest(function(object2, paths) {
|
|
|
7243
7243
|
}
|
|
7244
7244
|
return result;
|
|
7245
7245
|
});
|
|
7246
|
-
const
|
|
7247
|
-
const
|
|
7246
|
+
const ListItem_vue_vue_type_style_index_0_scoped_10fef400_lang = "";
|
|
7247
|
+
const ItemGroup_vue_vue_type_style_index_0_scoped_905defd8_lang = "";
|
|
7248
7248
|
const download = (url, fileName) => {
|
|
7249
7249
|
const anchor = document.createElement("a");
|
|
7250
7250
|
Object.assign(anchor, { href: url, download: fileName, target: "_blank" });
|
|
@@ -7284,7 +7284,7 @@ const useUpload = (emit2) => {
|
|
|
7284
7284
|
error
|
|
7285
7285
|
};
|
|
7286
7286
|
};
|
|
7287
|
-
const
|
|
7287
|
+
const FileInput_vue_vue_type_style_index_0_scoped_7e5f9e00_lang = "";
|
|
7288
7288
|
function OrderedMap(content) {
|
|
7289
7289
|
this.content = content;
|
|
7290
7290
|
}
|
|
@@ -19591,8 +19591,8 @@ Mark2.create({
|
|
|
19591
19591
|
};
|
|
19592
19592
|
}
|
|
19593
19593
|
});
|
|
19594
|
-
const
|
|
19595
|
-
const
|
|
19594
|
+
const EditorToolbar_vue_vue_type_style_index_0_scoped_a00f26d5_lang = "";
|
|
19595
|
+
const index_vue_vue_type_style_index_0_scoped_4dc69d89_lang = "";
|
|
19596
19596
|
var toString = toString_1;
|
|
19597
19597
|
var idCounter = 0;
|
|
19598
19598
|
function uniqueId(prefix) {
|
|
@@ -27502,25 +27502,22 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27502
27502
|
__name: "AccordionItem",
|
|
27503
27503
|
props: {
|
|
27504
27504
|
item: {},
|
|
27505
|
-
|
|
27505
|
+
allowedEmbedTypes: {},
|
|
27506
27506
|
embeds: { default: () => {
|
|
27507
27507
|
} },
|
|
27508
27508
|
isFocused: { type: Boolean, default: false },
|
|
27509
27509
|
isDisabled: { type: Boolean, default: false },
|
|
27510
27510
|
isExpanded: { type: Boolean, default: false }
|
|
27511
27511
|
},
|
|
27512
|
-
emits: ["save", "
|
|
27512
|
+
emits: ["save", "delete"],
|
|
27513
27513
|
setup(__props, { emit: emit2 }) {
|
|
27514
27514
|
const props2 = __props;
|
|
27515
27515
|
const eventBus = vue.inject("$eventBus");
|
|
27516
27516
|
const isEditing = vue.ref(!props2.item.title);
|
|
27517
27517
|
const form = vue.ref();
|
|
27518
27518
|
const title = vue.ref(props2.item.title);
|
|
27519
|
-
const isNew = vue.computed(() => !props2.item.title);
|
|
27520
27519
|
const hasElements = vue.computed(() => !isEmpty$1(props2.embeds));
|
|
27521
27520
|
const cancel = () => {
|
|
27522
|
-
if (isNew.value)
|
|
27523
|
-
return emit2("delete");
|
|
27524
27521
|
title.value = props2.item.title;
|
|
27525
27522
|
isEditing.value = false;
|
|
27526
27523
|
};
|
|
@@ -27532,8 +27529,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27532
27529
|
isEditing.value = false;
|
|
27533
27530
|
const item = { ...props2.item, title: title.value };
|
|
27534
27531
|
emit2("save", { item, embeds: props2.embeds });
|
|
27535
|
-
if (isNew.value)
|
|
27536
|
-
emit2("expand");
|
|
27537
27532
|
};
|
|
27538
27533
|
const saveEmbed = (embeds) => {
|
|
27539
27534
|
const item = cloneDeep$1(props2.item);
|
|
@@ -27569,8 +27564,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27569
27564
|
const _component_VExpansionPanel = vue.resolveComponent("VExpansionPanel");
|
|
27570
27565
|
const _directive_tooltip = vue.resolveDirective("tooltip");
|
|
27571
27566
|
return vue.openBlock(), vue.createBlock(_component_VExpansionPanel, {
|
|
27572
|
-
"hide-actions": isNew.value,
|
|
27573
|
-
readonly: isNew.value,
|
|
27574
27567
|
value: _ctx.item.id
|
|
27575
27568
|
}, {
|
|
27576
27569
|
default: vue.withCtx(() => [
|
|
@@ -27579,7 +27572,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27579
27572
|
vue.createVNode(_component_VExpansionPanelTitle, vue.mergeProps(hoverProps, {
|
|
27580
27573
|
class: "pa-2 pr-4",
|
|
27581
27574
|
color: "primary-lighten-5",
|
|
27582
|
-
"min-height": "
|
|
27575
|
+
"min-height": "64"
|
|
27583
27576
|
}), {
|
|
27584
27577
|
default: vue.withCtx(() => [
|
|
27585
27578
|
vue.createVNode(_component_VForm, {
|
|
@@ -27690,7 +27683,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27690
27683
|
vue.createVNode(_component_TailorEmbeddedContainer, {
|
|
27691
27684
|
container: { embeds: _ctx.embeds },
|
|
27692
27685
|
"is-disabled": _ctx.isDisabled,
|
|
27693
|
-
types: _ctx.
|
|
27686
|
+
types: _ctx.allowedEmbedTypes,
|
|
27694
27687
|
onDelete: deleteEmbed,
|
|
27695
27688
|
onSave: _cache[6] || (_cache[6] = ($event) => saveEmbed($event.embeds))
|
|
27696
27689
|
}, null, 8, ["container", "is-disabled", "types"])
|
|
@@ -27699,18 +27692,18 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
27699
27692
|
})
|
|
27700
27693
|
]),
|
|
27701
27694
|
_: 1
|
|
27702
|
-
}, 8, ["
|
|
27695
|
+
}, 8, ["value"]);
|
|
27703
27696
|
};
|
|
27704
27697
|
}
|
|
27705
27698
|
});
|
|
27706
|
-
const
|
|
27707
|
-
const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
27699
|
+
const AccordionItem_vue_vue_type_style_index_0_scoped_2e9fbd32_lang = "";
|
|
27700
|
+
const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2e9fbd32"]]);
|
|
27708
27701
|
const _hoisted_1 = { class: "tce-accordion d-flex flex-column align-center text-center" };
|
|
27709
27702
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
27710
27703
|
__name: "Edit",
|
|
27711
27704
|
props: {
|
|
27712
27705
|
element: {},
|
|
27713
|
-
|
|
27706
|
+
allowedEmbedTypes: {},
|
|
27714
27707
|
isFocused: { type: Boolean },
|
|
27715
27708
|
isDisabled: { type: Boolean }
|
|
27716
27709
|
},
|
|
@@ -27729,7 +27722,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
27729
27722
|
);
|
|
27730
27723
|
const add2 = () => {
|
|
27731
27724
|
const id = createId_1();
|
|
27732
|
-
elementData.items.push({ id, elementIds: [] });
|
|
27725
|
+
elementData.items.push({ id, title: "Title", elementIds: [] });
|
|
27726
|
+
expanded.value.push(id);
|
|
27727
|
+
emit2("save", elementData);
|
|
27733
27728
|
};
|
|
27734
27729
|
const saveItem = ({ item, embeds = {} }, index2) => {
|
|
27735
27730
|
elementData.items[index2] = item;
|
|
@@ -27771,7 +27766,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
27771
27766
|
ref: panels,
|
|
27772
27767
|
modelValue: expanded.value,
|
|
27773
27768
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
|
|
27774
|
-
elevation: "0",
|
|
27775
27769
|
rounded: "lg",
|
|
27776
27770
|
multiple: ""
|
|
27777
27771
|
}, {
|
|
@@ -27784,7 +27778,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
27784
27778
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(elementData.items, (item, index2) => {
|
|
27785
27779
|
return vue.openBlock(), vue.createBlock(AccordionItem, {
|
|
27786
27780
|
key: item.id,
|
|
27787
|
-
"embed-types": _ctx.
|
|
27781
|
+
"allowed-embed-types": _ctx.allowedEmbedTypes,
|
|
27788
27782
|
embeds: embedsByItem.value[item.id],
|
|
27789
27783
|
"is-disabled": _ctx.isDisabled,
|
|
27790
27784
|
"is-expanded": expanded.value.includes(item.id),
|
|
@@ -27793,7 +27787,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
27793
27787
|
onDelete: ($event) => deleteItem(item.id, index2),
|
|
27794
27788
|
onExpand: ($event) => expanded.value.push(item.id),
|
|
27795
27789
|
onSave: ($event) => saveItem($event, index2)
|
|
27796
|
-
}, null, 8, ["embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
|
|
27790
|
+
}, null, 8, ["allowed-embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
|
|
27797
27791
|
}), 128))
|
|
27798
27792
|
]),
|
|
27799
27793
|
_: 1
|
|
@@ -27827,8 +27821,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
27827
27821
|
};
|
|
27828
27822
|
}
|
|
27829
27823
|
});
|
|
27830
|
-
const
|
|
27831
|
-
const Edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
27824
|
+
const Edit_vue_vue_type_style_index_0_scoped_b6deefb4_lang = "";
|
|
27825
|
+
const Edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6deefb4"]]);
|
|
27832
27826
|
const manifest = {
|
|
27833
27827
|
...src_default,
|
|
27834
27828
|
Edit
|
package/dist/index.js
CHANGED
|
@@ -2552,7 +2552,7 @@ var DiscussionEvents = /* @__PURE__ */ ((DiscussionEvents2) => {
|
|
|
2552
2552
|
return DiscussionEvents2;
|
|
2553
2553
|
})(DiscussionEvents || {});
|
|
2554
2554
|
var discussion_default = DiscussionEvents;
|
|
2555
|
-
const
|
|
2555
|
+
const UserAvatar_vue_vue_type_style_index_0_scoped_79158e3e_lang = "";
|
|
2556
2556
|
function Cache(maxSize) {
|
|
2557
2557
|
this._maxSize = maxSize;
|
|
2558
2558
|
this.clear();
|
|
@@ -3902,10 +3902,10 @@ function baseSlice$1(array2, start, end) {
|
|
|
3902
3902
|
return result;
|
|
3903
3903
|
}
|
|
3904
3904
|
var _baseSlice = baseSlice$1;
|
|
3905
|
-
const
|
|
3906
|
-
const
|
|
3907
|
-
const
|
|
3908
|
-
const
|
|
3905
|
+
const CommentHeader_vue_vue_type_style_index_0_scoped_a427532b_lang = "";
|
|
3906
|
+
const CommentPreview_vue_vue_type_style_index_0_scoped_8e7f19b8_lang = "";
|
|
3907
|
+
const index_vue_vue_type_style_index_0_scoped_344f08e5_lang = "";
|
|
3908
|
+
const ThreadList_vue_vue_type_style_index_0_scoped_1f95bfdb_lang = "";
|
|
3909
3909
|
function commonjsRequire(path) {
|
|
3910
3910
|
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.');
|
|
3911
3911
|
}
|
|
@@ -4259,18 +4259,18 @@ var pluralize = { exports: {} };
|
|
|
4259
4259
|
return pluralize2;
|
|
4260
4260
|
});
|
|
4261
4261
|
})(pluralize);
|
|
4262
|
-
const
|
|
4263
|
-
const
|
|
4262
|
+
const UnseenDivider_vue_vue_type_style_index_0_scoped_81b56d7c_lang = "";
|
|
4263
|
+
const index_vue_vue_type_style_index_0_scoped_b23d06d6_lang = "";
|
|
4264
4264
|
const useConfirmationDialog = () => {
|
|
4265
4265
|
const eventBus = inject("$eventBus");
|
|
4266
4266
|
return (opts) => {
|
|
4267
4267
|
eventBus.channel("app").emit("showConfirmationModal", opts);
|
|
4268
4268
|
};
|
|
4269
4269
|
};
|
|
4270
|
-
const
|
|
4271
|
-
const
|
|
4272
|
-
const
|
|
4273
|
-
const
|
|
4270
|
+
const index_vue_vue_type_style_index_0_scoped_bdbd0b31_lang = "";
|
|
4271
|
+
const ElementDiscussion_vue_vue_type_style_index_0_scoped_fb32ecf9_lang = "";
|
|
4272
|
+
const ContentElement_vue_vue_type_style_index_0_scoped_f2b91b16_lang = "";
|
|
4273
|
+
const ContainedContent_vue_vue_type_style_index_0_scoped_caf26e8d_lang = "";
|
|
4274
4274
|
/**!
|
|
4275
4275
|
* Sortable 1.14.0
|
|
4276
4276
|
* @author RubaXa <trash@rubaxa.org>
|
|
@@ -7145,9 +7145,9 @@ var pick = flatRest$1(function(object2, paths) {
|
|
|
7145
7145
|
});
|
|
7146
7146
|
var pick_1 = pick;
|
|
7147
7147
|
const pick$1 = /* @__PURE__ */ getDefaultExportFromCjs(pick_1);
|
|
7148
|
-
const
|
|
7149
|
-
const
|
|
7150
|
-
const
|
|
7148
|
+
const AddNewElement_vue_vue_type_style_index_0_scoped_2cf7249c_lang = "";
|
|
7149
|
+
const ContentElement_vue_vue_type_style_index_0_scoped_788ca810_lang = "";
|
|
7150
|
+
const SelectActivity_vue_vue_type_style_index_0_scoped_69a3da5b_lang = "";
|
|
7151
7151
|
var yoctodelay = (d) => new Promise((r) => setTimeout(r, d));
|
|
7152
7152
|
const delay = /* @__PURE__ */ getDefaultExportFromCjs(yoctodelay);
|
|
7153
7153
|
async function pMinDelay(promise, minimumDelay, { delayRejection = true } = {}) {
|
|
@@ -7167,9 +7167,9 @@ const useLoader = () => {
|
|
|
7167
7167
|
};
|
|
7168
7168
|
return { loader, loading };
|
|
7169
7169
|
};
|
|
7170
|
-
const
|
|
7171
|
-
const
|
|
7172
|
-
const
|
|
7170
|
+
const TailorDialog_vue_vue_type_style_index_0_scoped_b27f4c9a_lang = "";
|
|
7171
|
+
const ElementList_vue_vue_type_style_index_0_scoped_75eb7284_lang = "";
|
|
7172
|
+
const InlineActivator_vue_vue_type_style_index_0_scoped_61d96366_lang = "";
|
|
7173
7173
|
function noop$1() {
|
|
7174
7174
|
}
|
|
7175
7175
|
var noop_1 = noop$1;
|
|
@@ -7241,8 +7241,8 @@ flatRest(function(object2, paths) {
|
|
|
7241
7241
|
}
|
|
7242
7242
|
return result;
|
|
7243
7243
|
});
|
|
7244
|
-
const
|
|
7245
|
-
const
|
|
7244
|
+
const ListItem_vue_vue_type_style_index_0_scoped_10fef400_lang = "";
|
|
7245
|
+
const ItemGroup_vue_vue_type_style_index_0_scoped_905defd8_lang = "";
|
|
7246
7246
|
const download = (url, fileName) => {
|
|
7247
7247
|
const anchor = document.createElement("a");
|
|
7248
7248
|
Object.assign(anchor, { href: url, download: fileName, target: "_blank" });
|
|
@@ -7282,7 +7282,7 @@ const useUpload = (emit2) => {
|
|
|
7282
7282
|
error
|
|
7283
7283
|
};
|
|
7284
7284
|
};
|
|
7285
|
-
const
|
|
7285
|
+
const FileInput_vue_vue_type_style_index_0_scoped_7e5f9e00_lang = "";
|
|
7286
7286
|
function OrderedMap(content) {
|
|
7287
7287
|
this.content = content;
|
|
7288
7288
|
}
|
|
@@ -19589,8 +19589,8 @@ Mark2.create({
|
|
|
19589
19589
|
};
|
|
19590
19590
|
}
|
|
19591
19591
|
});
|
|
19592
|
-
const
|
|
19593
|
-
const
|
|
19592
|
+
const EditorToolbar_vue_vue_type_style_index_0_scoped_a00f26d5_lang = "";
|
|
19593
|
+
const index_vue_vue_type_style_index_0_scoped_4dc69d89_lang = "";
|
|
19594
19594
|
var toString = toString_1;
|
|
19595
19595
|
var idCounter = 0;
|
|
19596
19596
|
function uniqueId(prefix) {
|
|
@@ -27500,25 +27500,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27500
27500
|
__name: "AccordionItem",
|
|
27501
27501
|
props: {
|
|
27502
27502
|
item: {},
|
|
27503
|
-
|
|
27503
|
+
allowedEmbedTypes: {},
|
|
27504
27504
|
embeds: { default: () => {
|
|
27505
27505
|
} },
|
|
27506
27506
|
isFocused: { type: Boolean, default: false },
|
|
27507
27507
|
isDisabled: { type: Boolean, default: false },
|
|
27508
27508
|
isExpanded: { type: Boolean, default: false }
|
|
27509
27509
|
},
|
|
27510
|
-
emits: ["save", "
|
|
27510
|
+
emits: ["save", "delete"],
|
|
27511
27511
|
setup(__props, { emit: emit2 }) {
|
|
27512
27512
|
const props2 = __props;
|
|
27513
27513
|
const eventBus = inject("$eventBus");
|
|
27514
27514
|
const isEditing = ref(!props2.item.title);
|
|
27515
27515
|
const form = ref();
|
|
27516
27516
|
const title = ref(props2.item.title);
|
|
27517
|
-
const isNew = computed(() => !props2.item.title);
|
|
27518
27517
|
const hasElements = computed(() => !isEmpty$1(props2.embeds));
|
|
27519
27518
|
const cancel = () => {
|
|
27520
|
-
if (isNew.value)
|
|
27521
|
-
return emit2("delete");
|
|
27522
27519
|
title.value = props2.item.title;
|
|
27523
27520
|
isEditing.value = false;
|
|
27524
27521
|
};
|
|
@@ -27530,8 +27527,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27530
27527
|
isEditing.value = false;
|
|
27531
27528
|
const item = { ...props2.item, title: title.value };
|
|
27532
27529
|
emit2("save", { item, embeds: props2.embeds });
|
|
27533
|
-
if (isNew.value)
|
|
27534
|
-
emit2("expand");
|
|
27535
27530
|
};
|
|
27536
27531
|
const saveEmbed = (embeds) => {
|
|
27537
27532
|
const item = cloneDeep$1(props2.item);
|
|
@@ -27567,8 +27562,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27567
27562
|
const _component_VExpansionPanel = resolveComponent("VExpansionPanel");
|
|
27568
27563
|
const _directive_tooltip = resolveDirective("tooltip");
|
|
27569
27564
|
return openBlock(), createBlock(_component_VExpansionPanel, {
|
|
27570
|
-
"hide-actions": isNew.value,
|
|
27571
|
-
readonly: isNew.value,
|
|
27572
27565
|
value: _ctx.item.id
|
|
27573
27566
|
}, {
|
|
27574
27567
|
default: withCtx(() => [
|
|
@@ -27577,7 +27570,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27577
27570
|
createVNode(_component_VExpansionPanelTitle, mergeProps(hoverProps, {
|
|
27578
27571
|
class: "pa-2 pr-4",
|
|
27579
27572
|
color: "primary-lighten-5",
|
|
27580
|
-
"min-height": "
|
|
27573
|
+
"min-height": "64"
|
|
27581
27574
|
}), {
|
|
27582
27575
|
default: withCtx(() => [
|
|
27583
27576
|
createVNode(_component_VForm, {
|
|
@@ -27688,7 +27681,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27688
27681
|
createVNode(_component_TailorEmbeddedContainer, {
|
|
27689
27682
|
container: { embeds: _ctx.embeds },
|
|
27690
27683
|
"is-disabled": _ctx.isDisabled,
|
|
27691
|
-
types: _ctx.
|
|
27684
|
+
types: _ctx.allowedEmbedTypes,
|
|
27692
27685
|
onDelete: deleteEmbed,
|
|
27693
27686
|
onSave: _cache[6] || (_cache[6] = ($event) => saveEmbed($event.embeds))
|
|
27694
27687
|
}, null, 8, ["container", "is-disabled", "types"])
|
|
@@ -27697,18 +27690,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
27697
27690
|
})
|
|
27698
27691
|
]),
|
|
27699
27692
|
_: 1
|
|
27700
|
-
}, 8, ["
|
|
27693
|
+
}, 8, ["value"]);
|
|
27701
27694
|
};
|
|
27702
27695
|
}
|
|
27703
27696
|
});
|
|
27704
|
-
const
|
|
27705
|
-
const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
27697
|
+
const AccordionItem_vue_vue_type_style_index_0_scoped_2e9fbd32_lang = "";
|
|
27698
|
+
const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2e9fbd32"]]);
|
|
27706
27699
|
const _hoisted_1 = { class: "tce-accordion d-flex flex-column align-center text-center" };
|
|
27707
27700
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
27708
27701
|
__name: "Edit",
|
|
27709
27702
|
props: {
|
|
27710
27703
|
element: {},
|
|
27711
|
-
|
|
27704
|
+
allowedEmbedTypes: {},
|
|
27712
27705
|
isFocused: { type: Boolean },
|
|
27713
27706
|
isDisabled: { type: Boolean }
|
|
27714
27707
|
},
|
|
@@ -27727,7 +27720,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27727
27720
|
);
|
|
27728
27721
|
const add2 = () => {
|
|
27729
27722
|
const id = createId_1();
|
|
27730
|
-
elementData.items.push({ id, elementIds: [] });
|
|
27723
|
+
elementData.items.push({ id, title: "Title", elementIds: [] });
|
|
27724
|
+
expanded.value.push(id);
|
|
27725
|
+
emit2("save", elementData);
|
|
27731
27726
|
};
|
|
27732
27727
|
const saveItem = ({ item, embeds = {} }, index2) => {
|
|
27733
27728
|
elementData.items[index2] = item;
|
|
@@ -27769,7 +27764,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27769
27764
|
ref: panels,
|
|
27770
27765
|
modelValue: expanded.value,
|
|
27771
27766
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expanded.value = $event),
|
|
27772
|
-
elevation: "0",
|
|
27773
27767
|
rounded: "lg",
|
|
27774
27768
|
multiple: ""
|
|
27775
27769
|
}, {
|
|
@@ -27782,7 +27776,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27782
27776
|
(openBlock(true), createElementBlock(Fragment$1, null, renderList(elementData.items, (item, index2) => {
|
|
27783
27777
|
return openBlock(), createBlock(AccordionItem, {
|
|
27784
27778
|
key: item.id,
|
|
27785
|
-
"embed-types": _ctx.
|
|
27779
|
+
"allowed-embed-types": _ctx.allowedEmbedTypes,
|
|
27786
27780
|
embeds: embedsByItem.value[item.id],
|
|
27787
27781
|
"is-disabled": _ctx.isDisabled,
|
|
27788
27782
|
"is-expanded": expanded.value.includes(item.id),
|
|
@@ -27791,7 +27785,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27791
27785
|
onDelete: ($event) => deleteItem(item.id, index2),
|
|
27792
27786
|
onExpand: ($event) => expanded.value.push(item.id),
|
|
27793
27787
|
onSave: ($event) => saveItem($event, index2)
|
|
27794
|
-
}, null, 8, ["embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
|
|
27788
|
+
}, null, 8, ["allowed-embed-types", "embeds", "is-disabled", "is-expanded", "is-focused", "item", "onDelete", "onExpand", "onSave"]);
|
|
27795
27789
|
}), 128))
|
|
27796
27790
|
]),
|
|
27797
27791
|
_: 1
|
|
@@ -27825,8 +27819,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27825
27819
|
};
|
|
27826
27820
|
}
|
|
27827
27821
|
});
|
|
27828
|
-
const
|
|
27829
|
-
const Edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
27822
|
+
const Edit_vue_vue_type_style_index_0_scoped_b6deefb4_lang = "";
|
|
27823
|
+
const Edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6deefb4"]]);
|
|
27830
27824
|
const manifest = {
|
|
27831
27825
|
...src_default,
|
|
27832
27826
|
Edit
|
package/dist/style.css
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
.user-avatar-container[data-v-
|
|
1
|
+
.user-avatar-container[data-v-79158e3e] {
|
|
2
2
|
padding: 0.125rem;
|
|
3
3
|
overflow: hidden !important;
|
|
4
4
|
}
|
|
5
|
-
.user-avatar-container .user-avatar[data-v-
|
|
5
|
+
.user-avatar-container .user-avatar[data-v-79158e3e] {
|
|
6
6
|
background-position: center;
|
|
7
7
|
background-repeat: no-repeat;
|
|
8
8
|
background-size: cover;
|
|
9
9
|
border-radius: 50%;
|
|
10
|
-
}.header[data-v-
|
|
10
|
+
}.header[data-v-a427532b] {
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: flex-start;
|
|
13
13
|
}
|
|
14
|
-
.header .info-container[data-v-
|
|
14
|
+
.header .info-container[data-v-a427532b] {
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
flex: 0 100%;
|
|
18
18
|
max-width: calc(100% - 12rem);
|
|
19
19
|
margin-left: 0.75rem;
|
|
20
20
|
}
|
|
21
|
-
.header .info-container .author[data-v-
|
|
21
|
+
.header .info-container .author[data-v-a427532b] {
|
|
22
22
|
display: inline-block;
|
|
23
23
|
max-width: 75%;
|
|
24
24
|
font-size: 1rem;
|
|
25
25
|
}
|
|
26
|
-
.header .info-container .edited[data-v-
|
|
27
|
-
.header .info-container .time[data-v-
|
|
26
|
+
.header .info-container .edited[data-v-a427532b],
|
|
27
|
+
.header .info-container .time[data-v-a427532b] {
|
|
28
28
|
font-size: 0.75rem;
|
|
29
29
|
}
|
|
30
|
-
.header .info-container hr.v-divider--vertical[data-v-
|
|
30
|
+
.header .info-container hr.v-divider--vertical[data-v-a427532b] {
|
|
31
31
|
margin: 0.25rem 0.125rem 0.125rem 0.625rem;
|
|
32
32
|
}
|
|
33
|
-
.header .info-container[data-v-
|
|
33
|
+
.header .info-container[data-v-a427532b] .editor-link {
|
|
34
34
|
display: inline-flex;
|
|
35
35
|
align-self: flex-end;
|
|
36
36
|
}
|
|
37
|
-
.header .actions[data-v-
|
|
37
|
+
.header .actions[data-v-a427532b] {
|
|
38
38
|
margin-left: auto;
|
|
39
|
-
}.content[data-v-
|
|
39
|
+
}.content[data-v-8e7f19b8] {
|
|
40
40
|
margin-top: 0.375rem;
|
|
41
41
|
}
|
|
42
|
-
.content pre[data-v-
|
|
42
|
+
.content pre[data-v-8e7f19b8] {
|
|
43
43
|
height: 100%;
|
|
44
44
|
margin: 0;
|
|
45
45
|
padding: 0 0.25rem 0.5rem 0;
|
|
@@ -52,58 +52,58 @@
|
|
|
52
52
|
border: none;
|
|
53
53
|
overflow: hidden;
|
|
54
54
|
}
|
|
55
|
-
.content.resolved[data-v-
|
|
55
|
+
.content.resolved[data-v-8e7f19b8] {
|
|
56
56
|
opacity: 0.7;
|
|
57
57
|
}
|
|
58
|
-
.content.resolved .resolvement-options[data-v-
|
|
58
|
+
.content.resolved .resolvement-options[data-v-8e7f19b8] {
|
|
59
59
|
display: flex;
|
|
60
60
|
align-items: center;
|
|
61
61
|
margin-bottom: 0.25rem;
|
|
62
62
|
font-size: 0.75rem;
|
|
63
|
-
}.comment[data-v-
|
|
63
|
+
}.comment[data-v-344f08e5] {
|
|
64
64
|
display: flex;
|
|
65
65
|
flex-direction: column;
|
|
66
66
|
font-family: Roboto, Arial, sans-serif;
|
|
67
67
|
}
|
|
68
|
-
.comment-body[data-v-
|
|
68
|
+
.comment-body[data-v-344f08e5] {
|
|
69
69
|
flex: 1;
|
|
70
70
|
padding: 0 0.25rem 0 3.25rem;
|
|
71
71
|
}
|
|
72
|
-
.comment-editor.v-textarea[data-v-
|
|
72
|
+
.comment-editor.v-textarea[data-v-344f08e5] {
|
|
73
73
|
margin: 0.75rem 0 0 0;
|
|
74
74
|
}
|
|
75
|
-
.comment-editor.v-textarea[data-v-
|
|
75
|
+
.comment-editor.v-textarea[data-v-344f08e5] .v-input__slot {
|
|
76
76
|
width: auto;
|
|
77
|
-
}.thread-list[data-v-
|
|
77
|
+
}.thread-list[data-v-1f95bfdb] {
|
|
78
78
|
margin: 0;
|
|
79
79
|
padding: 0;
|
|
80
80
|
list-style: none;
|
|
81
81
|
}
|
|
82
|
-
.thread-list .thread-list-item .v-divider[data-v-
|
|
82
|
+
.thread-list .thread-list-item .v-divider[data-v-1f95bfdb] {
|
|
83
83
|
margin: 0 0.25rem 1rem 0.25rem;
|
|
84
84
|
color: #fafafa;
|
|
85
85
|
opacity: 0.3;
|
|
86
86
|
}
|
|
87
|
-
.thread-list .thread-list-item:first-child .v-divider[data-v-
|
|
87
|
+
.thread-list .thread-list-item:first-child .v-divider[data-v-1f95bfdb] {
|
|
88
88
|
display: none;
|
|
89
|
-
}.unseen-divider[data-v-
|
|
89
|
+
}.unseen-divider[data-v-81b56d7c] {
|
|
90
90
|
text-align: center;
|
|
91
91
|
}
|
|
92
|
-
.unseen-divider .v-divider[data-v-
|
|
92
|
+
.unseen-divider .v-divider[data-v-81b56d7c] {
|
|
93
93
|
margin: 1rem 0 0.25rem;
|
|
94
94
|
}
|
|
95
|
-
.unseen-divider[data-v-
|
|
95
|
+
.unseen-divider[data-v-81b56d7c] .v-chip.v-chip--outlined.v-chip {
|
|
96
96
|
margin: -1.5rem 0 0.5rem 0;
|
|
97
97
|
border-radius: 1rem !important;
|
|
98
98
|
background-color: #fafafa !important;
|
|
99
99
|
}
|
|
100
|
-
.unseen-divider[data-v-
|
|
100
|
+
.unseen-divider[data-v-81b56d7c] .v-chip.v-chip--outlined.v-chip .v-chip__content .v-chip__close {
|
|
101
101
|
margin-top: 0.125rem;
|
|
102
102
|
font-size: 0.75rem !important;
|
|
103
|
-
}.discussion-thread[data-v-
|
|
103
|
+
}.discussion-thread[data-v-b23d06d6] {
|
|
104
104
|
width: 100%;
|
|
105
105
|
}
|
|
106
|
-
.discussion-thread.scroll-container[data-v-
|
|
106
|
+
.discussion-thread.scroll-container[data-v-b23d06d6] {
|
|
107
107
|
max-height: 31.25rem;
|
|
108
108
|
box-sizing: content-box;
|
|
109
109
|
overflow-y: scroll;
|
|
@@ -111,63 +111,63 @@
|
|
|
111
111
|
-ms-overflow-style: none !important;
|
|
112
112
|
scrollbar-width: none !important;
|
|
113
113
|
}
|
|
114
|
-
.discussion-thread.scroll-container[data-v-
|
|
114
|
+
.discussion-thread.scroll-container[data-v-b23d06d6]::-webkit-scrollbar {
|
|
115
115
|
display: none !important;
|
|
116
116
|
}
|
|
117
|
-
.discussion-thread .fade-enter-active[data-v-
|
|
118
|
-
.discussion-thread .fade-leave-active[data-v-
|
|
117
|
+
.discussion-thread .fade-enter-active[data-v-b23d06d6],
|
|
118
|
+
.discussion-thread .fade-leave-active[data-v-b23d06d6] {
|
|
119
119
|
transition: opacity 0.5s;
|
|
120
120
|
}
|
|
121
|
-
.discussion-thread .fade-enter[data-v-
|
|
122
|
-
.discussion-thread .fade-leave-to[data-v-
|
|
121
|
+
.discussion-thread .fade-enter[data-v-b23d06d6],
|
|
122
|
+
.discussion-thread .fade-leave-to[data-v-b23d06d6] {
|
|
123
123
|
opacity: 0;
|
|
124
|
-
}.embedded-discussion[data-v-
|
|
124
|
+
}.embedded-discussion[data-v-bdbd0b31] {
|
|
125
125
|
font-family: Roboto, Arial, sans-serif;
|
|
126
126
|
}
|
|
127
|
-
.embedded-discussion .discussion-heading[data-v-
|
|
127
|
+
.embedded-discussion .discussion-heading[data-v-bdbd0b31] {
|
|
128
128
|
padding: 0 0 0.5rem 0;
|
|
129
129
|
font-size: 0.875rem;
|
|
130
130
|
font-weight: 700;
|
|
131
131
|
text-transform: uppercase;
|
|
132
132
|
letter-spacing: 1px;
|
|
133
133
|
}
|
|
134
|
-
.embedded-discussion .resolve-btn-container[data-v-
|
|
134
|
+
.embedded-discussion .resolve-btn-container[data-v-bdbd0b31] {
|
|
135
135
|
display: flex;
|
|
136
136
|
justify-content: flex-end;
|
|
137
137
|
margin: 0.5rem 0 0 0;
|
|
138
138
|
}
|
|
139
|
-
.embedded-discussion .header[data-v-
|
|
139
|
+
.embedded-discussion .header[data-v-bdbd0b31] {
|
|
140
140
|
margin: 0.75rem 0 1.25rem 0;
|
|
141
141
|
font-size: 1.125rem;
|
|
142
142
|
font-weight: 400;
|
|
143
143
|
}
|
|
144
|
-
.embedded-discussion .comment-input[data-v-
|
|
144
|
+
.embedded-discussion .comment-input[data-v-bdbd0b31] {
|
|
145
145
|
margin: 0 0.25rem 0 0.25rem;
|
|
146
146
|
}
|
|
147
|
-
.embedded-discussion .alert[data-v-
|
|
147
|
+
.embedded-discussion .alert[data-v-bdbd0b31] .v-icon {
|
|
148
148
|
color: var(--v-primary-darken2) !important;
|
|
149
149
|
}
|
|
150
|
-
.embedded-discussion .v-input[data-v-
|
|
150
|
+
.embedded-discussion .v-input[data-v-bdbd0b31] textarea::placeholder {
|
|
151
151
|
opacity: 0.85;
|
|
152
|
-
}[data-v-
|
|
152
|
+
}[data-v-fb32ecf9] .v-menu__content {
|
|
153
153
|
background: #fff;
|
|
154
154
|
}
|
|
155
|
-
[data-v-
|
|
155
|
+
[data-v-fb32ecf9] .v-menu__content .embedded-discussion {
|
|
156
156
|
text-align: left;
|
|
157
157
|
}
|
|
158
|
-
[data-v-
|
|
158
|
+
[data-v-fb32ecf9] .v-menu__content .comment .author {
|
|
159
159
|
font-size: 0.875rem;
|
|
160
160
|
}
|
|
161
|
-
[data-v-
|
|
161
|
+
[data-v-fb32ecf9] .comment-body {
|
|
162
162
|
padding: 0 0.25rem 0 3.9375rem;
|
|
163
163
|
}
|
|
164
|
-
.unseen[data-v-
|
|
164
|
+
.unseen[data-v-fb32ecf9] {
|
|
165
165
|
font-size: 0.75rem;
|
|
166
|
-
}.content-element[data-v-
|
|
166
|
+
}.content-element[data-v-f2b91b16] {
|
|
167
167
|
position: relative;
|
|
168
168
|
border: 1px solid transparent;
|
|
169
169
|
}
|
|
170
|
-
.content-element[data-v-
|
|
170
|
+
.content-element[data-v-f2b91b16]::after {
|
|
171
171
|
content: "";
|
|
172
172
|
display: none;
|
|
173
173
|
position: absolute;
|
|
@@ -176,25 +176,25 @@
|
|
|
176
176
|
width: 0.125rem;
|
|
177
177
|
height: 100%;
|
|
178
178
|
}
|
|
179
|
-
.content-element.focused[data-v-
|
|
179
|
+
.content-element.focused[data-v-f2b91b16] {
|
|
180
180
|
border: 1px dashed #1de9b6;
|
|
181
181
|
}
|
|
182
|
-
.content-element.focused[data-v-
|
|
182
|
+
.content-element.focused[data-v-f2b91b16]::after {
|
|
183
183
|
display: block;
|
|
184
184
|
background: #1de9b6;
|
|
185
185
|
}
|
|
186
|
-
.content-element.selected[data-v-
|
|
186
|
+
.content-element.selected[data-v-f2b91b16] {
|
|
187
187
|
border: 1px dashed #ff4081;
|
|
188
188
|
}
|
|
189
|
-
.content-element.selected[data-v-
|
|
189
|
+
.content-element.selected[data-v-f2b91b16]::after {
|
|
190
190
|
display: block;
|
|
191
191
|
background: #ff4081;
|
|
192
192
|
}
|
|
193
|
-
.frame[data-v-
|
|
193
|
+
.frame[data-v-f2b91b16] {
|
|
194
194
|
padding: 10px 20px;
|
|
195
195
|
border: 1px solid #e1e1e1;
|
|
196
196
|
}
|
|
197
|
-
.element-actions[data-v-
|
|
197
|
+
.element-actions[data-v-f2b91b16] {
|
|
198
198
|
display: flex;
|
|
199
199
|
flex-direction: column;
|
|
200
200
|
position: absolute;
|
|
@@ -204,73 +204,73 @@
|
|
|
204
204
|
height: 100%;
|
|
205
205
|
padding-left: 0.75rem;
|
|
206
206
|
}
|
|
207
|
-
.element-actions > *[data-v-
|
|
207
|
+
.element-actions > *[data-v-f2b91b16] {
|
|
208
208
|
min-height: 1.75rem;
|
|
209
209
|
opacity: 0;
|
|
210
210
|
transition: opacity 0.1s linear;
|
|
211
211
|
}
|
|
212
|
-
.element-actions > .is-visible[data-v-
|
|
212
|
+
.element-actions > .is-visible[data-v-f2b91b16] {
|
|
213
213
|
opacity: 1;
|
|
214
214
|
transition: opacity 0.5s linear;
|
|
215
215
|
}
|
|
216
|
-
.active-users[data-v-
|
|
216
|
+
.active-users[data-v-f2b91b16] {
|
|
217
217
|
position: absolute;
|
|
218
218
|
top: 0;
|
|
219
219
|
left: -1.625rem;
|
|
220
220
|
}
|
|
221
|
-
.save-indicator[data-v-
|
|
221
|
+
.save-indicator[data-v-f2b91b16] {
|
|
222
222
|
position: absolute;
|
|
223
223
|
left: 0;
|
|
224
224
|
}
|
|
225
|
-
.header[data-v-
|
|
225
|
+
.header[data-v-f2b91b16] {
|
|
226
226
|
width: 100%;
|
|
227
227
|
max-height: 0;
|
|
228
228
|
}
|
|
229
|
-
.header.visible[data-v-
|
|
229
|
+
.header.visible[data-v-f2b91b16] {
|
|
230
230
|
max-height: unset;
|
|
231
231
|
padding: 0 0 0.5rem;
|
|
232
232
|
}
|
|
233
|
-
.diff.new[data-v-
|
|
233
|
+
.diff.new[data-v-f2b91b16] {
|
|
234
234
|
border: none;
|
|
235
235
|
box-shadow: 0 0 0 2px rgb(var(--v-theme-success-lighten-4)) !important;
|
|
236
236
|
}
|
|
237
|
-
.diff.changed[data-v-
|
|
237
|
+
.diff.changed[data-v-f2b91b16], .diff.removed[data-v-f2b91b16] {
|
|
238
238
|
border: none;
|
|
239
239
|
box-shadow: 0 0 0 2px rgb(var(--v-theme-secondary-lighten-4)) !important;
|
|
240
240
|
}
|
|
241
|
-
.diff .element-actions[data-v-
|
|
241
|
+
.diff .element-actions[data-v-f2b91b16] {
|
|
242
242
|
display: none;
|
|
243
|
-
}.drag-handle[data-v-
|
|
243
|
+
}.drag-handle[data-v-caf26e8d] {
|
|
244
244
|
position: absolute;
|
|
245
245
|
left: -0.1875rem;
|
|
246
246
|
z-index: 2;
|
|
247
247
|
width: 1.625rem;
|
|
248
248
|
opacity: 0;
|
|
249
249
|
}
|
|
250
|
-
.drag-handle .mdi[data-v-
|
|
250
|
+
.drag-handle .mdi[data-v-caf26e8d] {
|
|
251
251
|
color: #888;
|
|
252
252
|
font-size: 1.75rem;
|
|
253
253
|
}
|
|
254
|
-
.hovered .drag-handle[data-v-
|
|
254
|
+
.hovered .drag-handle[data-v-caf26e8d] {
|
|
255
255
|
opacity: 1;
|
|
256
256
|
transition: opacity 0.6s ease-in-out;
|
|
257
257
|
cursor: pointer;
|
|
258
258
|
}
|
|
259
|
-
.disabled .drag-handle[data-v-
|
|
259
|
+
.disabled .drag-handle[data-v-caf26e8d] {
|
|
260
260
|
display: none;
|
|
261
261
|
}
|
|
262
|
-
.contained-content[data-v-
|
|
262
|
+
.contained-content[data-v-caf26e8d] {
|
|
263
263
|
position: relative;
|
|
264
264
|
margin: 7px 0;
|
|
265
265
|
padding: 0;
|
|
266
|
-
}.element-container[data-v-
|
|
266
|
+
}.element-container[data-v-2cf7249c] {
|
|
267
267
|
min-height: 20rem;
|
|
268
268
|
padding: 0 0 1.875rem;
|
|
269
269
|
border-top-left-radius: 0.5rem;
|
|
270
270
|
border-top-right-radius: 0.5rem;
|
|
271
271
|
overflow: hidden;
|
|
272
272
|
}
|
|
273
|
-
.group-heading[data-v-
|
|
273
|
+
.group-heading[data-v-2cf7249c] {
|
|
274
274
|
margin: 0 2.5rem 0.75rem;
|
|
275
275
|
padding-top: 0.5rem;
|
|
276
276
|
font-size: 0.875rem;
|
|
@@ -278,71 +278,71 @@
|
|
|
278
278
|
line-height: 1rem;
|
|
279
279
|
text-align: left;
|
|
280
280
|
}
|
|
281
|
-
.group-elements[data-v-
|
|
281
|
+
.group-elements[data-v-2cf7249c] {
|
|
282
282
|
display: flex;
|
|
283
283
|
flex-wrap: wrap;
|
|
284
284
|
width: 100%;
|
|
285
285
|
padding: 0 2.25rem;
|
|
286
286
|
}
|
|
287
|
-
.add-element[data-v-
|
|
287
|
+
.add-element[data-v-2cf7249c] {
|
|
288
288
|
width: 8.125rem;
|
|
289
289
|
min-width: 8.125rem;
|
|
290
290
|
height: auto !important;
|
|
291
291
|
min-height: 4.75rem;
|
|
292
292
|
padding: 0.5rem 0.375rem !important;
|
|
293
293
|
}
|
|
294
|
-
.add-element[data-v-
|
|
294
|
+
.add-element[data-v-2cf7249c] .v-btn__content {
|
|
295
295
|
text-transform: none;
|
|
296
296
|
}
|
|
297
|
-
.add-element[data-v-
|
|
297
|
+
.add-element[data-v-2cf7249c] .v-btn__prepend {
|
|
298
298
|
margin-bottom: 0.25rem;
|
|
299
|
-
}.content-element[data-v-
|
|
299
|
+
}.content-element[data-v-788ca810] {
|
|
300
300
|
border: 1px solid #e1e1e1;
|
|
301
301
|
}
|
|
302
|
-
.content-element.selected[data-v-
|
|
302
|
+
.content-element.selected[data-v-788ca810] {
|
|
303
303
|
border-style: dashed;
|
|
304
304
|
border-color: #444;
|
|
305
305
|
}
|
|
306
|
-
.content-element.selected[data-v-
|
|
306
|
+
.content-element.selected[data-v-788ca810]::after {
|
|
307
307
|
display: none;
|
|
308
308
|
}
|
|
309
|
-
.element-wrapper[data-v-
|
|
309
|
+
.element-wrapper[data-v-788ca810] {
|
|
310
310
|
position: relative;
|
|
311
311
|
}
|
|
312
|
-
.open-element-button[data-v-
|
|
312
|
+
.open-element-button[data-v-788ca810] {
|
|
313
313
|
position: absolute;
|
|
314
314
|
top: -0.75rem;
|
|
315
315
|
right: -0.75rem;
|
|
316
|
-
}.v-treeview[data-v-
|
|
316
|
+
}.v-treeview[data-v-69a3da5b] {
|
|
317
317
|
max-height: 31.25rem;
|
|
318
|
-
}.dialog-title[data-v-
|
|
318
|
+
}.dialog-title[data-v-b27f4c9a] {
|
|
319
319
|
display: flex;
|
|
320
320
|
}
|
|
321
|
-
.dialog-title .text-truncate[data-v-
|
|
321
|
+
.dialog-title .text-truncate[data-v-b27f4c9a] {
|
|
322
322
|
flex: 1;
|
|
323
323
|
text-align: left;
|
|
324
324
|
}/* Do not remove! Makes sure vuedraggable detects correct scrollable parent */
|
|
325
|
-
.list-group[data-v-
|
|
325
|
+
.list-group[data-v-75eb7284] {
|
|
326
326
|
padding: 0.625rem 1.5rem;
|
|
327
327
|
}
|
|
328
|
-
[data-v-
|
|
328
|
+
[data-v-75eb7284] .sortable-ghost .drag-handle {
|
|
329
329
|
display: none;
|
|
330
330
|
}
|
|
331
|
-
[data-v-
|
|
331
|
+
[data-v-75eb7284] .sortable-ghost .content-element {
|
|
332
332
|
max-height: 9.375rem;
|
|
333
333
|
background: #f4f5f5;
|
|
334
334
|
}
|
|
335
|
-
[data-v-
|
|
335
|
+
[data-v-75eb7284] .sortable-ghost .content-element > * {
|
|
336
336
|
visibility: hidden;
|
|
337
337
|
}
|
|
338
|
-
[data-v-
|
|
338
|
+
[data-v-75eb7284] .sortable-drag .content-element {
|
|
339
339
|
max-height: auto;
|
|
340
340
|
background: #fff;
|
|
341
|
-
}.default-activator-state[data-v-
|
|
341
|
+
}.default-activator-state[data-v-61d96366], .inline-activator.disabled[data-v-61d96366], .inline-activator.disabled[data-v-61d96366]:hover, .inline-activator[data-v-61d96366] {
|
|
342
342
|
padding: 0 3.125rem;
|
|
343
343
|
opacity: 0;
|
|
344
344
|
}
|
|
345
|
-
.inline-activator[data-v-
|
|
345
|
+
.inline-activator[data-v-61d96366] {
|
|
346
346
|
display: flex;
|
|
347
347
|
align-items: center;
|
|
348
348
|
width: 100%;
|
|
@@ -351,34 +351,34 @@
|
|
|
351
351
|
opacity: 0;
|
|
352
352
|
transition: opacity 0.3s, padding 0.3s;
|
|
353
353
|
}
|
|
354
|
-
.inline-activator hr[data-v-
|
|
354
|
+
.inline-activator hr[data-v-61d96366] {
|
|
355
355
|
flex: 1;
|
|
356
356
|
display: inline-flex;
|
|
357
357
|
margin: 0;
|
|
358
358
|
border-top: 0.0625rem solid #455a64;
|
|
359
359
|
}
|
|
360
|
-
.inline-activator[data-v-
|
|
360
|
+
.inline-activator[data-v-61d96366]:hover, .inline-activator[data-v-61d96366]:focus {
|
|
361
361
|
padding: 0 0 1.25rem 0;
|
|
362
362
|
opacity: 1;
|
|
363
363
|
outline: none;
|
|
364
364
|
transition: opacity 0.3s 0.25s, padding 0.3s 0.1s;
|
|
365
365
|
}
|
|
366
|
-
.inline-activator.disabled[data-v-
|
|
366
|
+
.inline-activator.disabled[data-v-61d96366], .inline-activator.disabled[data-v-61d96366]:hover {
|
|
367
367
|
pointer-events: none;
|
|
368
|
-
}.list-item[data-v-
|
|
368
|
+
}.list-item[data-v-10fef400] .v-list-item__append i {
|
|
369
369
|
opacity: 1 !important;
|
|
370
370
|
}
|
|
371
|
-
.list-item.readonly[data-v-
|
|
371
|
+
.list-item.readonly[data-v-10fef400] {
|
|
372
372
|
pointer-events: none;
|
|
373
373
|
}
|
|
374
|
-
.list-item.readonly .v-btn[data-v-
|
|
374
|
+
.list-item.readonly .v-btn[data-v-10fef400] {
|
|
375
375
|
pointer-events: auto;
|
|
376
376
|
}
|
|
377
|
-
.list-item-active[data-v-
|
|
377
|
+
.list-item-active[data-v-10fef400] {
|
|
378
378
|
color: #f9c2d5;
|
|
379
|
-
}.v-list-group[data-v-
|
|
379
|
+
}.v-list-group[data-v-905defd8] {
|
|
380
380
|
--list-indent-size: 0.75rem;
|
|
381
|
-
}.file-name[data-v-
|
|
381
|
+
}.file-name[data-v-7e5f9e00] {
|
|
382
382
|
font-size: 1rem;
|
|
383
383
|
display: -webkit-box;
|
|
384
384
|
-webkit-line-clamp: 2;
|
|
@@ -388,86 +388,80 @@
|
|
|
388
388
|
word-wrap: break-word;
|
|
389
389
|
word-break: break-all;
|
|
390
390
|
}
|
|
391
|
-
.v-overlay[data-v-
|
|
391
|
+
.v-overlay[data-v-7e5f9e00] {
|
|
392
392
|
transition: all 0.3s ease;
|
|
393
393
|
}
|
|
394
|
-
.v-overlay.expanded[data-v-
|
|
394
|
+
.v-overlay.expanded[data-v-7e5f9e00] {
|
|
395
395
|
backdrop-filter: blur(18px);
|
|
396
396
|
}
|
|
397
|
-
.v-overlay[data-v-
|
|
397
|
+
.v-overlay[data-v-7e5f9e00] img {
|
|
398
398
|
max-width: 100%;
|
|
399
399
|
}
|
|
400
|
-
.v-label[data-v-
|
|
400
|
+
.v-label[data-v-7e5f9e00] {
|
|
401
401
|
opacity: 0.65;
|
|
402
|
-
}.v-sheet[data-v-
|
|
402
|
+
}.v-sheet[data-v-a00f26d5] {
|
|
403
403
|
display: flex;
|
|
404
404
|
padding: 0.25rem;
|
|
405
405
|
gap: 0.125rem;
|
|
406
406
|
}
|
|
407
|
-
.v-sheet .v-divider[data-v-
|
|
407
|
+
.v-sheet .v-divider[data-v-a00f26d5] {
|
|
408
408
|
margin: 0 0.125rem;
|
|
409
409
|
}
|
|
410
|
-
.v-btn[data-v-
|
|
410
|
+
.v-btn[data-v-a00f26d5] {
|
|
411
411
|
color: currentColor !important;
|
|
412
412
|
}
|
|
413
|
-
.v-btn[data-v-
|
|
413
|
+
.v-btn[data-v-a00f26d5] .v-icon {
|
|
414
414
|
font-size: 1.24rem !important;
|
|
415
|
-
}[data-v-
|
|
415
|
+
}[data-v-4dc69d89] .ProseMirror {
|
|
416
416
|
overflow-y: auto;
|
|
417
417
|
outline: none;
|
|
418
418
|
width: 100%;
|
|
419
419
|
}
|
|
420
|
-
[data-v-
|
|
420
|
+
[data-v-4dc69d89] .ProseMirror > * + * {
|
|
421
421
|
margin-top: 0.75em;
|
|
422
422
|
}
|
|
423
|
-
[data-v-
|
|
423
|
+
[data-v-4dc69d89] .ProseMirror ul,[data-v-4dc69d89] .ProseMirror ol {
|
|
424
424
|
padding: 0 1rem;
|
|
425
425
|
}
|
|
426
|
-
[data-v-
|
|
426
|
+
[data-v-4dc69d89] .ProseMirror pre {
|
|
427
427
|
background: #0d0d0d;
|
|
428
428
|
color: #fff;
|
|
429
429
|
font-family: "JetBrainsMono", monospace;
|
|
430
430
|
padding: 0.75rem 1rem;
|
|
431
431
|
border-radius: 0.5rem;
|
|
432
432
|
}
|
|
433
|
-
[data-v-
|
|
433
|
+
[data-v-4dc69d89] .ProseMirror pre code {
|
|
434
434
|
color: inherit;
|
|
435
435
|
padding: 0;
|
|
436
436
|
background: none;
|
|
437
437
|
font-size: 0.8rem;
|
|
438
438
|
}
|
|
439
|
-
[data-v-
|
|
439
|
+
[data-v-4dc69d89] .ProseMirror blockquote {
|
|
440
440
|
padding-left: 1rem;
|
|
441
441
|
border-left: 2px solid color-mix(in srgb, currentColor 20%, transparent);
|
|
442
442
|
}
|
|
443
|
-
.v-field--center-affix[data-v-
|
|
443
|
+
.v-field--center-affix[data-v-4dc69d89] .v-label.v-field-label:not(.v-field-label--floating) {
|
|
444
444
|
top: calc(50% - 1.125rem);
|
|
445
|
-
}.accordion-title[data-v-
|
|
445
|
+
}.accordion-title[data-v-2e9fbd32] {
|
|
446
446
|
font-size: 1rem;
|
|
447
447
|
font-weight: 500;
|
|
448
448
|
letter-spacing: 0.009375em;
|
|
449
449
|
}
|
|
450
|
-
.v-input[data-v-
|
|
450
|
+
.v-input[data-v-2e9fbd32] {
|
|
451
451
|
position: relative;
|
|
452
452
|
}
|
|
453
|
-
.v-input[data-v-
|
|
453
|
+
.v-input[data-v-2e9fbd32] .v-input__details {
|
|
454
454
|
position: absolute;
|
|
455
455
|
padding: 0 !important;
|
|
456
456
|
z-index: 9;
|
|
457
457
|
}
|
|
458
|
-
.v-input[data-v-
|
|
458
|
+
.v-input[data-v-2e9fbd32] .v-input__details .v-messages__message {
|
|
459
459
|
margin-top: 0.25rem;
|
|
460
460
|
border-radius: 4px;
|
|
461
461
|
padding: 0.5rem 0.75rem;
|
|
462
462
|
background: #424242;
|
|
463
463
|
color: #fff !important;
|
|
464
|
-
}.tce-accordion[data-v-
|
|
464
|
+
}.tce-accordion[data-v-b6deefb4] {
|
|
465
465
|
text-align: left;
|
|
466
466
|
margin: 1rem 0;
|
|
467
|
-
}
|
|
468
|
-
.tce-accordion[data-v-6ca5c55f] .v-expansion-panel-text {
|
|
469
|
-
border-bottom-right-radius: inherit;
|
|
470
|
-
border-bottom-left-radius: inherit;
|
|
471
|
-
border: 2px solid rgb(var(--v-theme-primary-lighten-5));
|
|
472
|
-
border-top: none !important;
|
|
473
467
|
}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Tailor CMS accordion element",
|
|
4
4
|
"author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"version": "0.0.
|
|
6
|
+
"version": "0.0.5",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
9
|
"import": "./dist/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"typescript": "^5.1.6",
|
|
26
26
|
"vite": "^4.4.5",
|
|
27
27
|
"vue-tsc": "^1.8.5",
|
|
28
|
-
"@tailor-cms/ce-accordion-manifest": "0.0.
|
|
28
|
+
"@tailor-cms/ce-accordion-manifest": "0.0.5"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@paralleldrive/cuid2": "^2.2.2",
|