@omegagrid/commands 0.7.0 → 0.7.2
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/ui/commandWindow.js
CHANGED
|
@@ -90,7 +90,7 @@ let CommandWindow = class CommandWindow extends LitElement {
|
|
|
90
90
|
return html `
|
|
91
91
|
<div class="section" @mousedown="${(e) => e.preventDefault()}">
|
|
92
92
|
<div class="section-toggle">
|
|
93
|
-
<og-
|
|
93
|
+
<og-icon icon="angle-${section.open ? 'down' : 'right'}"></og-icon>
|
|
94
94
|
</div>
|
|
95
95
|
<div class="section-text">
|
|
96
96
|
${section.name}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commandWindow.js","sourceRoot":"","sources":["../../src/ui/commandWindow.ts"],"names":[],"mappings":"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","sourcesContent":["import { Commands, Command, CommandsAdapter, CommandSection } from \"../model\";\nimport { dom, List, ListItemRenderer, ListSelectEvent, ListSelectTrigger } from \"@omegagrid/core\";\nimport { LitElement, html, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { debounce } from \"ts-debounce\";\nimport { style, itemStyle } from \"./commandWindow.style\";\nimport constants from \"../constants\";\nimport { Options } from \"../model\";\n\nexport class CommandEvent extends Event {\n\n\treadonly command?: Command;\n\treadonly value?: string;\n\n\tconstructor(type: string, args?: Partial<CommandEvent>) {\n\t\tsuper(`command.${type}`, {bubbles: true, composed: true})\n\t\tif (args) Object.assign(this, args);\n\t}\n}\n\nexport type CommandRenderer = (div: HTMLDivElement, command: Command) => string | TemplateResult<1> | null;\nexport type SectionRenderer = (div: HTMLDivElement, section: CommandSection) => string | TemplateResult<1> | null;\n\n@customElement('og-commands')\nexport class CommandWindow extends LitElement {\n\n\tstatic styles = [style];\n\n\tprivate inputRef = createRef<HTMLInputElement>();\n\tget input() { return this.inputRef?.value }\n\tget inputValue() { return this.input?.value ?? '' }\n\n\tprivate listRef = createRef<List>();\n\tget list() { return this.listRef?.value; }\n\n\tprivate visibleItems: (Command|CommandSection)[];\n\n\t@property({type: Object})\n\toptions: Options;\n\n\t/**\n\t * search = commands are filtered by input value\n\t * input = commands are not filtered, input is used to enter custom value\n\t * none = no input, only command list is shown\n\t */\n\t@property({type: String})\n\tmode: 'search' | 'input' | 'none' = 'search';\n\n\t@property({type: String})\n\tvalue: string;\n\n\t@property({type: String})\n\ttext: string;\n\n\t@property({type: Object})\n\tcommands = new Commands();\n\t\n\t@property({type: Object})\n\tadapter: CommandsAdapter;\n\n\t@property({type: Object})\n\ttarget: HTMLElement;\n\n\t@property({type: String})\n\ttriggerKey = 'F1';\n\n\t@property({type: String})\n\tplaceholder = '';\n\t\n\t@property({type: Boolean})\n\tshowSections = false\n\n\trequireUpdateCommands = true;\n\n\t_commandRenderer: CommandRenderer = (div: HTMLDivElement, command: Command) => {\n\t\treturn html`\n\t\t\t<div class=\"command\">\n\t\t\t\t${command.name}\n\t\t\t</div>\n\t\t`;\n\t};\n\n\t_sectionRenderer: SectionRenderer = (div: HTMLDivElement, section: CommandSection) => {\n\t\treturn html`\n\t\t\t<div class=\"section\" @mousedown=\"${(e: MouseEvent) => e.preventDefault()}\">\n\t\t\t\t<div class=\"section-toggle\">\n\t\t\t\t\t<og-fa-icon icon=\"angle-${section.open ? 'down' : 'right'}\"></og-fa-icon>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"section-text\">\n\t\t\t\t\t${section.name}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t};\n\n\tget filterValue() { return this.mode == 'search' ? this.input.value : null }\n\n\texec(dispatchEvent = true) {\n\t\tconst tokens = this.input.value.split('>').map(t => t.trim());\n\t\tif (tokens[0].length == 0) {\n\t\t\tif (this.list.selectedIndex > -1 && this.list.selectedIndex < this.visibleItems.length) {\n\t\t\t\ttokens[0] = this.visibleItems[this.list.selectedIndex].name;\n\t\t\t}\n\t\t}\n\n\t\tif (this.mode == 'search') {\n\t\t\tconst command = this.commands.get(tokens[0])\n\t\t\t\t?? this.visibleItems.find(item => item instanceof Command && item.name == tokens[0]) as Command;\n\t\t\tif (!command) return;\n\t\t\tif (tokens.length - 1 < command.requiredParams) {\n\t\t\t\ttokens.push('');\n\t\t\t\tthis.input.value = tokens.join(' > ');\n\t\t\t\tthis.input.focus();\n\t\t\t} else {\n\t\t\t\ttokens.shift();\n\t\t\t\tcommand.exec(...tokens);\n\t\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('exec', { \n\t\t\t\t\tcommand, \n\t\t\t\t\tvalue: this.inputValue\n\t\t\t\t}));\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t} else {\n\t\t\tconst command = this.visibleItems[this.list.selectedIndex] as Command;\n\t\t\tif (!command) return;\n\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('exec', { \n\t\t\t\tcommand: command,\n\t\t\t\tvalue: this.inputValue\n\t\t\t}));\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\te.stopPropagation();\n\t\tswitch (e.key) {\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.list.moveDown();\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.list.moveUp();\n\t\t\t\tbreak;\n\t\t\tcase 'Enter':\n\t\t\t\te.preventDefault();\n\t\t\t\tif (this.visibleItems[this.list.selectedIndex] instanceof CommandSection) \n\t\t\t\t\tthis.toggleSection((this.visibleItems[this.list.selectedIndex] as CommandSection).id);\n\t\t\t\telse this.exec();\n\t\t\t\tbreak;\n\t\t\tcase 'Escape':\n\t\t\tcase this.triggerKey:\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.close();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t_onKeyUp = debounce(e => {\n\t\te.stopPropagation();\n\t\tif (this.mode == 'search') {\n\t\t\tconst excludedKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Shift', 'Enter', this.triggerKey];\n\t\t\tif (excludedKeys.indexOf(e.key) == -1) {\n\t\t\t\tthis.updateCommands();\n\t\t\t\tthis.list.size = this.visibleItems.length;\n\t\t\t}\n\t\t}\n\t})\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('click', e => e.stopPropagation());\n\t\tthis.addEventListener('keyup', this._onKeyUp);\n\t\tthis.addEventListener('keydown', this._onKeyDown);\n\t\tthis.addEventListener('blur', () => this.close());\n\t}\n\n\tasync open(dispatchEvent = true) {\n\t\tif (!this.target) throw new Error('target element not set');\n\n\t\tdom.showElement(this);\n\t\tthis.input.value = this.value ?? '';\n\t\t\n\t\tif (this.requireUpdateCommands) {\n\t\t\tthis.requireUpdateCommands = false;\n\t\t\tawait this.updateCommands();\n\t\t}\n\t\t\n\t\tthis.input.focus();\n\t\tthis.visibleItems = this.commands.filter(null, this.showSections);\n\t\tthis.updatePosition();\n\t\t\n\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('open'));\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tif (this.target) {\n\t\t\tdom.hideElement(this);\n\t\t\tthis.target.focus();\n\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('close'));\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\t_onTargetKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key == this.triggerKey) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\tthis.open();\n\t\t}\n\t}\n\n\tasync willUpdate(props: PropertyValues) {\n\t\tif (props.has('adapter') && this.adapter) {\n\t\t\tconst options = await this.adapter.getOptions();\n\t\t\tif (options) this.options = options;\n\t\t}\n\n\t\tif (this.options) {\n\t\t\tif (this.options.commandRenderer) this._commandRenderer = this.options.commandRenderer;\n\t\t\tif (this.options.sectionRenderer) this._sectionRenderer = this.options.sectionRenderer;\n\t\t}\n\t}\n\n\tasync updated(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('target')) {\n\t\t\tconst oldTarget = props.get('target') as HTMLElement;\n\t\t\tif (oldTarget) oldTarget.removeEventListener('keydown', this._onTargetKeyDown);\n\t\t\tif (this.target) this.target.addEventListener('keydown', this._onTargetKeyDown);\n\t\t}\n\t\tif (props.has('adapter')) this.requireUpdateCommands = true;\n\t\tif (props.has('commands')) await this.updateCommands();\n\t\tthis.updatePosition();\n\t}\n\n\t_onSelect = (e: ListSelectEvent) => {\n\t\tconst item = this.visibleItems[e.index];\n\t\tif (item instanceof Command) {\n\t\t\tif (this.mode == 'search') this.input.value = item.name;\t\t\t\n\t\t\tif (e.trigger == ListSelectTrigger.Click || e.trigger == ListSelectTrigger.Enter) this.exec();\n\t\t} else {\n\t\t\tthis.input.value = '';\n\t\t\tif (e.trigger == ListSelectTrigger.Click || e.trigger == ListSelectTrigger.Enter) {\n\t\t\t\tthis.toggleSection((item as CommandSection).id);\n\t\t\t}\n\t\t}\n\n\t\tsetTimeout(() => this.input.focus());\n\t}\n\n\t_itemRenderer: ListItemRenderer = (div: HTMLDivElement, index: number) => {\n\t\treturn this.visibleItems[index] instanceof CommandSection\n\t\t\t? this._sectionRenderer(div, this.visibleItems[index] as CommandSection)\n\t\t\t: this._commandRenderer(div, this.visibleItems[index] as Command);\n\t}\n\n\tfirstUpdated() {\n\t\tthis.list.itemRenderer = this._itemRenderer;\n\t\tthis.list.addEventListener('select', this._onSelect);\n\t}\n\n\tasync updateCommands() {\n\t\tif (this.adapter) {\n\t\t\tthis.commands.clear();\n\t\t\tconst sections = (await Promise.all([this.adapter.getSections(this.filterValue)]))[0];\n\t\t\tsections.forEach(section => this.commands.registerSection(section, false));\n\t\t\tthis.visibleItems = this.commands.filter(null, this.showSections, true);\n\t\t} else {\n\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections);\n\t\t}\n\n\t\tthis.list.size = this.visibleItems.length;\n\t\tthis.list.selectedIndex = this.list.size > 0 ? 0 : -1;\n\t\tthis.list.renderItems(true);\n\t\tawait this.list.updateComplete;\n\t}\n\n\tasync toggleSection(sectionId: string) {\n\t\tconst section = this.commands.sections.get(sectionId);\n\t\tif (section.open) {\n\t\t\tsection.open = false;\n\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections, true);\n\t\t\tthis.list.size = this.visibleItems.length;\n\t\t} else {\n\t\t\tsection.open = true;\n\t\t\tif (this.adapter) {\n\t\t\t\tconst commands = (await Promise.all([this.adapter.getCommands(sectionId, this.filterValue)]))[0];\n\t\t\t\tif (commands.length > 0) {\n\t\t\t\t\tsection.commands.clear();\n\t\t\t\t\tcommands.forEach(c => section.addCommand(c));\n\t\t\t\t}\n\t\t\t\tthis.visibleItems = this.commands.filter(null, this.showSections, true);\n\t\t\t} else {\n\t\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections, true);\n\t\t\t}\n\t\t}\n\t\tthis.list.size = this.visibleItems.length;\n\t}\n\n\tupdatePosition() {\n\t\tif (this.target) {\n\t\t\tdom.setSize(this, {\n\t\t\t\tw: Math.min(constants.COMMAND_WINDOW_MAX_WIDTH, 0.9 * this.target.clientWidth)\n\t\t\t});\n\t\t\tdom.setCenterPosition(this, this.target, {horizontal: true, vertical: false});\n\t\t\tdom.setPosition(this, {t: 100});\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<div class=\"input\">\n\t\t\t<input ${ref(this.inputRef)}\n\t\t\t\ttype=\"text\"\n\t\t\t\t.placeholder=\"${this.placeholder}\"\n\t\t\t\t.value=\"${this.value}\">\n\t\t</div>\n\n\t\t${this.text != null ? html`<div class=\"text\">${this.text}</div>` : ''}\n\t\t\n\t\t<div class=\"list\">\n\t\t\t<og-list ${ref(this.listRef)}\n\t\t\t\tmaxHeight=\"300\"\n\t\t\t\t.customStyle=\"${itemStyle}\"\n\t\t\t\titemHeight=\"22\"\n\t\t\t\tlineHeight=\"20\"\n\t\t\t\tarrowEvents>\n\t\t\t</og-list>\n\t\t</div>\n\t`;\n\n}"]}
|
|
1
|
+
{"version":3,"file":"commandWindow.js","sourceRoot":"","sources":["../../src/ui/commandWindow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAE,GAAG,EAA2C,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,MAAM,OAAO,YAAa,SAAQ,KAAK;IAKtC,YAAY,IAAY,EAAE,IAA4B;QACrD,KAAK,CAAC,WAAW,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;QACzD,IAAI,IAAI;YAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;CACD;AAMM,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAK5C,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAA,CAAC,CAAC;IAC3C,IAAI,UAAU,KAAK,OAAO,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAA,CAAC,CAAC;IAGnD,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IA8D1C,IAAI,WAAW,KAAK,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,CAAC,CAAC;IAE5E,IAAI,CAAC,aAAa,GAAG,IAAI;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9D,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC3B,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxF,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC;YAC7D,CAAC;QACF,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;mBACxC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAAY,CAAC;YACjG,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC;gBAChD,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAChB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACP,MAAM,CAAC,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC;gBACxB,IAAI,aAAa;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE;wBAC9D,OAAO;wBACP,KAAK,EAAE,IAAI,CAAC,UAAU;qBACtB,CAAC,CAAC,CAAC;gBACJ,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,CAAC;QACF,CAAC;aAAM,CAAC;YACP,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAY,CAAC;YACtE,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IAAI,aAAa;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE;oBAC9D,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,IAAI,CAAC,UAAU;iBACtB,CAAC,CAAC,CAAC;YACJ,IAAI,CAAC,KAAK,EAAE,CAAC;QACd,CAAC;IACF,CAAC;IAsCD;QACC,KAAK,EAAE,CAAC;QA9ID,aAAQ,GAAG,SAAS,EAAoB,CAAC;QAIzC,YAAO,GAAG,SAAS,EAAQ,CAAC;QAQpC;;;;WAIG;QAEH,SAAI,GAAgC,QAAQ,CAAC;QAS7C,aAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;QAS1B,eAAU,GAAG,IAAI,CAAC;QAGlB,gBAAW,GAAG,EAAE,CAAC;QAGjB,iBAAY,GAAG,KAAK,CAAA;QAEpB,0BAAqB,GAAG,IAAI,CAAC;QAE7B,qBAAgB,GAAoB,CAAC,GAAmB,EAAE,OAAgB,EAAE,EAAE;YAC7E,OAAO,IAAI,CAAA;;MAEP,OAAO,CAAC,IAAI;;GAEf,CAAC;QACH,CAAC,CAAC;QAEF,qBAAgB,GAAoB,CAAC,GAAmB,EAAE,OAAuB,EAAE,EAAE;YACpF,OAAO,IAAI,CAAA;sCACyB,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;;4BAE/C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;OAGpD,OAAO,CAAC,IAAI;;;GAGhB,CAAC;QACH,CAAC,CAAC;QAwCF,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACf,KAAK,WAAW;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACrB,MAAM;gBACP,KAAK,SAAS;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;oBACnB,MAAM;gBACP,KAAK,OAAO;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,cAAc;wBACvE,IAAI,CAAC,aAAa,CAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,CAAC,EAAE,CAAC,CAAC;;wBAClF,IAAI,CAAC,IAAI,EAAE,CAAC;oBACjB,MAAM;gBACP,KAAK,QAAQ,CAAC;gBACd,KAAK,IAAI,CAAC,UAAU;oBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,MAAM;YACR,CAAC;QACF,CAAC,CAAA;QAED,aAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;gBAC3B,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC5G,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;oBACvC,IAAI,CAAC,cAAc,EAAE,CAAC;oBACtB,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;gBAC3C,CAAC;YACF,CAAC;QACF,CAAC,CAAC,CAAA;QAyCF,qBAAgB,GAAG,CAAC,CAAgB,EAAE,EAAE;YACvC,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC9B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,EAAE,CAAC;YACb,CAAC;QACF,CAAC,CAAA;QAyBD,cAAS,GAAG,CAAC,CAAkB,EAAE,EAAE;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,IAAI,YAAY,OAAO,EAAE,CAAC;gBAC7B,IAAI,IAAI,CAAC,IAAI,IAAI,QAAQ;oBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACxD,IAAI,CAAC,CAAC,OAAO,IAAI,iBAAiB,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,iBAAiB,CAAC,KAAK;oBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;YAC/F,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;gBACtB,IAAI,CAAC,CAAC,OAAO,IAAI,iBAAiB,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC;oBAClF,IAAI,CAAC,aAAa,CAAE,IAAuB,CAAC,EAAE,CAAC,CAAC;gBACjD,CAAC;YACF,CAAC;YAED,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QACtC,CAAC,CAAA;QAED,kBAAa,GAAqB,CAAC,GAAmB,EAAE,KAAa,EAAE,EAAE;YACxE,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,cAAc;gBACxD,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAmB,CAAC;gBACxE,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAY,CAAC,CAAC;QACpE,CAAC,CAAA;QAuDD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;YAER,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;;oBAEV,IAAI,CAAC,WAAW;cACtB,IAAI,CAAC,KAAK;;;IAGpB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGzD,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;;oBAEX,SAAS;;;;;;EAM3B,CAAC;QAjKD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAE5D,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAEpC,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAChC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAClE,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,KAAK,CAAC,aAAa,GAAG,IAAI;QACzB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACpB,IAAI,aAAa;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAClE,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnB,CAAC;IAUD,KAAK,CAAC,UAAU,CAAC,KAAqB;QACrC,IAAI,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC1C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YAChD,IAAI,OAAO;gBAAE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACrC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe;gBAAE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YACvF,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe;gBAAE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;QACxF,CAAC;IACF,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAgC;QAC7C,IAAI,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACzB,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAgB,CAAC;YACrD,IAAI,SAAS;gBAAE,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC/E,IAAI,IAAI,CAAC,MAAM;gBAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACjF,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAC5D,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC;YAAE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACvD,IAAI,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC;IAuBD,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC;IAED,KAAK,CAAC,cAAc;QACnB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtF,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;YAC3E,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC/E,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;IAChC,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,SAAiB;QACpC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;YACpF,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QAC3C,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;YACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACjG,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzB,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACzB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC9C,CAAC;gBACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;YACzE,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;YACrF,CAAC;QACF,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IAC3C,CAAC;IAED,cAAc;QACb,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;gBACjB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,wBAAwB,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;aAC9E,CAAC,CAAC;YACH,GAAG,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;YAC9E,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC;QACjC,CAAC;IACF,CAAC;;AA7RM,oBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAYxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACR;AAQjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACoB;AAG7C;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACX;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACZ;AAGb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;+CACC;AAG1B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACA;AAGzB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CACL;AAGpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;iDACP;AAGlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;kDACR;AAGjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;mDACN;AA9CR,aAAa;IADzB,aAAa,CAAC,aAAa,CAAC;GAChB,aAAa,CAsTzB","sourcesContent":["import { Commands, Command, CommandsAdapter, CommandSection } from \"../model\";\nimport { dom, List, ListItemRenderer, ListSelectEvent, ListSelectTrigger } from \"@omegagrid/core\";\nimport { LitElement, html, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { debounce } from \"ts-debounce\";\nimport { style, itemStyle } from \"./commandWindow.style\";\nimport constants from \"../constants\";\nimport { Options } from \"../model\";\n\nexport class CommandEvent extends Event {\n\n\treadonly command?: Command;\n\treadonly value?: string;\n\n\tconstructor(type: string, args?: Partial<CommandEvent>) {\n\t\tsuper(`command.${type}`, {bubbles: true, composed: true})\n\t\tif (args) Object.assign(this, args);\n\t}\n}\n\nexport type CommandRenderer = (div: HTMLDivElement, command: Command) => string | TemplateResult<1> | null;\nexport type SectionRenderer = (div: HTMLDivElement, section: CommandSection) => string | TemplateResult<1> | null;\n\n@customElement('og-commands')\nexport class CommandWindow extends LitElement {\n\n\tstatic styles = [style];\n\n\tprivate inputRef = createRef<HTMLInputElement>();\n\tget input() { return this.inputRef?.value }\n\tget inputValue() { return this.input?.value ?? '' }\n\n\tprivate listRef = createRef<List>();\n\tget list() { return this.listRef?.value; }\n\n\tprivate visibleItems: (Command|CommandSection)[];\n\n\t@property({type: Object})\n\toptions: Options;\n\n\t/**\n\t * search = commands are filtered by input value\n\t * input = commands are not filtered, input is used to enter custom value\n\t * none = no input, only command list is shown\n\t */\n\t@property({type: String})\n\tmode: 'search' | 'input' | 'none' = 'search';\n\n\t@property({type: String})\n\tvalue: string;\n\n\t@property({type: String})\n\ttext: string;\n\n\t@property({type: Object})\n\tcommands = new Commands();\n\t\n\t@property({type: Object})\n\tadapter: CommandsAdapter;\n\n\t@property({type: Object})\n\ttarget: HTMLElement;\n\n\t@property({type: String})\n\ttriggerKey = 'F1';\n\n\t@property({type: String})\n\tplaceholder = '';\n\t\n\t@property({type: Boolean})\n\tshowSections = false\n\n\trequireUpdateCommands = true;\n\n\t_commandRenderer: CommandRenderer = (div: HTMLDivElement, command: Command) => {\n\t\treturn html`\n\t\t\t<div class=\"command\">\n\t\t\t\t${command.name}\n\t\t\t</div>\n\t\t`;\n\t};\n\n\t_sectionRenderer: SectionRenderer = (div: HTMLDivElement, section: CommandSection) => {\n\t\treturn html`\n\t\t\t<div class=\"section\" @mousedown=\"${(e: MouseEvent) => e.preventDefault()}\">\n\t\t\t\t<div class=\"section-toggle\">\n\t\t\t\t\t<og-icon icon=\"angle-${section.open ? 'down' : 'right'}\"></og-icon>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"section-text\">\n\t\t\t\t\t${section.name}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t};\n\n\tget filterValue() { return this.mode == 'search' ? this.input.value : null }\n\n\texec(dispatchEvent = true) {\n\t\tconst tokens = this.input.value.split('>').map(t => t.trim());\n\t\tif (tokens[0].length == 0) {\n\t\t\tif (this.list.selectedIndex > -1 && this.list.selectedIndex < this.visibleItems.length) {\n\t\t\t\ttokens[0] = this.visibleItems[this.list.selectedIndex].name;\n\t\t\t}\n\t\t}\n\n\t\tif (this.mode == 'search') {\n\t\t\tconst command = this.commands.get(tokens[0])\n\t\t\t\t?? this.visibleItems.find(item => item instanceof Command && item.name == tokens[0]) as Command;\n\t\t\tif (!command) return;\n\t\t\tif (tokens.length - 1 < command.requiredParams) {\n\t\t\t\ttokens.push('');\n\t\t\t\tthis.input.value = tokens.join(' > ');\n\t\t\t\tthis.input.focus();\n\t\t\t} else {\n\t\t\t\ttokens.shift();\n\t\t\t\tcommand.exec(...tokens);\n\t\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('exec', { \n\t\t\t\t\tcommand, \n\t\t\t\t\tvalue: this.inputValue\n\t\t\t\t}));\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t} else {\n\t\t\tconst command = this.visibleItems[this.list.selectedIndex] as Command;\n\t\t\tif (!command) return;\n\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('exec', { \n\t\t\t\tcommand: command,\n\t\t\t\tvalue: this.inputValue\n\t\t\t}));\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\te.stopPropagation();\n\t\tswitch (e.key) {\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.list.moveDown();\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.list.moveUp();\n\t\t\t\tbreak;\n\t\t\tcase 'Enter':\n\t\t\t\te.preventDefault();\n\t\t\t\tif (this.visibleItems[this.list.selectedIndex] instanceof CommandSection) \n\t\t\t\t\tthis.toggleSection((this.visibleItems[this.list.selectedIndex] as CommandSection).id);\n\t\t\t\telse this.exec();\n\t\t\t\tbreak;\n\t\t\tcase 'Escape':\n\t\t\tcase this.triggerKey:\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.close();\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t_onKeyUp = debounce(e => {\n\t\te.stopPropagation();\n\t\tif (this.mode == 'search') {\n\t\t\tconst excludedKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Shift', 'Enter', this.triggerKey];\n\t\t\tif (excludedKeys.indexOf(e.key) == -1) {\n\t\t\t\tthis.updateCommands();\n\t\t\t\tthis.list.size = this.visibleItems.length;\n\t\t\t}\n\t\t}\n\t})\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('click', e => e.stopPropagation());\n\t\tthis.addEventListener('keyup', this._onKeyUp);\n\t\tthis.addEventListener('keydown', this._onKeyDown);\n\t\tthis.addEventListener('blur', () => this.close());\n\t}\n\n\tasync open(dispatchEvent = true) {\n\t\tif (!this.target) throw new Error('target element not set');\n\n\t\tdom.showElement(this);\n\t\tthis.input.value = this.value ?? '';\n\t\t\n\t\tif (this.requireUpdateCommands) {\n\t\t\tthis.requireUpdateCommands = false;\n\t\t\tawait this.updateCommands();\n\t\t}\n\t\t\n\t\tthis.input.focus();\n\t\tthis.visibleItems = this.commands.filter(null, this.showSections);\n\t\tthis.updatePosition();\n\t\t\n\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('open'));\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tif (this.target) {\n\t\t\tdom.hideElement(this);\n\t\t\tthis.target.focus();\n\t\t\tif (dispatchEvent) this.dispatchEvent(new CommandEvent('close'));\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\t_onTargetKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key == this.triggerKey) {\n\t\t\te.stopPropagation();\n\t\t\te.preventDefault();\n\t\t\tthis.open();\n\t\t}\n\t}\n\n\tasync willUpdate(props: PropertyValues) {\n\t\tif (props.has('adapter') && this.adapter) {\n\t\t\tconst options = await this.adapter.getOptions();\n\t\t\tif (options) this.options = options;\n\t\t}\n\n\t\tif (this.options) {\n\t\t\tif (this.options.commandRenderer) this._commandRenderer = this.options.commandRenderer;\n\t\t\tif (this.options.sectionRenderer) this._sectionRenderer = this.options.sectionRenderer;\n\t\t}\n\t}\n\n\tasync updated(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('target')) {\n\t\t\tconst oldTarget = props.get('target') as HTMLElement;\n\t\t\tif (oldTarget) oldTarget.removeEventListener('keydown', this._onTargetKeyDown);\n\t\t\tif (this.target) this.target.addEventListener('keydown', this._onTargetKeyDown);\n\t\t}\n\t\tif (props.has('adapter')) this.requireUpdateCommands = true;\n\t\tif (props.has('commands')) await this.updateCommands();\n\t\tthis.updatePosition();\n\t}\n\n\t_onSelect = (e: ListSelectEvent) => {\n\t\tconst item = this.visibleItems[e.index];\n\t\tif (item instanceof Command) {\n\t\t\tif (this.mode == 'search') this.input.value = item.name;\t\t\t\n\t\t\tif (e.trigger == ListSelectTrigger.Click || e.trigger == ListSelectTrigger.Enter) this.exec();\n\t\t} else {\n\t\t\tthis.input.value = '';\n\t\t\tif (e.trigger == ListSelectTrigger.Click || e.trigger == ListSelectTrigger.Enter) {\n\t\t\t\tthis.toggleSection((item as CommandSection).id);\n\t\t\t}\n\t\t}\n\n\t\tsetTimeout(() => this.input.focus());\n\t}\n\n\t_itemRenderer: ListItemRenderer = (div: HTMLDivElement, index: number) => {\n\t\treturn this.visibleItems[index] instanceof CommandSection\n\t\t\t? this._sectionRenderer(div, this.visibleItems[index] as CommandSection)\n\t\t\t: this._commandRenderer(div, this.visibleItems[index] as Command);\n\t}\n\n\tfirstUpdated() {\n\t\tthis.list.itemRenderer = this._itemRenderer;\n\t\tthis.list.addEventListener('select', this._onSelect);\n\t}\n\n\tasync updateCommands() {\n\t\tif (this.adapter) {\n\t\t\tthis.commands.clear();\n\t\t\tconst sections = (await Promise.all([this.adapter.getSections(this.filterValue)]))[0];\n\t\t\tsections.forEach(section => this.commands.registerSection(section, false));\n\t\t\tthis.visibleItems = this.commands.filter(null, this.showSections, true);\n\t\t} else {\n\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections);\n\t\t}\n\n\t\tthis.list.size = this.visibleItems.length;\n\t\tthis.list.selectedIndex = this.list.size > 0 ? 0 : -1;\n\t\tthis.list.renderItems(true);\n\t\tawait this.list.updateComplete;\n\t}\n\n\tasync toggleSection(sectionId: string) {\n\t\tconst section = this.commands.sections.get(sectionId);\n\t\tif (section.open) {\n\t\t\tsection.open = false;\n\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections, true);\n\t\t\tthis.list.size = this.visibleItems.length;\n\t\t} else {\n\t\t\tsection.open = true;\n\t\t\tif (this.adapter) {\n\t\t\t\tconst commands = (await Promise.all([this.adapter.getCommands(sectionId, this.filterValue)]))[0];\n\t\t\t\tif (commands.length > 0) {\n\t\t\t\t\tsection.commands.clear();\n\t\t\t\t\tcommands.forEach(c => section.addCommand(c));\n\t\t\t\t}\n\t\t\t\tthis.visibleItems = this.commands.filter(null, this.showSections, true);\n\t\t\t} else {\n\t\t\t\tthis.visibleItems = this.commands.filter(this.filterValue, this.showSections, true);\n\t\t\t}\n\t\t}\n\t\tthis.list.size = this.visibleItems.length;\n\t}\n\n\tupdatePosition() {\n\t\tif (this.target) {\n\t\t\tdom.setSize(this, {\n\t\t\t\tw: Math.min(constants.COMMAND_WINDOW_MAX_WIDTH, 0.9 * this.target.clientWidth)\n\t\t\t});\n\t\t\tdom.setCenterPosition(this, this.target, {horizontal: true, vertical: false});\n\t\t\tdom.setPosition(this, {t: 100});\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<div class=\"input\">\n\t\t\t<input ${ref(this.inputRef)}\n\t\t\t\ttype=\"text\"\n\t\t\t\t.placeholder=\"${this.placeholder}\"\n\t\t\t\t.value=\"${this.value}\">\n\t\t</div>\n\n\t\t${this.text != null ? html`<div class=\"text\">${this.text}</div>` : ''}\n\t\t\n\t\t<div class=\"list\">\n\t\t\t<og-list ${ref(this.listRef)}\n\t\t\t\tmaxHeight=\"300\"\n\t\t\t\t.customStyle=\"${itemStyle}\"\n\t\t\t\titemHeight=\"22\"\n\t\t\t\tlineHeight=\"20\"\n\t\t\t\tarrowEvents>\n\t\t\t</og-list>\n\t\t</div>\n\t`;\n\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commandWindow.style.js","sourceRoot":"","sources":["../../src/ui/commandWindow.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tbackground: var(--og-commands-background);\n\t\tcolor: var(--og-commands-color);\n\t\tz-index: 100000;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbox-shadow: 0px 0px 6px 1px var(--og-commands-shadow);\n\t\tborder: 1px solid var(--og-border);\n\t\tborder-radius: var(--og-base-radius);\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tdisplay: none;\n\t}\n\n\t.text {\n\t\tpadding: 4px 4px 8px 4px;\n\t}\n\n\t.input {\n\t\twidth: 100%;\n\t\tpadding: 6px;\n\t\tbackground: var(--og-background-color-2);\n\t}\n\n\t.input>input {\n\t\twidth: 100%;\n\t\tfont-size: 16px;\n\t\tpadding: 4px;\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tborder-radius: var(--og-base-radius);\n\t\tbackground-color: var(--og-commands-input-background);\n\t\tcolor: var(--og-commands-color);\n\t\toutline: none;\n\t}\n\n\t.list {\n\t\tflex: 1;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\theight: 100%;\n\t}\n\n\tog-list {\n\t\theight: 250px;\n\t}\n`;\n\nexport const itemStyle = css`\n\t.item {\n\t\tborder: 1px solid transparent;\n\t}\n\n\t.item.selected {\n\t\tborder: 1px solid var(--og-accent-color);\n\t}\n\n\t.item>div {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\t\n\t\theight: 100%;\n\t\tpadding: 0 5px;\n\t}\n\n\t.item .section {\n\t\tbackground-color: var(--og-commands-header-background);\n\t}\n\n\t.item .section-toggle {\n\t\twidth: 15px;\n\t}\n\n\t.item .section og-
|
|
1
|
+
{"version":3,"file":"commandWindow.style.js","sourceRoot":"","sources":["../../src/ui/commandWindow.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tbackground: var(--og-commands-background);\n\t\tcolor: var(--og-commands-color);\n\t\tz-index: 100000;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tbox-shadow: 0px 0px 6px 1px var(--og-commands-shadow);\n\t\tborder: 1px solid var(--og-border);\n\t\tborder-radius: var(--og-base-radius);\n\t\tfont-family: var(--og-font-family);\n\t\tfont-size: var(--og-font-size);\n\t\tdisplay: none;\n\t}\n\n\t.text {\n\t\tpadding: 4px 4px 8px 4px;\n\t}\n\n\t.input {\n\t\twidth: 100%;\n\t\tpadding: 6px;\n\t\tbackground: var(--og-background-color-2);\n\t}\n\n\t.input>input {\n\t\twidth: 100%;\n\t\tfont-size: 16px;\n\t\tpadding: 4px;\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tborder-radius: var(--og-base-radius);\n\t\tbackground-color: var(--og-commands-input-background);\n\t\tcolor: var(--og-commands-color);\n\t\toutline: none;\n\t}\n\n\t.list {\n\t\tflex: 1;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\theight: 100%;\n\t}\n\n\tog-list {\n\t\theight: 250px;\n\t}\n`;\n\nexport const itemStyle = css`\n\t.item {\n\t\tborder: 1px solid transparent;\n\t}\n\n\t.item.selected {\n\t\tborder: 1px solid var(--og-accent-color);\n\t}\n\n\t.item>div {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\t\n\t\theight: 100%;\n\t\tpadding: 0 5px;\n\t}\n\n\t.item .section {\n\t\tbackground-color: var(--og-commands-header-background);\n\t}\n\n\t.item .section-toggle {\n\t\twidth: 15px;\n\t}\n\n\t.item .section og-icon {\n\t\tline-height: 20px;\n\t}\n\n\t.item .command {\n\t\tmargin-left: 10px;\n\t}\n`;"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/commands",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.2",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Command window",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"_prepublish": "yarn test && yarn lint"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@omegagrid/core": "^0.7.
|
|
30
|
+
"@omegagrid/core": "^0.7.2",
|
|
31
31
|
"lit": "^3.1.1",
|
|
32
32
|
"lit-html": "^3.1.1",
|
|
33
33
|
"ts-debounce": "^4.0.0"
|