{ data: function() { return { seq: null, loading: true, saving: false, exporting: false, installing: false, installMsg: '', saveMsg: '', tab: 'Actions', activeVer: 1, // Every MetaData field holding a VERSION INDEX: Default plus the ten // contexts the Mod defines in contextVersionPriority // (GSE/API/Storage.lua). CONTEXT_VERSIONS below renders all ten now. It // used to render seven, so a sequence carrying a Mythic, Heroic or Party // version showed nothing for it here -- the same drift the Mod had on its // Configuration tab (#2023). Anything walking context keys derives them // from this list rather than typing out its own. VERSION_REF_FIELDS: ['Default', 'Scenario', 'Arena', 'PVP', 'Raid', 'Mythic', 'MythicPlus', 'Heroic', 'Dungeon', 'Timewalking', 'Party' ], editing: false, editMeta: {}, titleEditing: false, titleDraft: '', importString: '', importError: '', importSuccess: '', importTab: 'paste', showDeleteModal: false, deleting: false, deleteRefs: [], spellMap: {}, spellNameMap: {}, fileIconsMap: {}, spellNamesMap: {}, abPickerPath: null, abPickerSearch: '', abPickerHits: [], abPickerLoading: false, abPickerCoords: { top: 0, left: 0 }, translateEnabled: false, translating: false, selectedLocale: 'enUS', copied: false, editingVerKey: null, editingVerLabel: '', dragOverVer: null, notes: '', newDep: { Sequences: '', Variables: '', Macros: '' }, depResolved: { Sequences: {}, Variables: {}, Macros: {} }, abReady: false, relationships: [], relLoading: false, historyEntries: [], historyLoading: false, historyDiffA: null, historyDiffB: null, // Which history row the open comparison belongs to, so the diff // renders inline under that row instead of above a 30-entry list. diffAnchorId: null, historyRestoreId: null, historyRestoring: false, diffData: null, diffLoading: false, diffTranslate: false, upstreamDiff: null, upstreamDiffLoading: false, claimModal: false, claimTargetId: '', claimTargetTitle: '', claimType: 'copy', claimSearchQuery: '', claimSearchResults: [], claimSearching: false, claimMsg: '', respondingRelId: null, subscriberAccess: { checking: false, allowed: true, reason: '', campaignName: '' }, mergeData: null, mergeLoading: false, mergeConflictResolutions: {}, mergeApplying: false, mergeMsg: '', // All ten contexts, in the Mod's Configuration-tab order and under the // Mod's labels, so one setting is called one thing in both places // (contextVersionDisplay in GSE/API/Storage.lua). CONTEXT_VERSIONS: [{ key: 'Scenario', label: 'Delves/Scenarios' }, { key: 'Party', label: 'Party' }, { key: 'Dungeon', label: 'Dungeon' }, { key: 'Heroic', label: 'Heroic' }, { key: 'Mythic', label: 'Mythic' }, { key: 'MythicPlus', label: 'Mythic+' }, { key: 'Timewalking', label: 'Timewalking' }, { key: 'Raid', label: 'Raid' }, { key: 'PVP', label: 'PVP' }, { key: 'Arena', label: 'Arena' }, ], }; }, computed: { gse: function() { return this.$sdk.app.services.gseService; }, spellSvc: function() { return this.$sdk.app.services.gseSpellService; }, inboxSvc: function() { return this.$sdk.app.services.gseInboxService; }, currentFlavor: function() { var toc = this.parsed && this.parsed.MetaData && this.parsed.MetaData.TOC; return this.gse && this.gse.flavorFromTOC ? this.gse.flavorFromTOC(toc) : 'retail'; }, d: function() { return (this.seq && this.seq.data) || {}; }, parsed: function() { var d = this.d.sequenceData; if (!d) return null; if (typeof d === 'string') { try { d = JSON.parse(d); } catch (e) { return null; } } return d; }, versions: function() { return this.parsed ? this.parsed.Versions || {} : {}; }, meta: function() { return this.parsed ? this.parsed.MetaData || {} : {}; }, author: function() { if (!this.seq) return ''; if (this.outboundRel && this.outboundRel.status === 'confirmed' && this.outboundRel.toAuthor) return this.outboundRel.toAuthor; return this.gse.resolveAuthor(this.seq); }, authorNickname: function() { var paId = ''; if (this.outboundRel && this.outboundRel.status === 'confirmed' && this.outboundRel.toPersonaAuthor) { paId = this.outboundRel.toPersonaAuthor; } else if (this.seq && this.seq.meta && this.seq.meta.personaAuthor) { var pa = this.seq.meta.personaAuthor; paId = pa && (pa._id || pa.id || pa); } if (paId && this.gse.memberNicknameCache[paId]) return this.gse.memberNicknameCache[paId]; var owners = this.seq && this.seq.meta && this.seq.meta.personaOwners; if (Array.isArray(owners)) { for (var i = 0; i < owners.length; i++) { var po = owners[i]; var poId = po && (po._id || po.id || po); if (poId && this.gse.memberNicknameCache[poId]) return this.gse.memberNicknameCache[poId]; } } return ''; }, isOwner: function() { // New local stub (creating, not yet persisted) — the user is the owner-to-be by definition if (this.seq && !this.seq._id && !this.seq.id) return true; var u = this.$sdk.app.user; if (!u || !this.seq || !this.seq.meta) return false; var up = u.persona && (u.persona._id || u.persona.id || u.persona); if (!up) return false; var aid = this.seq.meta.personaAuthor && (this.seq.meta.personaAuthor._id || this.seq.meta.personaAuthor.id || this.seq.meta.personaAuthor); if (up === aid || String(up) === String(aid)) return true; var owners = this.seq.meta.personaOwners; if (Array.isArray(owners)) { for (var i = 0; i < owners.length; i++) { var po = owners[i]; var poId = po && (po._id || po.id || po); if (poId && (String(up) === String(poId))) return true; } } return false; }, classId: function() { var id = this.d.classId || (this.meta.ClassID); if (id) return Number(id); var specId = this.d.specId || this.meta.SpecID; return specId ? this.gse.specToClassId(specId) : 0; }, specId: function() { return Number(this.d.specId || this.meta.SpecID || 0); }, classLabel: function() { return this.classId ? this.gse.className(this.classId) : ''; }, classColor: function() { return this.classId ? this.gse.classColor(this.classId) : ''; }, specIcon: function() { return this.classId ? this.gse.classIcon(this.classId) : null; }, specLabel: function() { return this.specId ? this.gse.specName(this.specId) : ''; }, currentAccessLevel: function() { return this.d.accessLevel || 'private'; }, downloadCount: function() { return Number(this.d.downloadCount) || 0; }, isLoggedIn: function() { return !!this.$sdk.app.user; }, subscriberGated: function() { return this.currentAccessLevel === 'subscriber' && !this.isOwner && !this.subscriberAccess.allowed; }, privateGated: function() { return this.currentAccessLevel === 'private' && !this.isOwner && !!(this.seq && (this.seq._id || this.seq.id)); }, accessColor: function() { return this.gse.accessInfo(this.currentAccessLevel).color; }, myPersonaId: function() { var u = this.$sdk.app.user; if (!u) return ''; var p = u.persona; return p && (typeof p === 'object' ? (p._id || p.id) : p) || ''; }, seqId: function() { return this.seq && (this.seq._id || this.seq.id) || ''; }, outboundRel: function() { var id = this.seqId; return this.relationships.find(function(r) { return r.fromSequenceId === id; }) || null; }, inboundRels: function() { var id = this.seqId; return this.relationships.filter(function(r) { return r.toSequenceId === id; }); }, canMerge: function() { var r = this.outboundRel; return r && r.status === 'confirmed'; }, upstreamMetaDiff: function() { if (!this.upstreamDiff || !this.upstreamDiff.currentUpstreamData) return []; var mySD = (this.seq && this.seq.data && this.seq.data.sequenceData) || {}; var upSD = this.upstreamDiff.currentUpstreamData; var myMeta = mySD.MetaData || {}; var upMeta = upSD.MetaData || {}; // Context keys from VERSION_REF_FIELDS (minus Default, which this diff // has never shown) so a Mythic/Heroic/Party difference is not invisible. var fields = ['Notes', 'Help', 'Helplink', 'Author'].concat(this.VERSION_REF_FIELDS.slice(1)); var diffs = []; for (var i = 0; i < fields.length; i++) { var f = fields[i]; var mv = myMeta[f] != null ? myMeta[f] : ''; var uv = upMeta[f] != null ? upMeta[f] : ''; var ms = typeof mv === 'object' ? JSON.stringify(mv) : String(mv); var us = typeof uv === 'object' ? JSON.stringify(uv) : String(uv); if (ms !== us) diffs.push({ field: f, mine: mv, upstream: uv }); } // Also check Talents (object comparison) var myTalents = myMeta.Talents || mySD.Talents; var upTalents = upMeta.Talents || upSD.Talents; if (JSON.stringify(myTalents || {}) !== JSON.stringify(upTalents || {})) { diffs.push({ field: 'Talents', mine: myTalents, upstream: upTalents }); } return diffs; }, allConflictsResolved: function() { if (!this.mergeData || !this.mergeData.merge) return false; var vers = this.mergeData.merge.versions || {}; var resolutions = this.mergeConflictResolutions; for (var vk in vers) { var v = vers[vk]; if (v.status === 'conflict' && (v.type === 'both-added' || v.type === 'delete-vs-modify')) { if (!resolutions[vk + ':version']) return false; } if (v.conflicts) { for (var ci = 0; ci < v.conflicts.length; ci++) { var c = v.conflicts[ci]; if (c.field && c.field !== '_children' && c.field !== '_trueBranch' && c.field !== '_falseBranch') { var key = vk + ':' + (c.blockIndex || ci) + ':' + c.field; if (!resolutions[key]) return false; } } } if (v.merged) { for (var mi = 0; mi < v.merged.length; mi++) { var mb = v.merged[mi]; if (mb.conflicts) { for (var mci = 0; mci < mb.conflicts.length; mci++) { var mc = mb.conflicts[mci]; if (mc.type === 'delete-vs-modify') { var dk = vk + ':block' + mi + ':delete'; if (!resolutions[dk]) return false; } else if (mc.field) { var fk = vk + ':block' + (mc.blockPath ? mi + '.' + mc.blockPath : mi) + ':' + mc.field; if (!resolutions[fk]) return false; } } } } } if (v.varsConflict) { if (!resolutions[vk + ':vars']) return false; } } var merge = this.mergeData.merge; if (merge.metaConflicts) { for (var mci = 0; mci < merge.metaConflicts.length; mci++) { if (!resolutions['meta:' + merge.metaConflicts[mci].field]) return false; } } if (merge.depsConflict && !resolutions['meta:Dependencies']) return false; if (merge.defaultConflict && !resolutions['meta:Default']) return false; return true; }, tabs: function() { var t = ['Actions', 'Metadata']; if (this.editing) t.push('Notes'); if (this.outboundRel && this.outboundRel.status === 'confirmed') t.push('Changes'); if (this.$sdk.app.user) t.push('History'); return t; }, versionKeys: function() { return Object.keys(this.versions).map(Number).filter(function(k) { return !isNaN(k); }).sort(function(a, b) { return a - b; }); }, currentVersion: function() { return this.versions[this.activeVer] || null; }, currentActions: function() { var v = this.currentVersion; if (!v || !v.Actions) return []; return v.Actions; }, // Tri-state combat reset for the active version. true = always reset, // false = never reset, absent = defer to the player's global GSE // setting (in-game GSE.GetResetOOC()). Matches AceGUI tristate on Lua. combatReset: { get: function() { var v = this.currentVersion; if (!v || !v.InbuiltVariables) return 'default'; if (v.InbuiltVariables.Combat === true) return 'on'; if (v.InbuiltVariables.Combat === false) return 'off'; return 'default'; }, set: function(val) { if (!this.parsed) return; var parsed = JSON.parse(JSON.stringify(this.parsed)); if (!parsed.Versions || !parsed.Versions[this.activeVer]) return; var ver = parsed.Versions[this.activeVer]; if (!ver.InbuiltVariables) ver.InbuiltVariables = {}; if (val === 'on') ver.InbuiltVariables.Combat = true; else if (val === 'off') ver.InbuiltVariables.Combat = false; else delete ver.InbuiltVariables.Combat; this.seq = Object.assign({}, this.seq, { data: Object.assign({}, this.seq.data, { sequenceData: parsed }) }); }, }, combatResetLabel: function() { var c = this.combatReset; if (c === 'on') return 'On (reset on combat exit)'; if (c === 'off') return 'Off (never reset on combat exit)'; return 'Default (use GSE global)'; }, // Mirrors gse-action-list's localeVal so the consolidated top Translate // bar drives the same gseService state the action-list used to write. localeVal: { get: function() { return this.gse.currentWowLocale || this.selectedLocale || 'enUS'; }, set: function(v) { this.gse.spellLocale = v; this.selectedLocale = v; }, }, defaultVersion: function() { return this.meta.Default || 1; }, deps: function() { var d = this.meta.Dependencies || {}; return { Sequences: d.Sequences || [], Variables: d.Variables || [], Macros: d.Macros || [] }; }, computedDeps: function() { var versions = this.parsed && this.parsed.Versions; if (!versions) return { Variables: [], Sequences: [], Macros: [] }; var vars = {}, seqs = {}, macros = {}; function scanStr(str) { var m, re1 = /GSE\.V\.([A-Za-z_]\w*)\s*\(/g; while ((m = re1.exec(str)) !== null) vars[m[1]] = true; // Bracket form: GSE.V["Name"](n) or GSE.V['Name']. Previous regex // was missing the literal '[' before the quote, so it never // matched anything — Prescience-style refs were silently dropped. var re2 = /GSE\.V\[\s*["']([^"']+)["']\s*\]/g; while ((m = re2.exec(str)) !== null) vars[m[1]] = true; } function walk(t, isDisabled) { if (!t || typeof t !== 'object') return; for (var k in t) { var v = t[k]; if (typeof v === 'string') { if (!isDisabled) scanStr(v); } else if (typeof v === 'object' && v !== null) { var vType = v.Type, vtype = v.type; var childDisabled = isDisabled || !!v.Disabled; if (!childDisabled) { if (vType === 'Embed' && typeof v.Sequence === 'string') seqs[v.Sequence] = true; if (vType === 'Action' && vtype === 'macro' && typeof v.macro === 'string') { var text = v.macro, first = text.charAt(0); if (text.length > 0 && first !== '/' && first !== '#' && first !== '=') macros[text] = true; } } walk(v, childDisabled); } } } for (var vk in versions) walk(versions[vk], false); return { Variables: Object.keys(vars), Sequences: Object.keys(seqs), Macros: Object.keys(macros) }; }, renderedNotes: function() { var t = this.notes || ''; if (!t) return '

No notes.

'; var md = this.$sdk && this.$sdk.app && this.$sdk.app.services && this.$sdk.app.services.markdownService; return (md && md.render) ? md.render(t) : t; }, }, watch: { editing: function(val) { if (!val && this.tab === 'Notes') this.tab = 'Actions'; }, tab: function(val) { if (val === 'History' && !this.historyEntries.length && !this.historyLoading) this.loadHistory(); if (val === 'Changes' && !this.upstreamDiff && !this.upstreamDiffLoading) this.loadUpstreamDiff(); }, translateEnabled: function(val) { try { localStorage.setItem('gse_translateSpells', String(!!val)); } catch (e) {} console.log('[translate] toggle ->', val); if (val) this.loadSpells(); else { this.spellMap = {}; this.spellNameMap = {}; } }, selectedLocale: function(val) { if (this.translateEnabled) this.loadSpells(); } }, mounted: function() { console.log('[GSE] sequenceDetail build: 2026-09-11 v23-loop-stepfn-repeat-one-row'); this.initActionBlock(); this.selectedLocale = this.gse.spellLocale || 'enUS'; this.$watch('currentVersion', function() { this.resolveActionIcons(); this.resolveActionSpellNames(); }, { immediate: true, deep: false }); var self = this; this._abOutsideClick = function(e) { if (!self.abPickerPath) return; var t = e.target; // Close unless click is inside dropdown or the icon button. while (t && t !== document.body) { if (t.classList && (t.classList.contains('ab__icon-dd') || t.classList.contains('ab__icon-btn'))) return; t = t.parentNode; } self.abPickerPath = null; }; document.addEventListener('click', this._abOutsideClick, true); this._abScrollClose = function() { if (self.abPickerPath) self.abPickerPath = null; }; this._abKeyClose = function(e) { if (e.key === 'Escape' && self.abPickerPath) self.abPickerPath = null; }; window.addEventListener('scroll', this._abScrollClose, true); window.addEventListener('resize', this._abScrollClose, true); window.addEventListener('keydown', this._abKeyClose, true); (function() { var old = document.getElementById('gse-ab-icon-css'); if (old) old.remove(); var s = document.createElement('style'); s.id = 'gse-ab-icon-css'; s.textContent = ".ab__icon-row{align-items:center}.ab__label-stack{display:flex;flex-direction:column;gap:8px;min-width:80px;flex-shrink:0;align-items:flex-start}.ab__label-stack .ab__lbl{min-width:0}.ab__icon-stack{display:inline-flex}.ab__icon-cell{position:relative;display:flex;align-items:center;flex:1;min-width:0}.ab__icon-btn{padding:0;background:none;border:none;cursor:pointer;display:block}.ab__icon-img{width:36px;height:36px;border-radius:6px;border:1px solid var(--gse-border);display:block}.ab__icon-ph{width:36px;height:36px;border-radius:6px;border:1px dashed var(--gse-border);display:flex;align-items:center;justify-content:center;background:var(--gse-card);color:var(--gse-muted);font-weight:700;font-size:1rem}.ab__icon-dd{background:var(--gse-card);border:1px solid var(--gse-border);border-radius:8px;padding:6px;min-width:260px;max-height:360px;overflow:auto;box-shadow:0 6px 20px rgba(0,0,0,.45);z-index:9999}.ab__icon-dd--fixed{position:fixed}.ab__icon-dd-head{font-size:.7rem;text-transform:uppercase;color:var(--gse-muted);letter-spacing:.03em;padding:2px 4px}.ab__icon-dd-sect{font-size:.65rem;text-transform:uppercase;color:var(--gse-muted);letter-spacing:.03em;padding:8px 4px 2px;border-top:1px solid var(--gse-border);margin-top:4px}.ab__icon-dd-item{display:flex;align-items:center;gap:8px;padding:4px 4px;cursor:pointer;border-radius:4px}.ab__icon-dd-item:hover{background:rgba(255,255,255,.04)}.ab__icon-dd-img{width:24px;height:24px;border-radius:4px;border:1px solid var(--gse-border);display:block}.ab__icon-dd-ph{display:flex;align-items:center;justify-content:center;background:var(--gse-card);color:var(--gse-muted);font-weight:700;font-size:.75rem}.ab__icon-dd-lbl{font-size:.8rem;color:var(--gse-text)}.ab__icon-dd-auto{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem}.ab__icon-dd-search{width:100%;padding:4px 6px;font-size:.8rem;background:rgba(0,0,0,.2);border:1px solid var(--gse-border);border-radius:4px;color:var(--gse-text);margin-top:2px}.ab__icon-dd-loading{padding:6px 4px;font-size:.75rem;color:var(--gse-muted)}.ab__icon-dd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}.ab__icon-dd-hit{padding:0;background:none;border:none;cursor:pointer}.ab__icon-dd-hit:hover .ab__icon-dd-img{border-color:var(--gse-teal)}"; document.head.appendChild(s); })(); try { var saved = localStorage.getItem('gse_translateSpells'); if (saved === 'true') { this.translateEnabled = true; } } catch (e) {} this.init(); }, beforeDestroy: function() { if (this._abOutsideClick) document.removeEventListener('click', this._abOutsideClick, true); if (this._abScrollClose) window.removeEventListener('scroll', this._abScrollClose, true); if (this._abScrollClose) window.removeEventListener('resize', this._abScrollClose, true); if (this._abKeyClose) window.removeEventListener('keydown', this._abKeyClose, true); }, methods: { computeFetch: function(nodePath, _retired_fallbackActionId, body) { // Second arg retained as a no-op for call-site stability â Qik // compareSequences/mergeSequences fallbacks retired 2026-04-28. var self = this; var NODE_BASE = 'https://api.gse.tools'; return self.$sdk.auth.ensureValidToken().catch(function() {}).then(function() { var token = self.$sdk.auth.getCurrentToken() || ''; var opts = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token }, body: JSON.stringify(body) }; return fetch(NODE_BASE + nodePath, opts).then(function(r) { if (!r.ok) return r.json().then(function(j) { throw new Error('node_' + r.status + '_' + (j && j.error || '')); }, function() { throw new Error('node_' + r.status); }); return r.json(); }); }); }, startTitleEdit: function() { if (!(this.isOwner || (!this.seq._id && !this.seq.id))) return; this.titleDraft = this.seq.title || ''; this.titleEditing = true; var self = this; this.$nextTick(function() { var el = self.$el && self.$el.querySelector('.se__title-input'); if (el) el.focus(); }); }, saveTitle: async function() { if (!this.titleEditing) return; this.titleEditing = false; var t = (this.titleDraft || '').trim(); if (!t || t === this.seq.title) return; if (!this.seq._id && !this.seq.id) { this.seq.title = t; return; } try { var sd = JSON.parse(JSON.stringify((this.seq.data && this.seq.data.sequenceData) || {})); if (!sd.MetaData) sd.MetaData = {}; sd.MetaData.Name = t; await this.gse.upsertContent('sequence', (this.seq._id || this.seq.id), { title: t, data: { sequenceData: sd } }); this.seq.title = t; if (this.seq.data) this.seq.data.sequenceData = sd; this.saveMsg = 'Renamed!'; var self = this; setTimeout(function() { self.saveMsg = ''; }, 3000); } catch (e) { this.saveMsg = 'Rename failed: ' + e.message; } }, startEdit: function() { this.editMeta = Object.assign({}, this.meta); this.editing = true; }, cancelEdit: function() { this.editing = false; this.editMeta = {}; }, depList: function(type) { return this.computedDeps[type] || []; }, depRoute: function(type, item) { var id = (item && (item._id || item.id)) || item; if (type === 'Sequences') return { name: 'sequenceDetail', params: { id: id } }; if (type === 'Variables') return { name: 'variableDetail', params: { id: id } }; if (type === 'Macros') return { name: 'macroDetail', params: { id: id } }; return { name: 'home' }; }, onTopLevelDrag: function() {}, // ââ Version tab drag-reorder ââââââââââââââââââââââââââââââââââ onVerDragStart: function(vk, ev) { ev.dataTransfer.effectAllowed = 'move'; ev.dataTransfer.setData('text/plain', String(vk)); }, onVerDragOver: function(vk, ev) { ev.dataTransfer.dropEffect = 'move'; this.dragOverVer = vk; }, onVerDragLeave: function(vk) { if (this.dragOverVer === vk) this.dragOverVer = null; }, // Apply a version-key renumbering to EVERY reference into Versions. // Versions keys are not just labels: MetaData.Default and each context // override (Raid, Arena, MythicPlus, …) hold a version key, and // VersionLabels is keyed by version. Renumbering the block without moving // these repoints them at somebody else's version — and because the server // compacts holes on write (sanitiseGse.js), a gap left here is renumbered // there, so the site and the game end up disagreeing about which version // is Default. keyMap is { oldKey: newKey }; keys absent from it are dropped. applyVersionKeyMap: function(parsed, keyMap) { var newVersions = {}; for (var oldK in keyMap) { if (parsed.Versions[oldK]) newVersions[keyMap[oldK]] = parsed.Versions[oldK]; } parsed.Versions = newVersions; if (parsed.VersionLabels) { var newLabels = {}; for (var oldK2 in keyMap) { if (parsed.VersionLabels[oldK2]) newLabels[keyMap[oldK2]] = parsed.VersionLabels[oldK2]; } parsed.VersionLabels = newLabels; } var meta = parsed.MetaData || {}; var versionFields = this.VERSION_REF_FIELDS; for (var fi = 0; fi < versionFields.length; fi++) { var field = versionFields[fi]; if (meta[field] === undefined || meta[field] === null || meta[field] === '') continue; var val = Number(meta[field]); if (keyMap[val] !== undefined) { meta[field] = keyMap[val]; } else if (field === 'Default') { meta[field] = 1; // its version is gone — first survivor } else { delete meta[field]; // override lost its version — fall back to Default } } if (parsed.Default !== undefined && keyMap[Number(parsed.Default)] !== undefined) { parsed.Default = keyMap[Number(parsed.Default)]; } return parsed; }, onVerDrop: function(targetVk, ev) { this.dragOverVer = null; var sourceVk = Number(ev.dataTransfer.getData('text/plain')); if (!sourceVk || sourceVk === targetVk) return; if (!this.parsed || !this.parsed.Versions) return; var parsed = JSON.parse(JSON.stringify(this.parsed)); var keys = this.versionKeys.slice(); var srcIdx = keys.indexOf(sourceVk); var tgtIdx = keys.indexOf(targetVk); if (srcIdx === -1 || tgtIdx === -1) return; // Reorder: remove source, insert before target keys.splice(srcIdx, 1); keys.splice(tgtIdx, 0, sourceVk); // Build oldânew key mapping (1-based sequential) var keyMap = {}; for (var i = 0; i < keys.length; i++) { keyMap[keys[i]] = i + 1; } // Rebuild Versions and move every reference across with the keys this.applyVersionKeyMap(parsed, keyMap); // Trigger Vue reactivity by reassigning this.seq.data.sequenceData = parsed; // Update active version to follow the dragged tab this.activeVer = keyMap[sourceVk] || 1; }, startVerRename: function(k) { this.startEditVer(k); }, commitVerLabel: function(k) { this.commitEditVer(k); }, initActionBlock: function() { function luaArr(val) { if (!val) return []; if (Array.isArray(val)) return val; if (typeof val !== 'object') return []; if (val.Type) return [val]; var items = []; for (var k in val) { var n = Number(k); if (!isNaN(n) && n >= 1 && val[k] && typeof val[k] === 'object') { items.push({ key: n, val: val[k] }); } } items.sort(function(a, b) { return a.key - b.key; }); return items.map(function(x) { return x.val; }); } window.__gseDrag = null; // Captured for the AB computeds below, which run with `this` bound // to the block instance and cannot reach this section's methods. var svc = this.spellSvc; var AB = { name: 'action-block', props: { action: Object, index: Number, depth: { type: Number, default: 0 }, total: { type: Number, default: 0 }, path: { type: String, default: '1' }, isOwner: Boolean, spellNameMap: { type: Object, default: function() { return {}; } }, spellMap: { type: Object, default: function() { return {}; } }, fileIconsMap: { type: Object, default: function() { return {}; } }, spellNamesMap: { type: Object, default: function() { return {}; } }, currentFlavor: { type: String, default: 'retail' }, currentLocale: { type: String, default: 'enUS' }, pickerPath: { type: String, default: null }, pickerSearch: { type: String, default: '' }, pickerHits: { type: Array, default: function() { return []; } }, pickerLoading: { type: Boolean, default: false }, pickerCoords: { type: Object, default: function() { return { top: 0, left: 0 }; } } }, template: '

' + '

' + '' + '

' + '

' + 'Add' + '' + '' + '' + '' + '' + '

' + '

' + '☰' + '{{ path }}' + '{{ action.Type === \'Repeat\' ? \'ACTION\' : (action.Type || \'\').toUpperCase() }}' + '×{{ action.Interval }}' + '' + '' + 'DISABLED' + '

' + '

' // === ACTION / REPEAT === + '

Browse