@processmaker/screen-builder 3.0.5 → 3.0.7

package/dist/vue-form-builder.es.js

@@ -7612,7 +7612,7 @@ const xl = {
   methods: {
     elementCssClass(t) {
       const e = [];
-      return t.config.bgcolor && e.push(t.config.bgcolor), t.config.color && e.push(t.config.color), e.join(" ");
+      return t.config.bgcolor && e.push(t.config.bgcolor), t.config.color && e.push(t.config.color), t.config.bgcolormodern && e.push(t.config.bgcolormodern), e.join(" ");
     },
     elementCssClassModern(t) {
       const e = [];
@@ -7756,7 +7756,7 @@ const Z0 = "Clipboard", Zd = {
           hideHeaderClose: !0,
           centered: !0
         }
-      ) && (this.clipboardPage.items = [], this.$store.dispatch("clipboardModule/clearClipboard"), this.$root.$emit("update-clipboard"));
+      ) && (this.$store.dispatch("clipboardModule/clearClipboard"), this.$root.$emit("update-clipboard"), this.clipboardPage.items = this.$store.getters["clipboardModule/clipboardItems"]);
     },
     /**
      * Close Clipboard
@@ -44824,9 +44824,10 @@ const sK = {
   }
 };
 var oK = function() {
+  var i;
   var e = this, r = e._self._c;
-  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent || e.value._parent, "_initial-page": e.currentPage, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(i) {
-    e.building = i;
+  return r("b-container", { attrs: { fluid: "" } }, [e.displayAsyncLoading ? r("div", { ref: "watchersAsynchronous", staticClass: "alert alert-light", attrs: { role: "alert" } }, [r("svg", { staticClass: "lds-gear", attrs: { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" } }, [r("g", { attrs: { transform: "translate(50 50)" } }, [r("g", { attrs: { transform: "rotate(248.825)" } }, [r("animateTransform", { attrs: { attributeName: "transform", type: "rotate", values: "0;360", keyTimes: "0;1", dur: "4.7s", repeatCount: "indefinite" } }), r("path", { attrs: { d: "M37.43995192304605 -6.5 L47.43995192304605 -6.5 L47.43995192304605 6.5 L37.43995192304605 6.5 A38 38 0 0 1 35.67394948182593 13.090810836924174 L35.67394948182593 13.090810836924174 L44.33420351967032 18.090810836924174 L37.83420351967032 29.34914108612188 L29.17394948182593 24.34914108612188 A38 38 0 0 1 24.34914108612188 29.17394948182593 L24.34914108612188 29.17394948182593 L29.34914108612188 37.83420351967032 L18.090810836924184 44.33420351967032 L13.090810836924183 35.67394948182593 A38 38 0 0 1 6.5 37.43995192304605 L6.5 37.43995192304605 L6.500000000000001 47.43995192304605 L-6.499999999999995 47.43995192304606 L-6.499999999999996 37.43995192304606 A38 38 0 0 1 -13.09081083692417 35.67394948182593 L-13.09081083692417 35.67394948182593 L-18.09081083692417 44.33420351967032 L-29.34914108612187 37.834203519670325 L-24.349141086121872 29.173949481825936 A38 38 0 0 1 -29.17394948182592 24.34914108612189 L-29.17394948182592 24.34914108612189 L-37.83420351967031 29.349141086121893 L-44.33420351967031 18.0908108369242 L-35.67394948182592 13.090810836924193 A38 38 0 0 1 -37.43995192304605 6.5000000000000036 L-37.43995192304605 6.5000000000000036 L-47.43995192304605 6.500000000000004 L-47.43995192304606 -6.499999999999993 L-37.43995192304606 -6.499999999999994 A38 38 0 0 1 -35.67394948182593 -13.090810836924167 L-35.67394948182593 -13.090810836924167 L-44.33420351967032 -18.090810836924163 L-37.834203519670325 -29.34914108612187 L-29.173949481825936 -24.34914108612187 A38 38 0 0 1 -24.349141086121893 -29.17394948182592 L-24.349141086121893 -29.17394948182592 L-29.349141086121897 -37.834203519670304 L-18.0908108369242 -44.334203519670304 L-13.090810836924195 -35.67394948182592 A38 38 0 0 1 -6.500000000000005 -37.43995192304605 L-6.500000000000005 -37.43995192304605 L-6.500000000000007 -47.43995192304605 L6.49999999999999 -47.43995192304606 L6.499999999999992 -37.43995192304606 A38 38 0 0 1 13.090810836924149 -35.67394948182594 L13.090810836924149 -35.67394948182594 L18.090810836924142 -44.33420351967033 L29.349141086121847 -37.83420351967034 L24.349141086121854 -29.17394948182595 A38 38 0 0 1 29.17394948182592 -24.349141086121893 L29.17394948182592 -24.349141086121893 L37.834203519670304 -29.349141086121897 L44.334203519670304 -18.0908108369242 L35.67394948182592 -13.090810836924197 A38 38 0 0 1 37.43995192304605 -6.500000000000007 M0 -20A20 20 0 1 0 0 20 A20 20 0 1 0 0 -20" } })], 1)])]), e._v(" " + e._s(e.$t("Loading...")) + " ")]) : e._e(), r(e.component, { ref: "component", tag: "component", attrs: { vdata: e.value, _parent: e._parent || ((i = e.value) == null ? void 0 : i._parent), "_initial-page": e.currentPage, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit, asyncWatcherTriggered: e.onAsyncWatcherOn, asyncWatcherCompleted: e.onAsyncWatcherOff } }), e.showErrors && e.building.error ? r("screen-renderer-error", { model: { value: e.building, callback: function(a) {
+    e.building = a;
   }, expression: "building" } }) : e._e(), r("watchers-synchronous", { ref: "watchersSynchronous" })], 1);
 }, lK = [], uK = /* @__PURE__ */ ee(
   sK,
@@ -45075,15 +45076,16 @@ const cK = {
   }
 };
 var dK = function() {
+  var i;
   var e = this, r = e._self._c;
-  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent || e.data._parent, definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
+  return r("div", { ref: "formRendererContainer", class: [e.containerClass, e.containerDeviceClass], style: e.cssDevice, attrs: { id: "vue-form-renderer", "data-cy": "screen-renderer-container" } }, [r("custom-css-output", [e._v(e._s(e.customCssWrapped))]), r("screen-renderer", { ref: "renderer", staticClass: "p-0", attrs: { value: e.data, _parent: e._parent || ((i = e.data) == null ? void 0 : i._parent), definition: e.definition, "current-page": e.currentPage, "data-cy": "screen-renderer", "show-errors": e.showErrors, "test-screen-definition": e.testScreenDefinition || !1, "loop-context": e.loopContext, taskdraft: e.taskdraft }, on: { "after-submit": e.afterSubmit, submit: e.submit } })], 1);
 }, fK = [], pK = /* @__PURE__ */ ee(
   cK,
   dK,
   fK,
   !1,
   null,
-  "e0c23fad",
+  "f47c54c2",
   null,
   null
 );
