1
import { AutoCompleteOption } from '../autocomplete/AutoCompleteOption.js';
2

3
export class SlashCommandVariableAutoCompleteOption extends AutoCompleteOption {
4
    /**
5
     * @param {string} name
6
     */
7
    constructor(name) {
8
        super(name);
9
    }
10

11

12
    renderItem() {
13
        let li;
14
        li = this.makeItem(this.name, '[𝑥]', true);
15
        li.setAttribute('data-name', this.name);
16
        li.setAttribute('data-option-type', 'variable');
17
        return li;
18
    }
19

20

21
    renderDetails() {
22
        const frag = document.createDocumentFragment();
23
        const specs = document.createElement('div'); {
24
            specs.classList.add('specs');
25
            const name = document.createElement('div'); {
26
                name.classList.add('name');
27
                name.classList.add('monospace');
28
                name.textContent = this.name;
29
                specs.append(name);
30
            }
31
            frag.append(specs);
32
        }
33
        const help = document.createElement('span'); {
34
            help.classList.add('help');
35
            help.textContent = 'scoped variable';
36
            frag.append(help);
37
        }
38
        return frag;
39
    }
40
}