@@ -46873,7 +46875,8 @@ const Nu = L_.exports, yg = [
       dataRecordList: [],
       idCollectionScreenView: null,
       idCollectionScreenEdit: null,
-      screenMode: null
+      screenMode: null,
+      collectionsMap: {}
     };
   },
   computed: {
@@ -46892,7 +46895,7 @@ const Nu = L_.exports, yg = [
     },
     collectionId: {
       handler() {
-        this.getFields();
+        this.updateScreenIds(), this.getFields();
       }
     },
     options: {
@@ -46922,12 +46925,14 @@ const Nu = L_.exports, yg = [
     },
     getCollections() {
       this.$dataProvider.getCollections().then((t) => {
-        const [e = {}] = t.data.data || [];
-        this.idCollectionScreenView = e.read_screen_id, this.idCollectionScreenEdit = e.create_screen_id, this.collections = [
+        this.collectionsMap = t.data.data.reduce((e, r) => (e[r.id] = {
+          read_screen_id: r.read_screen_id,
+          create_screen_id: r.create_screen_id
+        }, e), {}), this.collections = [
           { value: null, text: this.$t("Select a collection") },
-          ...t.data.data.map((r) => ({
-            text: r.name,
-            value: r.id
+          ...t.data.data.map((e) => ({
+            text: e.name,
+            value: e.id
           }))
         ];
       });
@@ -46949,6 +46954,13 @@ const Nu = L_.exports, yg = [
     },
     onPmqlChange(t) {
       this.pmql = t;
+    },
+    updateScreenIds() {
+      if (this.collectionId && this.collectionsMap[this.collectionId]) {
+        const t = this.collectionsMap[this.collectionId];
+        this.idCollectionScreenView = t.read_screen_id, this.idCollectionScreenEdit = t.create_screen_id;
+      } else
+        this.idCollectionScreenView = null, this.idCollectionScreenEdit = null;
     }
   }
 };
@@ -47008,7 +47020,8 @@ const V_ = typeof window > "u" ? global : window, Jc = [
       hasMustache: !1,
       flagDraft: {},
       taskDraft: {},
-      enableDraft: !0
+      enableDraft: !0,
+      defaultColumnsRecordId: 1
     };
   },
   computed: {
@@ -47072,7 +47085,11 @@ const V_ = typeof window > "u" ? global : window, Jc = [
   },
   watch: {
     collection(t) {
-      t && (this.selCollectionId = t.collectionId);
+      if (t) {
+        this.selCollectionId = t.collectionId;
+        const e = this.localData;
+        this.$set(t, "data", Array.isArray(e) ? e : [e]), this.$set(t, "screen", this.screenCollectionId);
+      }
     },
     record(t) {
       this.hasMustache = !1, this.enableDraft = !1, t && !isNaN(t) && t > 0 && this.collection.collectionId ? (this.selRecordId = t, this.loadRecordCollection(this.collection.collectionId, t, this.selDisplayMode)) : (this.isMustache(t) && this.callbackRecord(), this.localData = {});
@@ -47082,9 +47099,12 @@ const V_ = typeof window > "u" ? global : window, Jc = [
     }
   },
   mounted() {
-    this.$root.$on("taskdraft-input", (t) => {
+    if (this.$root.$on("taskdraft-input", (t) => {
       this.taskDraft = t;
-    }), this.collection && this.record && this.loadRecordCollection(this.collection.collectionId, this.record, this.collectionmode.modeId);
+    }), this.collection && this.record) {
+      const t = this.isMustache(this.record) ? this.defaultColumnsRecordId : this.record;
+      this.isMustache(this.record) && (this.hasMustache = !0), this.loadRecordCollection(this.collection.collectionId, t, this.collectionmode.modeId);
+    }
   }
 };
 var W_ = function() {
@@ -49078,7 +49098,7 @@ var bee = function() {
     e.showJsonEditor = !1;
   } } }, [r("i", { staticClass: "fas fa-code", attrs: { "aria-hidden": "true" } }), e._v(" " + e._s(e.$t("Edit as Option List")) + " ")])], 1) : e._e(), e.showTypeOfValueReturned ? r("div", [r("label", { attrs: { for: "value-type-returned" } }, [e._v(e._s(e.$t("Type of Value Returned")))]), r("b-form-select", { attrs: { id: "value-type-returded", options: e.returnValueOptions, "data-cy": "inspector-value-returned" }, model: { value: e.valueTypeReturned, callback: function(i) {
     e.valueTypeReturned = i;
-  }, expression: "valueTypeReturned" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [e.valueTypeReturned === "single" ? r("div", [r("label", { attrs: { for: "key" } }, [e._v(e._s(e.$t("Value")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "key", "data-cy": "inspector-datasource-value" }, on: { change: e.keyChanged }, model: { value: e.key, callback: function(i) {
+  }, expression: "valueTypeReturned" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Select 'Single Value' to use parts of the selected object. Select 'Object' to use the entire selected value.")))])], 1) : e._e(), e.dataSource === e.dataSourceValues.dataConnector ? r("div", [e.valueTypeReturned === "single" || e.valueTypeReturned === "object" && e.$attrs["screen-type"] === "conversational" ? r("div", [r("label", { attrs: { for: "key" } }, [e._v(e._s(e.$t("Value")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "key", "data-cy": "inspector-datasource-value" }, on: { change: e.keyChanged }, model: { value: e.key, callback: function(i) {
     e.key = i;
   }, expression: "key" } }), r("small", { staticClass: "form-text text-muted mb-3" }, [e._v(e._s(e.$t("Key name in the selected object to use as the value of this control. Leave blank to use the entire selected value.")))])], 1) : e._e(), r("label", { attrs: { for: "value" } }, [e._v(e._s(e.$t("Content")))]), r("mustache-helper"), r("b-form-input", { attrs: { id: "value", "data-cy": "inspector-datasource-content" }, on: { change: e.valueChanged }, model: { value: e.value, callback: function(i) {
     e.value = i;
@@ -49097,7 +49117,7 @@ var bee = function() {
   yee,
   !1,
   null,
-  "282ac989",
+  "d8fa58ec",
   null,
   null
 );
@@ -51918,22 +51938,22 @@ var yre = function() {
         return e.removeFromClipboard(e.extendedPages[i].items[n]);
       } } }) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "data-test": "apply-ai-btn", title: e.$t("Apply Changes") }, on: { click: function(s) {
         return e.applyAiChanges(a);
-      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { "data-test": "copy-control-btn", title: e.$t("Copy Control") }, on: { click: function(s) {
+      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(a) && e.aiPreview(a) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "data-test": "copy-control-btn", title: e.$t("Copy Control") }, on: { click: function(s) {
         return e.duplicateItem(n);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "data-test": "delete-control-btn", title: e.$t("Delete Control") }, on: { click: function(s) {
         return e.deleteItem(n);
-      } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], { tag: "component", staticClass: "card-body", class: e.styleMode === "Modern" && a.component === "FormRecordList" ? e.elementCssClassModern(a) : e.elementCssClass(a), attrs: { "validation-errors": e.validationErrors, selected: e.selected, config: a.config, "ai-element": a, "screen-type": e.screenType }, on: { inspect: e.inspect, "update-state": e.updateState }, model: { value: a.items, callback: function(s) {
+      } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], { tag: "component", staticClass: "card-body", class: e.elementCssClass(a), attrs: { "validation-errors": e.validationErrors, selected: e.selected, config: a.config, "ai-element": a, "screen-type": e.screenType }, on: { inspect: e.inspect, "update-state": e.updateState }, model: { value: a.items, callback: function(s) {
         e.$set(a, "items", s);
       }, expression: "element.items" } })], 1) : r("div", { staticClass: "card", attrs: { "data-cy": "screen-element-container" } }, [e.selected === a ? r("div", { staticClass: "card-header form-element-header d-flex align-items-center" }, [r("i", { staticClass: "fas fa-arrows-alt-v mr-1 text-muted" }), a.config.icon ? r("i", { staticClass: "mr-2 ml-1", class: a.config.icon }) : e._e(), e._v(" " + e._s(a.config.name || e.$t("Variable Name")) + " "), !e.isClipboardPage(i) && e.isInClipboard(e.extendedPages[i].items[n]) && e.screenType === "form" ? r("b-badge", { staticClass: "m-2 custom-badge", attrs: { "data-cy": "copied-badge", pill: "" } }, [r("i", { staticClass: "far fa-check-circle" }), r("span", { staticClass: "pl-2" }, [e._v(e._s(e.$t("Copied")))])]) : e._e(), r("div", { staticClass: "ml-auto" }, [!e.isClipboardPage(i) && e.screenType === "form" ? r("clipboard-button", { attrs: { index: n, config: a.config, isInClipboard: e.isInClipboard(e.extendedPages[i].items[n]), addTitle: e.$t("Add to clipboard"), removeTitle: e.$t("Remove from clipboard") }, on: { addToClipboard: function(s) {
         return e.addToClipboard(e.extendedPages[i].items[n]);
       }, removeFromClipboard: function(s) {
         return e.removeFromClipboard(e.extendedPages[i].items[n]);
-      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(s) {
+      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(s) {
         return e.duplicateItem(n);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { title: e.$t("Delete Control") }, on: { click: function(s) {
         return e.deleteItem(n);
       } } }, [r("i", { staticClass: "far fa-trash-alt text-light" })])], 1)], 1) : e._e(), r(a["editor-component"], e._b({ tag: "component", staticClass: "card-body m-0 pb-4 pt-4", class: [
-        e.styleMode === "Modern" && a.component === "FormRecordList" ? e.elementCssClassModern(a) : e.elementCssClass(a),
+        e.elementCssClass(a),
         { "prevent-interaction": !a.config.interactive }
       ], attrs: { tabindex: a.config.interactive ? 0 : -1, "screen-type": e.screenType }, on: { input: function(s) {
         a.config.interactive && (a.config.content = s);
@@ -51986,7 +52006,7 @@ var yre = function() {
   xre,
   !1,
   null,
-  "a75f5502",
+  "8adaccab",
   null,
   null
 );
@@ -54019,7 +54039,7 @@ var Kre = function() {
       return e.removeFromClipboard(e.items[a]);
     } } }) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Apply Changes") }, on: { click: function(n) {
       return e.applyAiChanges(i);
-    } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
+    } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(i) && e.aiPreview(i) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
       return e.duplicateItem(a);
     } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(n) {
       return e.deleteItem(a);
@@ -54031,7 +54051,7 @@ var Kre = function() {
       return e.addToClipboard(e.items[a]);
     }, removeFromClipboard: function(n) {
       return e.removeFromClipboard(e.items[a]);
-    } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
+    } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(n) {
       return e.duplicateItem(a);
     } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(n) {
       return e.deleteItem(a);
@@ -54048,7 +54068,7 @@ var Kre = function() {
   _re,
   !1,
   null,
-  "dbf93f27",
+  "9d689ab6",
   null,
   null
 );
@@ -54174,7 +54194,7 @@ var iie = function() {
         return e.removeFromClipboard(n);
       } } }) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Apply Changes") }, on: { click: function(o) {
         return e.applyAiChanges(n);
-      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? e._e() : r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { "aria-label": e.$t("Duplicate") }, on: { click: function(o) {
+      } } }, [e._v(" " + e._s(e.$t("Apply Changes")) + " ")]) : e._e(), e.isAiSection(n) && e.aiPreview(n) ? e._e() : r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { "aria-label": e.$t("Duplicate") }, on: { click: function(o) {
         return e.duplicateItem(a, s);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(o) {
         return e.deleteItem(a, s);
@@ -54186,7 +54206,7 @@ var iie = function() {
         return e.addToClipboard(n);
       }, removeFromClipboard: function(o) {
         return e.removeFromClipboard(n);
-      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-secondary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(o) {
+      } } }) : e._e(), r("button", { staticClass: "btn btn-sm btn-primary mr-2", attrs: { title: e.$t("Copy Control") }, on: { click: function(o) {
         return e.duplicateItem(a, s);
       } } }, [r("i", { staticClass: "fas fa-copy text-light" })]), r("button", { staticClass: "btn btn-sm btn-danger", attrs: { "aria-label": e.$t("Delete") }, on: { click: function(o) {
         return e.deleteItem(a, s);
@@ -54204,7 +54224,7 @@ var iie = function() {
   aie,
   !1,
   null,
-  "c18cf715",
+  "fb76657c",
   null,
   null
 );