@nyaruka/temba-components 0.37.0 → 0.37.1
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/.github/workflows/stale.yml +1 -0
- package/CHANGELOG.md +12 -0
- package/dist/{46adbabc.js → 135b99dc.js} +8 -4
- package/dist/index.js +8 -4
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/templates/components-body.html +1 -1
- package/dist/templates/components-head.html +1 -1
- package/out-tsc/src/contacts/ContactFieldEditor.js +1 -1
- package/out-tsc/src/contacts/ContactFieldEditor.js.map +1 -1
- package/out-tsc/src/list/ContentMenu.js +4 -0
- package/out-tsc/src/list/ContentMenu.js.map +1 -1
- package/out-tsc/src/list/TembaList.js +8 -5
- package/out-tsc/src/list/TembaList.js.map +1 -1
- package/out-tsc/src/select/Select.js +18 -4
- package/out-tsc/src/select/Select.js.map +1 -1
- package/out-tsc/test/temba-contact-chat.test.js +40 -13
- package/out-tsc/test/temba-contact-chat.test.js.map +1 -1
- package/out-tsc/test/temba-contact-history.test.js +10 -10
- package/out-tsc/test/temba-contact-history.test.js.map +1 -1
- package/out-tsc/test/temba-content-menu.test.js +1 -1
- package/out-tsc/test/temba-content-menu.test.js.map +1 -1
- package/out-tsc/test/temba-field-manager.test.js +1 -1
- package/out-tsc/test/temba-field-manager.test.js.map +1 -1
- package/out-tsc/test/temba-list.test.js +29 -13
- package/out-tsc/test/temba-list.test.js.map +1 -1
- package/out-tsc/test/temba-modax.test.js +12 -8
- package/out-tsc/test/temba-modax.test.js.map +1 -1
- package/out-tsc/test/temba-select.test.js +21 -39
- package/out-tsc/test/temba-select.test.js.map +1 -1
- package/out-tsc/test/utils.test.js +10 -3
- package/out-tsc/test/utils.test.js.map +1 -1
- package/package.json +1 -1
- package/screenshots/truth/contacts/contact-active-default.png +0 -0
- package/screenshots/truth/contacts/contact-active-show-chatbox.png +0 -0
- package/screenshots/truth/contacts/contact-active-ticket-closed-show-reopen-button.png +0 -0
- package/screenshots/truth/contacts/contact-active-ticket-open-show-chatbox.png +0 -0
- package/screenshots/truth/contacts/contact-archived-hide-chatbox.png +0 -0
- package/screenshots/truth/contacts/contact-archived-ticket-closed-hide-chatbox.png +0 -0
- package/screenshots/truth/contacts/contact-blocked-hide-chatbox.png +0 -0
- package/screenshots/truth/contacts/contact-stopped-hide-chatbox.png +0 -0
- package/screenshots/truth/dialog/focused.png +0 -0
- package/screenshots/truth/modax/form.png +0 -0
- package/src/contacts/ContactFieldEditor.ts +1 -1
- package/src/list/ContentMenu.ts +4 -0
- package/src/list/TembaList.ts +9 -9
- package/src/select/Select.ts +23 -9
- package/test/temba-contact-chat.test.ts +54 -16
- package/test/temba-contact-history.test.ts +12 -20
- package/test/temba-content-menu.test.ts +8 -4
- package/test/temba-field-manager.test.ts +1 -1
- package/test/temba-list.test.ts +38 -16
- package/test/temba-modax.test.ts +30 -21
- package/test/temba-select.test.ts +25 -44
- package/test/utils.test.ts +11 -5
- package/test-assets/style.css +5 -0
- package/web-test-runner.config.mjs +18 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,OAAO,GAAG;IACd,oBAAoB,EAAE,GAAG;IACzB,WAAW,EAAE,GAAG;CACjB,CAAC;AAeF,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,gCAAS,CAAA;IACT,4CAAqB,CAAA;IACrB,sCAAe,CAAA;IACf,0CAAmB,CAAA;AACrB,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AAED,MAAM,OAAO,WAAY,SAAQ,YAAY;IAA7C;;
|
|
1
|
+
{"version":3,"file":"ContentMenu.js","sourceRoot":"","sources":["../../../src/list/ContentMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\n\nimport { RapidElement } from '../RapidElement';\nimport { getUrl, WebResponse } from '../utils';\n\nconst HEADERS = {\n 'Temba-Content-Menu': '1',\n 'Temba-Spa': '1',\n};\nexport interface ContentMenuItem {\n type: string;\n as_button: boolean;\n label: string;\n url: string;\n disabled: boolean;\n modal_id: string;\n on_submit: string;\n primary: boolean;\n title: string;\n on_click: null;\n link_class: string;\n}\n\nexport enum ContentMenuItemType {\n LINK = 'link',\n JS = 'js',\n URL_POST = 'url_post',\n MODAX = 'modax',\n DIVIDER = 'divider',\n}\n\nexport class ContentMenu extends RapidElement {\n static get styles() {\n return css`\n .container {\n --button-y: 0.4em;\n --button-x: 1em;\n display: flex;\n }\n\n .button_item,\n .primary_button_item {\n margin-left: 1rem;\n }\n\n .toggle {\n --icon-color: rgb(102, 102, 102);\n padding: 0.5rem;\n margin-left: 0.5rem;\n }\n\n .toggle:hover {\n background: rgba(0, 0, 0, 0.05);\n border-radius: var(--curvature);\n --icon-color: rgb(136, 136, 136);\n }\n\n .dropdown {\n padding: 1rem 1.5rem;\n color: rgb(45, 45, 45);\n z-index: 50;\n min-width: 200px;\n }\n\n .divider {\n border-bottom: 1px solid rgb(237, 237, 237);\n margin: 1rem -1.5em;\n }\n\n .item {\n white-space: nowrap;\n margin: 0.2em 0em;\n font-size: 1.1rem;\n cursor: pointer;\n font-weight: 400;\n }\n\n .item:hover {\n color: rgb(var(--primary-rgb));\n }\n\n temba-dropdown {\n z-index: 20;\n }\n `;\n }\n\n @property({ type: String })\n endpoint: string;\n\n @property({ type: Number })\n legacy: number;\n\n @property({ type: Array, attribute: false })\n buttons: ContentMenuItem[] = [];\n\n @property({ type: Array, attribute: false })\n items: ContentMenuItem[] = [];\n\n private fetchContentMenu() {\n const url = this.endpoint;\n if (url) {\n const legacy = this.legacy;\n const headers = HEADERS;\n if (legacy) {\n delete headers['Temba-Spa'];\n }\n\n //ok, fetch the content menu\n getUrl(url, null, headers)\n .then((response: WebResponse) => {\n const json = response.json;\n const contentMenu = json.items as ContentMenuItem[];\n\n //populate (or initialize) the buttons and items\n if (contentMenu) {\n this.buttons = contentMenu.filter(item => item.as_button);\n this.items = contentMenu.filter(item => !item.as_button);\n } else {\n this.buttons = [];\n this.items = [];\n }\n\n //fire custom loaded event type when we're finished\n this.fireCustomEvent(CustomEventType.Loaded, {\n buttons: this.buttons,\n items: this.items,\n });\n })\n .catch((error: any) => {\n console.error(error);\n });\n }\n }\n\n public refresh() {\n this.fetchContentMenu();\n }\n\n protected updated(changes: Map<string, any>) {\n super.updated(changes);\n\n if (changes.has('endpoint') || changes.has('legacy')) {\n this.fetchContentMenu();\n }\n }\n\n private handleItemClicked(item: ContentMenuItem) {\n this.fireCustomEvent(CustomEventType.Selection, item);\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"container\">\n ${this.buttons.map(button => {\n return html`<temba-button\n class=\"${button.primary ? 'primary_button_item' : 'button_item'}\"\n name=${button.label}\n @click=${() => this.handleItemClicked(button)}\n >\n ${button.label}\n </temba-button>`;\n })}\n ${this.items && this.items.length > 0\n ? html` <temba-dropdown\n arrowsize=\"8\"\n arrowoffset=\"-12\"\n offsetx=\"-200\"\n offsety=\"6\"\n >\n <div slot=\"toggle\" class=\"toggle\">\n <temba-icon name=\"menu\" size=\"1.5\"></temba-icon>\n </div>\n <div slot=\"dropdown\" class=\"dropdown\">\n ${this.items.map(item => {\n if (item.type === ContentMenuItemType.DIVIDER) {\n return html` <div class=\"divider\"></div>`;\n } else {\n return html` <div\n class=\"item\"\n name=${item.label}\n @click=${() => this.handleItemClicked(item)}\n >\n ${item.label}\n </div>`;\n }\n })}\n </div>\n </temba-dropdown>`\n : null}\n </div>\n `;\n }\n}\n"]}
|
|
@@ -58,12 +58,14 @@ export class TembaList extends RapidElement {
|
|
|
58
58
|
updated(changedProperties) {
|
|
59
59
|
super.updated(changedProperties);
|
|
60
60
|
if (changedProperties.has('endpoint') && this.endpoint) {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
this.reset();
|
|
62
|
+
this.loading = true;
|
|
63
|
+
this.fetchItems();
|
|
64
|
+
}
|
|
65
|
+
if (changedProperties.has('loading')) {
|
|
66
|
+
if (!this.loading) {
|
|
67
|
+
this.fireCustomEvent(CustomEventType.FetchComplete);
|
|
65
68
|
}
|
|
66
|
-
this.httpComplete = this.fetchItems();
|
|
67
69
|
}
|
|
68
70
|
if (changedProperties.has('refreshKey') &&
|
|
69
71
|
!changedProperties.has('endpoint')) {
|
|
@@ -229,6 +231,7 @@ export class TembaList extends RapidElement {
|
|
|
229
231
|
// aborted
|
|
230
232
|
this.reset();
|
|
231
233
|
console.log('error, resetting');
|
|
234
|
+
console.log(error);
|
|
232
235
|
return;
|
|
233
236
|
}
|
|
234
237
|
this.nextPage = nextPage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TembaList.js","sourceRoot":"","sources":["../../../src/list/TembaList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { fetchResultsPage, ResultsPage } from '../utils';\n\nconst DEFAULT_REFRESH = 10000;\n\nexport class TembaList extends RapidElement {\n @property({ type: Array, attribute: false })\n items: any[] = [];\n\n @property({ type: Object, attribute: false })\n selected: any;\n\n @property({ type: Number })\n cursorIndex = -1;\n\n @property({ type: String })\n endpoint: string;\n\n @property({ type: String })\n nextSelection: any;\n\n @property({ type: Number })\n tabIndex = 1;\n\n @property({ type: String })\n valueKey = 'id';\n\n @property({ type: String })\n value: string;\n\n @property({ type: Boolean })\n loading = false;\n\n @property({ type: Boolean })\n collapsed: boolean;\n\n @property({ type: Boolean })\n hideShadow: boolean;\n\n @property({ type: Boolean })\n paused = false;\n\n @property({ attribute: false })\n getNextRefresh: (firstOption: any) => any;\n\n @property({ attribute: false })\n sanitizeOption: (option: any) => any;\n\n @property({ attribute: false })\n renderOption: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionDetail: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false, type: Object })\n mostRecentItem: any;\n\n // changes to the refresh key force a refresh\n @property({ type: String })\n refreshKey = '0';\n\n reverseRefresh = true;\n\n // our next page from our endpoint\n nextPage: string = null;\n\n pages = 0;\n clearRefreshTimeout: any;\n pending: AbortController[] = [];\n\n store: Store;\n\n // used for testing only\n preserve: boolean;\n\n // http promise to monitor for completeness\n public httpComplete: Promise<void>;\n\n static get styles() {\n return css`\n :host {\n }\n\n temba-options {\n display: block;\n width: 100%;\n flex-grow: 1;\n }\n `;\n }\n\n constructor() {\n super();\n this.store = document.querySelector('temba-store') as Store;\n this.handleSelection.bind(this);\n }\n\n private reset(): void {\n this.selected = null;\n this.nextPage = null;\n this.cursorIndex = -1;\n this.mostRecentItem = null;\n this.items = [];\n }\n\n refreshInterval = null;\n\n public connectedCallback() {\n super.connectedCallback();\n this.refreshInterval = setInterval(() => {\n if (!this.paused) {\n this.refreshKey = 'default_' + new Date().getTime();\n }\n }, DEFAULT_REFRESH);\n }\n\n public disconnectedCallback() {\n clearInterval(this.refreshInterval);\n }\n\n public updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('endpoint') && this.endpoint) {\n // if our tests aren't preserving our properties, reset\n if (!this.preserve) {\n this.reset();\n this.loading = true;\n }\n\n this.httpComplete = this.fetchItems();\n }\n\n if (\n changedProperties.has('refreshKey') &&\n !changedProperties.has('endpoint')\n ) {\n this.refreshTop();\n }\n\n if (changedProperties.has('mostRecentItem')) {\n this.fireCustomEvent(CustomEventType.Refreshed);\n }\n\n if (changedProperties.has('cursorIndex')) {\n if (this.cursorIndex > -1) {\n this.selected = this.items[this.cursorIndex];\n this.handleSelected(this.selected);\n }\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n public handleSelected(selected: any) {\n const evt = new Event('change', { bubbles: true });\n this.dispatchEvent(evt);\n }\n\n private getValue(obj: any): any {\n if (!obj) {\n return null;\n }\n\n const path = this.valueKey.split('.');\n let current = obj;\n while (path.length > 0) {\n const key = path.shift();\n current = current[key];\n }\n return current;\n }\n\n public setSelection(value: string) {\n const index = this.items.findIndex(item => {\n return this.getValue(item) === value;\n });\n this.cursorIndex = index;\n this.selected = this.items[index];\n const evt = new Event('change', { bubbles: true });\n this.dispatchEvent(evt);\n }\n\n public getItemIndex(value: string) {\n return this.items.findIndex(option => this.getValue(option) === value);\n }\n\n public removeItem(value: string) {\n const index = this.getItemIndex(value);\n this.items.splice(index, 1);\n this.items = [...this.items];\n\n // if we were at the end, move us down\n this.cursorIndex = Math.max(\n 0,\n Math.min(this.items.length - 1, this.cursorIndex - 1)\n );\n\n // request a change even if it is the same, the item is different\n this.requestUpdate('cursorIndex');\n this.requestUpdate('items');\n }\n\n public getSelection(): any {\n return this.selected;\n }\n\n public refresh(): void {\n this.refreshKey = 'requested_' + new Date().getTime();\n }\n\n public setEndpoint(endpoint: string, nextSelection: any = null) {\n this.endpoint = endpoint;\n this.nextSelection = nextSelection;\n }\n\n public getRefreshEndpoint() {\n return this.endpoint;\n }\n\n /**\n * Refreshes the first page, updating any found items in our list\n */\n private async refreshTop(): Promise<void> {\n const refreshEndpoint = this.getRefreshEndpoint();\n if (!refreshEndpoint) {\n return;\n }\n\n // cancel any outstanding requests\n while (this.pending.length > 0) {\n const pending = this.pending.pop();\n pending.abort();\n }\n\n const controller = new AbortController();\n this.pending.push(controller);\n\n const prevItem = this.items[this.cursorIndex];\n\n try {\n const page = await fetchResultsPage(\n this.getRefreshEndpoint(),\n controller\n );\n\n const items = [...this.items];\n // remove any dupes already in our list\n if (page.results) {\n page.results.forEach((newOption: any) => {\n if (this.sanitizeOption) {\n this.sanitizeOption(newOption);\n }\n const newValue = this.getValue(newOption);\n const removeIndex = items.findIndex(\n option => this.getValue(option) === newValue\n );\n\n if (removeIndex > -1) {\n items.splice(removeIndex, 1);\n }\n });\n\n // insert our new items at the front\n let results = page.results;\n if (this.reverseRefresh) {\n results = page.results.reverse();\n }\n const newItems = [...results, ...items];\n\n const topItem = newItems[0];\n if (\n !this.mostRecentItem ||\n JSON.stringify(this.mostRecentItem) !== JSON.stringify(topItem)\n ) {\n this.mostRecentItem = topItem;\n }\n\n if (prevItem) {\n const newItem = newItems[this.cursorIndex];\n const prevValue = this.getValue(prevItem);\n if (prevValue !== this.getValue(newItem)) {\n const newIndex = newItems.findIndex(\n option => this.getValue(option) === prevValue\n );\n this.cursorIndex = newIndex;\n\n // make sure our focused item is visible\n window.setTimeout(() => {\n const options = this.shadowRoot.querySelector('temba-options');\n if (options) {\n const option =\n options.shadowRoot.querySelector('.option.focused');\n option.scrollIntoView({ block: 'end', inline: 'nearest' });\n }\n }, 0);\n }\n }\n\n this.items = newItems;\n }\n } catch (error) {\n console.error(error);\n }\n }\n\n private async fetchItems(): Promise<void> {\n // cancel any outstanding requests\n while (this.pending.length > 0) {\n const pending = this.pending.pop();\n pending.abort();\n }\n\n let endpoint = this.endpoint;\n let pagesToFetch = this.pages || 1;\n let pages = 0;\n let nextPage = null;\n\n let fetchedItems: any[] = [];\n\n while (pagesToFetch > 0 && endpoint) {\n const controller = new AbortController();\n this.pending.push(controller);\n\n try {\n const page = await fetchResultsPage(endpoint, controller);\n\n // sanitize our options if necessary\n if (this.sanitizeOption) {\n page.results.forEach(this.sanitizeOption);\n }\n\n if (page.results) {\n fetchedItems = fetchedItems.concat(page.results);\n }\n\n // save our next pages\n nextPage = page.next;\n endpoint = nextPage;\n pagesToFetch--;\n pages++;\n } catch (error) {\n // aborted\n this.reset();\n\n console.log('error, resetting');\n return;\n }\n\n this.nextPage = nextPage;\n }\n this.pages = pages;\n\n const topItem = fetchedItems[0];\n if (\n !this.mostRecentItem ||\n JSON.stringify(this.mostRecentItem) !== JSON.stringify(topItem)\n ) {\n this.mostRecentItem = topItem;\n }\n\n // see if our cursor needs to move to stay on the same item\n const newItem = fetchedItems[this.cursorIndex];\n\n if (\n !this.nextSelection &&\n this.selected &&\n newItem &&\n this.getValue(newItem) !== this.getValue(this.selected)\n ) {\n const index = fetchedItems.findIndex(item => {\n return this.getValue(item) === this.getValue(this.selected);\n });\n\n // old selection is in the new fetch\n if (index > -1) {\n this.cursorIndex = index;\n }\n // old selection is missing from the new fetch\n else {\n // if our index didn't change, our item still did, fire change\n if (this.cursorIndex === 0) {\n this.requestUpdate('cursorIndex');\n }\n // otherwise select the first item\n else {\n this.cursorIndex = 0;\n }\n }\n }\n\n // save our results\n this.items = fetchedItems;\n this.loading = false;\n this.pending = [];\n\n if (this.nextSelection) {\n this.setSelection(this.nextSelection);\n this.nextSelection = false;\n } else {\n if (this.cursorIndex === -1) {\n this.cursorIndex = 0;\n }\n }\n\n // TODO: Not sure why this is needed\n // this.requestUpdate('cursorIndex');\n\n if (this.value) {\n this.setSelection(this.value);\n this.value = null;\n }\n\n return Promise.resolve();\n }\n\n private handleScrollThreshold() {\n if (this.nextPage && !this.loading) {\n this.loading = true;\n fetchResultsPage(this.nextPage).then((page: ResultsPage) => {\n if (this.sanitizeOption) {\n page.results.forEach(this.sanitizeOption);\n }\n\n this.items = [...this.items, ...page.results];\n this.nextPage = page.next;\n this.pages++;\n this.loading = false;\n });\n }\n }\n\n public renderHeader(): TemplateResult {\n return null;\n }\n\n public renderFooter(): TemplateResult {\n return null;\n }\n\n public getListStyle() {\n return '';\n }\n\n private handleSelection(event: CustomEvent) {\n const { selected, index } = event.detail;\n\n this.selected = selected;\n this.cursorIndex = index;\n\n event.stopPropagation();\n event.preventDefault();\n }\n\n public render(): TemplateResult {\n return html`\n ${this.renderHeader()}\n <temba-options\n style=\"${this.getListStyle()}\"\n ?visible=${true}\n ?block=${true}\n ?hideShadow=${this.hideShadow}\n ?collapsed=${this.collapsed}\n ?loading=${this.loading}\n .renderOption=${this.renderOption}\n .renderOptionDetail=${this.renderOptionDetail}\n @temba-scroll-threshold=${this.handleScrollThreshold}\n @temba-selection=${this.handleSelection.bind(this)}\n .options=${this.items}\n .cursorIndex=${this.cursorIndex}\n >\n <slot></slot>\n </temba-options>\n ${this.renderFooter()}\n `;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"TembaList.js","sourceRoot":"","sources":["../../../src/list/TembaList.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { fetchResultsPage, ResultsPage } from '../utils';\n\nconst DEFAULT_REFRESH = 10000;\n\nexport class TembaList extends RapidElement {\n @property({ type: Array, attribute: false })\n items: any[] = [];\n\n @property({ type: Object, attribute: false })\n selected: any;\n\n @property({ type: Number })\n cursorIndex = -1;\n\n @property({ type: String })\n endpoint: string;\n\n @property({ type: String })\n nextSelection: any;\n\n @property({ type: Number })\n tabIndex = 1;\n\n @property({ type: String })\n valueKey = 'id';\n\n @property({ type: String })\n value: string;\n\n @property({ type: Boolean })\n loading = false;\n\n @property({ type: Boolean })\n collapsed: boolean;\n\n @property({ type: Boolean })\n hideShadow: boolean;\n\n @property({ type: Boolean })\n paused = false;\n\n @property({ attribute: false })\n getNextRefresh: (firstOption: any) => any;\n\n @property({ attribute: false })\n sanitizeOption: (option: any) => any;\n\n @property({ attribute: false })\n renderOption: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionDetail: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false, type: Object })\n mostRecentItem: any;\n\n // changes to the refresh key force a refresh\n @property({ type: String })\n refreshKey = '0';\n\n reverseRefresh = true;\n\n // our next page from our endpoint\n nextPage: string = null;\n\n pages = 0;\n clearRefreshTimeout: any;\n pending: AbortController[] = [];\n\n store: Store;\n\n // used for testing only\n preserve: boolean;\n\n static get styles() {\n return css`\n :host {\n }\n\n temba-options {\n display: block;\n width: 100%;\n flex-grow: 1;\n }\n `;\n }\n\n constructor() {\n super();\n this.store = document.querySelector('temba-store') as Store;\n this.handleSelection.bind(this);\n }\n\n private reset(): void {\n this.selected = null;\n this.nextPage = null;\n this.cursorIndex = -1;\n this.mostRecentItem = null;\n this.items = [];\n }\n\n refreshInterval = null;\n\n public connectedCallback() {\n super.connectedCallback();\n this.refreshInterval = setInterval(() => {\n if (!this.paused) {\n this.refreshKey = 'default_' + new Date().getTime();\n }\n }, DEFAULT_REFRESH);\n }\n\n public disconnectedCallback() {\n clearInterval(this.refreshInterval);\n }\n\n public updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n if (changedProperties.has('endpoint') && this.endpoint) {\n this.reset();\n this.loading = true;\n this.fetchItems();\n }\n\n if (changedProperties.has('loading')) {\n if (!this.loading) {\n this.fireCustomEvent(CustomEventType.FetchComplete);\n }\n }\n\n if (\n changedProperties.has('refreshKey') &&\n !changedProperties.has('endpoint')\n ) {\n this.refreshTop();\n }\n\n if (changedProperties.has('mostRecentItem')) {\n this.fireCustomEvent(CustomEventType.Refreshed);\n }\n\n if (changedProperties.has('cursorIndex')) {\n if (this.cursorIndex > -1) {\n this.selected = this.items[this.cursorIndex];\n this.handleSelected(this.selected);\n }\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n public handleSelected(selected: any) {\n const evt = new Event('change', { bubbles: true });\n this.dispatchEvent(evt);\n }\n\n private getValue(obj: any): any {\n if (!obj) {\n return null;\n }\n\n const path = this.valueKey.split('.');\n let current = obj;\n while (path.length > 0) {\n const key = path.shift();\n current = current[key];\n }\n return current;\n }\n\n public setSelection(value: string) {\n const index = this.items.findIndex(item => {\n return this.getValue(item) === value;\n });\n this.cursorIndex = index;\n this.selected = this.items[index];\n const evt = new Event('change', { bubbles: true });\n this.dispatchEvent(evt);\n }\n\n public getItemIndex(value: string) {\n return this.items.findIndex(option => this.getValue(option) === value);\n }\n\n public removeItem(value: string) {\n const index = this.getItemIndex(value);\n this.items.splice(index, 1);\n this.items = [...this.items];\n\n // if we were at the end, move us down\n this.cursorIndex = Math.max(\n 0,\n Math.min(this.items.length - 1, this.cursorIndex - 1)\n );\n\n // request a change even if it is the same, the item is different\n this.requestUpdate('cursorIndex');\n this.requestUpdate('items');\n }\n\n public getSelection(): any {\n return this.selected;\n }\n\n public refresh(): void {\n this.refreshKey = 'requested_' + new Date().getTime();\n }\n\n public setEndpoint(endpoint: string, nextSelection: any = null) {\n this.endpoint = endpoint;\n this.nextSelection = nextSelection;\n }\n\n public getRefreshEndpoint() {\n return this.endpoint;\n }\n\n /**\n * Refreshes the first page, updating any found items in our list\n */\n private async refreshTop(): Promise<void> {\n const refreshEndpoint = this.getRefreshEndpoint();\n if (!refreshEndpoint) {\n return;\n }\n\n // cancel any outstanding requests\n while (this.pending.length > 0) {\n const pending = this.pending.pop();\n pending.abort();\n }\n\n const controller = new AbortController();\n this.pending.push(controller);\n\n const prevItem = this.items[this.cursorIndex];\n\n try {\n const page = await fetchResultsPage(\n this.getRefreshEndpoint(),\n controller\n );\n\n const items = [...this.items];\n // remove any dupes already in our list\n if (page.results) {\n page.results.forEach((newOption: any) => {\n if (this.sanitizeOption) {\n this.sanitizeOption(newOption);\n }\n const newValue = this.getValue(newOption);\n const removeIndex = items.findIndex(\n option => this.getValue(option) === newValue\n );\n\n if (removeIndex > -1) {\n items.splice(removeIndex, 1);\n }\n });\n\n // insert our new items at the front\n let results = page.results;\n if (this.reverseRefresh) {\n results = page.results.reverse();\n }\n const newItems = [...results, ...items];\n\n const topItem = newItems[0];\n if (\n !this.mostRecentItem ||\n JSON.stringify(this.mostRecentItem) !== JSON.stringify(topItem)\n ) {\n this.mostRecentItem = topItem;\n }\n\n if (prevItem) {\n const newItem = newItems[this.cursorIndex];\n const prevValue = this.getValue(prevItem);\n if (prevValue !== this.getValue(newItem)) {\n const newIndex = newItems.findIndex(\n option => this.getValue(option) === prevValue\n );\n this.cursorIndex = newIndex;\n\n // make sure our focused item is visible\n window.setTimeout(() => {\n const options = this.shadowRoot.querySelector('temba-options');\n if (options) {\n const option =\n options.shadowRoot.querySelector('.option.focused');\n option.scrollIntoView({ block: 'end', inline: 'nearest' });\n }\n }, 0);\n }\n }\n\n this.items = newItems;\n }\n } catch (error) {\n console.error(error);\n }\n }\n\n private async fetchItems(): Promise<void> {\n // cancel any outstanding requests\n while (this.pending.length > 0) {\n const pending = this.pending.pop();\n pending.abort();\n }\n\n let endpoint = this.endpoint;\n let pagesToFetch = this.pages || 1;\n let pages = 0;\n let nextPage = null;\n\n let fetchedItems: any[] = [];\n\n while (pagesToFetch > 0 && endpoint) {\n const controller = new AbortController();\n this.pending.push(controller);\n\n try {\n const page = await fetchResultsPage(endpoint, controller);\n\n // sanitize our options if necessary\n if (this.sanitizeOption) {\n page.results.forEach(this.sanitizeOption);\n }\n\n if (page.results) {\n fetchedItems = fetchedItems.concat(page.results);\n }\n\n // save our next pages\n nextPage = page.next;\n endpoint = nextPage;\n pagesToFetch--;\n pages++;\n } catch (error) {\n // aborted\n this.reset();\n\n console.log('error, resetting');\n console.log(error);\n return;\n }\n\n this.nextPage = nextPage;\n }\n this.pages = pages;\n\n const topItem = fetchedItems[0];\n if (\n !this.mostRecentItem ||\n JSON.stringify(this.mostRecentItem) !== JSON.stringify(topItem)\n ) {\n this.mostRecentItem = topItem;\n }\n\n // see if our cursor needs to move to stay on the same item\n const newItem = fetchedItems[this.cursorIndex];\n\n if (\n !this.nextSelection &&\n this.selected &&\n newItem &&\n this.getValue(newItem) !== this.getValue(this.selected)\n ) {\n const index = fetchedItems.findIndex(item => {\n return this.getValue(item) === this.getValue(this.selected);\n });\n\n // old selection is in the new fetch\n if (index > -1) {\n this.cursorIndex = index;\n }\n // old selection is missing from the new fetch\n else {\n // if our index didn't change, our item still did, fire change\n if (this.cursorIndex === 0) {\n this.requestUpdate('cursorIndex');\n }\n // otherwise select the first item\n else {\n this.cursorIndex = 0;\n }\n }\n }\n\n // save our results\n this.items = fetchedItems;\n this.loading = false;\n this.pending = [];\n\n if (this.nextSelection) {\n this.setSelection(this.nextSelection);\n this.nextSelection = false;\n } else {\n if (this.cursorIndex === -1) {\n this.cursorIndex = 0;\n }\n }\n\n // TODO: Not sure why this is needed\n // this.requestUpdate('cursorIndex');\n\n if (this.value) {\n this.setSelection(this.value);\n this.value = null;\n }\n\n return Promise.resolve();\n }\n\n private handleScrollThreshold() {\n if (this.nextPage && !this.loading) {\n this.loading = true;\n fetchResultsPage(this.nextPage).then((page: ResultsPage) => {\n if (this.sanitizeOption) {\n page.results.forEach(this.sanitizeOption);\n }\n\n this.items = [...this.items, ...page.results];\n this.nextPage = page.next;\n this.pages++;\n this.loading = false;\n });\n }\n }\n\n public renderHeader(): TemplateResult {\n return null;\n }\n\n public renderFooter(): TemplateResult {\n return null;\n }\n\n public getListStyle() {\n return '';\n }\n\n private handleSelection(event: CustomEvent) {\n const { selected, index } = event.detail;\n\n this.selected = selected;\n this.cursorIndex = index;\n\n event.stopPropagation();\n event.preventDefault();\n }\n\n public render(): TemplateResult {\n return html`\n ${this.renderHeader()}\n <temba-options\n style=\"${this.getListStyle()}\"\n ?visible=${true}\n ?block=${true}\n ?hideShadow=${this.hideShadow}\n ?collapsed=${this.collapsed}\n ?loading=${this.loading}\n .renderOption=${this.renderOption}\n .renderOptionDetail=${this.renderOptionDetail}\n @temba-scroll-threshold=${this.handleScrollThreshold}\n @temba-selection=${this.handleSelection.bind(this)}\n .options=${this.items}\n .cursorIndex=${this.cursorIndex}\n >\n <slot></slot>\n </temba-options>\n ${this.renderFooter()}\n `;\n }\n}\n"]}
|
|
@@ -391,14 +391,17 @@ export class Select extends FormElement {
|
|
|
391
391
|
}
|
|
392
392
|
}, this.quietMillis);
|
|
393
393
|
}
|
|
394
|
+
if (this.endpoint && changedProperties.has('fetching')) {
|
|
395
|
+
if (!this.fetching && !this.isPastFetchThreshold()) {
|
|
396
|
+
this.fireCustomEvent(CustomEventType.FetchComplete);
|
|
397
|
+
}
|
|
398
|
+
}
|
|
394
399
|
// if our cursor changed, lets make sure our scrollbox is showing it
|
|
395
400
|
if ((changedProperties.has('cursorIndex') ||
|
|
396
401
|
changedProperties.has('visibleOptions')) &&
|
|
397
402
|
this.endpoint &&
|
|
398
403
|
!this.fetching) {
|
|
399
|
-
if (
|
|
400
|
-
!this.complete &&
|
|
401
|
-
(this.cursorIndex || 0) > this.visibleOptions.length - LOOK_AHEAD) {
|
|
404
|
+
if (this.isPastFetchThreshold()) {
|
|
402
405
|
this.fetchOptions(this.query, this.page + 1);
|
|
403
406
|
}
|
|
404
407
|
}
|
|
@@ -436,6 +439,11 @@ export class Select extends FormElement {
|
|
|
436
439
|
this.selectedIndex = -1;
|
|
437
440
|
this.fireEvent('change');
|
|
438
441
|
}
|
|
442
|
+
isPastFetchThreshold() {
|
|
443
|
+
return ((this.visibleOptions.length > 0 || this.next) &&
|
|
444
|
+
!this.complete &&
|
|
445
|
+
(this.cursorIndex || 0) > this.visibleOptions.length - LOOK_AHEAD);
|
|
446
|
+
}
|
|
439
447
|
handleOptionSelection(event) {
|
|
440
448
|
const selected = event.detail.selected;
|
|
441
449
|
// check if we should post it
|
|
@@ -554,6 +562,9 @@ export class Select extends FormElement {
|
|
|
554
562
|
options.sort(this.sortFunction);
|
|
555
563
|
}
|
|
556
564
|
this.visibleOptions = options;
|
|
565
|
+
this.fireCustomEvent(CustomEventType.ContentChanged, {
|
|
566
|
+
options: this.visibleOptions,
|
|
567
|
+
});
|
|
557
568
|
}
|
|
558
569
|
fetchExpressions() {
|
|
559
570
|
const store = document.querySelector('temba-store');
|
|
@@ -564,6 +575,7 @@ export class Select extends FormElement {
|
|
|
564
575
|
this.completionOptions = result.options;
|
|
565
576
|
this.visibleOptions = [];
|
|
566
577
|
this.anchorPosition = result.anchorPosition;
|
|
578
|
+
this.fireCustomEvent(CustomEventType.FetchComplete);
|
|
567
579
|
return;
|
|
568
580
|
}
|
|
569
581
|
}
|
|
@@ -636,7 +648,7 @@ export class Select extends FormElement {
|
|
|
636
648
|
});
|
|
637
649
|
}
|
|
638
650
|
else {
|
|
639
|
-
|
|
651
|
+
getUrl(url)
|
|
640
652
|
.then((response) => {
|
|
641
653
|
const results = this.getOptions(response).filter((option) => {
|
|
642
654
|
return this.isMatch(option, q);
|
|
@@ -664,7 +676,9 @@ export class Select extends FormElement {
|
|
|
664
676
|
next: this.next,
|
|
665
677
|
});
|
|
666
678
|
}
|
|
679
|
+
// if (!this.next) {
|
|
667
680
|
this.fetching = false;
|
|
681
|
+
//}
|
|
668
682
|
this.page = page;
|
|
669
683
|
})
|
|
670
684
|
.catch((reason) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/select/Select.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n getUrl,\n getClasses,\n fetchResults,\n WebResponse,\n postJSON,\n} from '../utils';\nimport '../options/Options';\nimport { EventHandler } from '../RapidElement';\nimport { FormElement } from '../FormElement';\n\nimport Lru from 'tiny-lru';\nimport { CompletionOption, CustomEventType, Position } from '../interfaces';\nimport {\n renderCompletionOption,\n updateInputElementWithCompletion,\n executeCompletionQuery,\n} from '../completion/helpers';\nimport { Store } from '../store/Store';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { Icon } from '../vectoricon';\n\nconst LOOK_AHEAD = 20;\n\nexport class Select extends FormElement {\n static get styles() {\n return css`\n :host {\n font-family: var(--font-family);\n transition: all ease-in-out var(--transition-speed);\n display: inline;\n line-height: normal;\n outline: none;\n position: relative;\n --icon-color: var(--color-text-dark-secondary);\n }\n\n temba-options {\n --temba-options-font-size: var(--temba-select-selected-font-size);\n --icon-color: var(--color-text-dark);\n z-index: 3;\n }\n\n :host:focus {\n outline: none;\n }\n\n #anchor {\n position: absolute;\n visibility: hidden;\n width: 250px;\n height: 25px;\n }\n\n .remove-item {\n cursor: pointer;\n display: inline-block;\n padding: 3px 6px;\n border-right: 1px solid rgba(100, 100, 100, 0.2);\n margin: 0;\n background: rgba(100, 100, 100, 0.05);\n }\n\n .selected-item.multi .remove-item {\n display: none;\n }\n\n .remove-item:hover {\n background: rgba(100, 100, 100, 0.1);\n }\n\n input:focus {\n outline: none;\n box-shadow: none;\n cursor: text;\n }\n\n .select-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--color-widget-border);\n transition: all ease-in-out var(--transition-speed);\n cursor: pointer;\n border-radius: var(--curvature-widget);\n background: var(--color-widget-bg);\n padding-top: 1px;\n box-shadow: var(--widget-shadow);\n\n position: relative;\n z-index: 2;\n }\n\n temba-icon.select-open:hover,\n .clear-button:hover {\n --icon-color: var(--color-text-dark);\n }\n\n .select-container:focus {\n outline: none;\n }\n\n .select-container.multi {\n /* background: var(--color-widget-bg); */\n }\n\n .select-container.focused {\n background: var(--color-widget-bg-focused);\n border-color: var(--color-focus);\n box-shadow: var(--widget-box-shadow-focused);\n }\n\n .left-side {\n flex: 1;\n }\n\n .empty .selected {\n }\n\n .empty .placeholder {\n display: block;\n }\n\n .selected {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n user-select: none;\n padding: var(--temba-select-selected-padding);\n }\n\n .searchable .selected {\n padding: 4px !important;\n }\n\n .multi .selected {\n flex-wrap: wrap;\n padding: 4px;\n }\n\n .multi.empty .selected {\n padding: var(--temba-select-selected-padding);\n }\n\n .selected .selected-item {\n display: flex;\n overflow: hidden;\n color: var(--color-widget-text);\n line-height: var(--temba-select-selected-line-height);\n --icon-color: var(--color-text-dark);\n }\n\n .multi .selected .selected-item {\n vertical-align: middle;\n background: rgba(100, 100, 100, 0.1);\n user-select: none;\n border-radius: 2px;\n align-items: stretch;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 2px 2px;\n }\n\n .selected-item .option-name {\n padding: 0px;\n font-size: var(--temba-select-selected-font-size);\n align-self: center;\n }\n\n .multi .selected-item .option-name {\n flex: 1 1 auto;\n align-self: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n padding: 2px 8px;\n }\n\n .multi .selected .selected-item.focused {\n background: rgba(100, 100, 100, 0.3);\n }\n\n input {\n font-size: 13px;\n width: 0px;\n cursor: pointer;\n background: none;\n resize: none;\n border: none !important;\n visibility: visible;\n line-height: inherit !important;\n height: var(--search-input-height) !important;\n margin: 0px !important;\n padding: 0px !important;\n box-shadow: none !important;\n font-family: var(--font-family);\n caret-color: var(--input-caret);\n }\n\n input:focus {\n box-shadow: none !important;\n }\n\n .searchable.no-search-input .input-wrapper {\n flex-grow: inherit;\n min-width: 1px;\n }\n\n .searchable.no-search-input.empty .input-wrapper {\n flex-grow: 1;\n min-width: 1px;\n }\n\n .searchable.no-search-input .input-wrapper .searchbox {\n flex-grow: inherit;\n min-width: 1px;\n }\n\n .searchable .input-wrapper .searchbox {\n flex-grow: 1;\n min-width: 100%;\n height: 100%;\n }\n\n .searchable.single.search-input .selected .selected-item {\n display: none;\n }\n\n .searchable.single.no-search-input\n .selected\n .input-wrapper\n input.searchbox {\n padding: 6px 2px !important;\n }\n\n .searchable.single.no-search-input.empty\n .selected\n .input-wrapper\n input.searchbox {\n padding: 6px 6px !important;\n }\n\n .empty input {\n width: 100%;\n }\n\n .searchable input {\n padding: 6px 4px !important;\n }\n\n .searchable input {\n font-weight: 300;\n visibility: visible;\n cursor: pointer;\n background: none;\n color: var(--color-text);\n resize: none;\n box-shadow: none !important;\n flex-grow: 1;\n border: none;\n caret-color: var(--input-caret);\n }\n\n .searchable input:focus {\n box-shadow: none !important;\n }\n\n .input-wrapper {\n flex-grow: 1;\n }\n\n .input-wrapper .searchbox {\n }\n\n .searchbox {\n border: 0px;\n }\n\n .searchbox::placeholder {\n color: var(--color-placeholder);\n font-weight: 300;\n font-size: 1.1em;\n line-height: var(--temba-select-selected-line-height);\n padding-left: 1px;\n }\n\n .placeholder {\n font-size: var(--temba-select-selected-font-size);\n color: var(--color-placeholder);\n display: none;\n font-weight: 300;\n line-height: var(--temba-select-selected-line-height);\n }\n\n .footer {\n padding: 5px 10px;\n background: var(--color-primary-light);\n color: rgba(0, 0, 0, 0.5);\n font-size: 80%;\n border-bottom-left-radius: var(--curvature-widget);\n border-bottom-right-radius: var(--curvature-widget);\n }\n\n .small {\n --temba-select-selected-padding: 7px;\n --temba-select-selected-line-height: 13px;\n --temba-select-selected-font-size: 12px;\n --search-input-height: 7px !important;\n }\n\n .info-text {\n opacity: 1;\n transition: margin var(--transition-speed) ease-in-out;\n margin-bottom: 16px;\n margin-top: -1em;\n padding: 0.5em 1em;\n background: #f3f3f3;\n padding-top: 1.5em;\n border-radius: var(--curvature);\n font-size: 0.9em;\n color: rgba(0, 0, 0, 0.5);\n box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);\n z-index: 1;\n position: relative;\n }\n\n .info-text.focused {\n opacity: 1;\n }\n\n .info-text.hide {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0px;\n margin-top: -2em;\n pointer-events: none;\n }\n `;\n }\n\n @property({ type: Boolean })\n multi = false;\n\n @property({ type: Boolean })\n searchOnFocus = false;\n\n @property({ type: String })\n placeholder = '';\n\n @property()\n name = '';\n\n @property()\n endpoint: string;\n\n @property({ type: String })\n nameKey = 'name';\n\n @property({ type: String })\n valueKey = 'value';\n\n @property({ attribute: false })\n currentFunction: CompletionOption;\n\n @property({ type: String })\n queryParam: string = null;\n\n @property({ type: String })\n input = '';\n\n @property({ type: Array })\n visibleOptions: any[] = [];\n\n @property({ type: Array })\n completionOptions: CompletionOption[] = [];\n\n @property({ type: Number })\n quietMillis = 0;\n\n @property({ type: Boolean })\n fetching: boolean;\n\n @property({ type: Boolean })\n searchable = false;\n\n @property({ type: String })\n expressions: string;\n\n @property({ type: Boolean })\n cache = true;\n\n @property({ type: String })\n cacheKey = '';\n\n @property({ type: Boolean })\n focused = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ attribute: false })\n selectedIndex = -1;\n\n @property({ type: Number })\n cursorIndex: number;\n\n @property({ attribute: false })\n anchorElement: HTMLElement;\n\n @property({ attribute: false })\n anchorExpressions: HTMLElement;\n\n @property({ type: Object })\n anchorPosition: Position = { left: 0, top: 0 };\n\n @property({ type: Boolean })\n tags = false;\n\n @property({ type: Boolean, attribute: 'space_select' })\n spaceSelect: boolean;\n\n @property({ type: Boolean })\n jsonValue: boolean;\n\n @property({ type: Boolean })\n hideErrors: boolean;\n\n @property({ type: Boolean })\n clearable: boolean;\n\n @property({ type: String })\n flavor = 'default';\n\n @property({ type: String, attribute: 'info_text' })\n infoText = '';\n\n @property({ attribute: false })\n getName: (option: any) => string = (option: any) =>\n option[this.nameKey || 'name'];\n\n @property({ attribute: false })\n isMatch: (option: any, q: string) => boolean = (option: any, q: string) => {\n const name = this.getName(option) || '';\n return name.toLowerCase().indexOf(q) > -1;\n };\n\n @property({ attribute: false })\n getValue: (option: any) => string = (option: any) =>\n option[this.valueKey || 'value'] || option.id;\n\n @property({ type: Number, attribute: 'option-width' })\n optionWidth: number;\n\n @property({ type: Boolean, attribute: 'anchor-right' })\n anchorRight: boolean;\n\n @property({ attribute: false })\n shouldExclude: (option: any) => boolean;\n\n @property({ attribute: false })\n sortFunction: (a: any, b: any) => number;\n\n @property({ attribute: false })\n renderOption: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionName: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionDetail: (option: any, selected: boolean) => TemplateResult = () =>\n html``;\n\n @property({ attribute: false })\n renderSelectedItem: (option: any) => TemplateResult =\n this.renderSelectedItemDefault;\n\n @property({ attribute: false })\n createArbitraryOption: (input: string, options: any[]) => any =\n this.createArbitraryOptionDefault;\n\n @property({ attribute: false })\n getOptions: (response: WebResponse) => any[] = this.getOptionsDefault;\n\n @property({ attribute: false })\n isComplete: (newestOptions: any[], response: WebResponse) => boolean =\n this.isCompleteDefault;\n\n @property({ type: Array, attribute: 'options' })\n private staticOptions: any[] = [];\n\n private lastQuery: number;\n\n // private cancelToken: CancelTokenSource;\n private complete: boolean;\n private page: number;\n private next: string = null;\n private query: string;\n\n private removingSelection: boolean;\n\n private lruCache = Lru(20, 60000);\n\n // http promise to monitor for completeness\n public httpComplete: Promise<void | WebResponse>;\n\n public updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n // if our cache key changes, clear it out\n if (changedProperties.has('cacheKey')) {\n this.lruCache.clear();\n }\n\n if (\n changedProperties.has('input') &&\n !changedProperties.has('values') &&\n !changedProperties.has('options') &&\n this.focused\n ) {\n if (this.lastQuery) {\n window.clearTimeout(this.lastQuery);\n }\n\n this.lastQuery = window.setTimeout(() => {\n if (this.expressions && this.input.indexOf('@') > -1) {\n this.fetchExpressions();\n } else {\n this.fetchOptions(this.input);\n }\n }, this.quietMillis);\n }\n\n // if our cursor changed, lets make sure our scrollbox is showing it\n if (\n (changedProperties.has('cursorIndex') ||\n changedProperties.has('visibleOptions')) &&\n this.endpoint &&\n !this.fetching\n ) {\n if (\n (this.visibleOptions.length > 0 || this.next) &&\n !this.complete &&\n (this.cursorIndex || 0) > this.visibleOptions.length - LOOK_AHEAD\n ) {\n this.fetchOptions(this.query, this.page + 1);\n }\n }\n\n // if they set an inital value, look through our static options for it\n if (changedProperties.has('value') && this.value) {\n const existing = this.staticOptions.find(option => {\n return this.getValue(option) === this.value;\n });\n\n if (existing) {\n this.setValue(existing);\n }\n }\n\n // default to the first option if we don't have a placeholder\n if (\n this.values.length === 0 &&\n !this.placeholder &&\n this.staticOptions.length > 0\n ) {\n this.setValue(this.staticOptions[0]);\n }\n }\n\n private setSelectedOption(option: any) {\n if (this.multi) {\n this.addValue(option);\n } else {\n this.setValue(option);\n }\n\n if (!this.multi || !this.searchable) {\n this.blur();\n this.focused = false;\n }\n\n this.visibleOptions = [];\n this.input = '';\n this.next = null;\n this.complete = true;\n this.selectedIndex = -1;\n\n this.fireEvent('change');\n }\n\n public handleOptionSelection(event: CustomEvent) {\n const selected = event.detail.selected;\n // check if we should post it\n if (selected.post && this.endpoint) {\n postJSON(this.endpoint, selected).then(response => {\n if (response.status >= 200 && response.status < 300) {\n this.setSelectedOption(response.json);\n this.lruCache = Lru(20, 60000);\n } else {\n // TODO: find a way to share inline errors\n this.blur();\n }\n });\n } else {\n this.setSelectedOption(selected);\n }\n }\n\n private handleExpressionSelection(evt: CustomEvent) {\n const option = evt.detail.selected as CompletionOption;\n const tabbed = evt.detail.tabbed;\n\n const ele = this.shadowRoot.querySelector('.searchbox') as HTMLInputElement;\n updateInputElementWithCompletion(this.query, ele, option);\n\n this.query = '';\n this.completionOptions = [];\n\n if (tabbed) {\n this.fetchExpressions();\n } else if (this.input.indexOf('(') === -1) {\n this.addInputAsValue();\n }\n }\n\n private getNameInternal: (option: any) => string = (option: any) => {\n return this.getName(option);\n };\n\n private getOptionsDefault(response: WebResponse): any[] {\n return response.json['results'];\n }\n\n private isCompleteDefault(\n newestOptions: any[],\n response: WebResponse\n ): boolean {\n const json = response.json;\n return !json['more'] && !json['next'];\n }\n\n public handleRemoveSelection(selectionToRemove: any): void {\n this.removeValue(selectionToRemove);\n this.visibleOptions = [];\n this.fireEvent('change');\n }\n\n private createArbitraryOptionDefault(): any {\n return null;\n }\n\n public open(): void {\n this.requestUpdate('input');\n }\n\n public isOpen(): boolean {\n return this.visibleOptions.length > 0;\n }\n\n public setOptions(options: any[]): void {\n this.staticOptions = options;\n }\n\n private setVisibleOptions(options: any[]) {\n // if we have an exclusion filter apply it\n options = options.filter(option => {\n // exclude unnamed\n if (!this.getNameInternal(option)) {\n return false;\n }\n\n if (this.shouldExclude) {\n return !this.shouldExclude(option);\n }\n return true;\n });\n\n if (this.input) {\n // if we are searching locally, filter for the query\n if (this.searchable && !this.queryParam) {\n const q = this.input.trim().toLowerCase();\n options = options.filter((option: any) => this.isMatch(option, q));\n }\n\n const arbitraryOption: any = this.createArbitraryOption(\n this.input,\n options\n );\n\n if (arbitraryOption) {\n // set our arbitrary flag so we never have more than one\n arbitraryOption.arbitrary = true;\n\n // make sure our id is not already present\n const exists = options.find(\n (option: any) =>\n this.getValue(option) === this.getValue(arbitraryOption)\n );\n\n if (!exists) {\n if (options.length > 0) {\n if (options[0].arbitrary) {\n options[0] = arbitraryOption;\n } else {\n options.unshift(arbitraryOption);\n }\n } else {\n options.unshift(arbitraryOption);\n }\n }\n }\n }\n\n // filter out any options already selected by id\n // TODO: should maybe be doing a deep equals here with option to optimize\n if (this.values.length > 0) {\n if (this.multi) {\n options = options.filter(\n option =>\n !this.values.find(\n selected => this.getValue(selected) === this.getValue(option)\n )\n );\n } else {\n // if no search, single select should set our cursor to the selected item\n if (!this.input) {\n this.cursorIndex = options.findIndex(\n option => this.getValue(option) === this.getValue(this.values[0])\n );\n } else {\n this.cursorIndex = 0;\n }\n this.requestUpdate('cursorIndex');\n }\n }\n\n // finally sort\n if (this.sortFunction) {\n options.sort(this.sortFunction);\n }\n\n this.visibleOptions = options;\n }\n\n public fetchExpressions() {\n const store: Store = document.querySelector('temba-store');\n if (this.expressions && store) {\n const ele = this.shadowRoot.querySelector(\n '.searchbox'\n ) as HTMLInputElement;\n\n const result = executeCompletionQuery(\n ele,\n store,\n this.expressions === 'session'\n );\n this.query = result.query;\n this.completionOptions = result.options;\n this.visibleOptions = [];\n this.anchorPosition = result.anchorPosition;\n return;\n }\n }\n\n public fetchOptions(query: string, page = 0) {\n this.completionOptions = [];\n\n if (!this.fetching) {\n this.fetching = true;\n\n // make sure we cancel any previous request\n // if (this.cancelToken) {\n // this.cancelToken.cancel();\n // }\n\n const options: any = [...this.staticOptions];\n const q = (query || '').trim().toLowerCase();\n\n if (this.tags && q) {\n if (\n !options.find(\n (option: any) =>\n this.getValue(option) && this.getValue(option).toLowerCase() === q\n )\n ) {\n options.splice(0, 0, { name: query, value: query });\n }\n }\n\n if (this.endpoint) {\n let url = this.endpoint;\n\n if (query && this.queryParam) {\n if (url.indexOf('?') > -1) {\n url += '&';\n } else {\n url += '?';\n }\n\n url += this.queryParam + '=' + encodeURIComponent(query);\n }\n\n if (page) {\n if (url.indexOf('?') > -1) {\n url += '&';\n } else {\n url += '?';\n }\n url += 'page=' + page;\n }\n\n if (this.next) {\n url = this.next;\n }\n\n const cache = this.lruCache.get(url);\n if (this.cache && !this.tags && cache) {\n if (page === 0 && !this.next) {\n this.cursorIndex = 0;\n this.setVisibleOptions([...options, ...cache.options]);\n } else {\n this.setVisibleOptions([...this.visibleOptions, ...cache.options]);\n }\n\n this.complete = cache.complete;\n this.next = cache.next;\n this.fetching = false;\n return;\n }\n\n // if we are searchable, but doing it locally, fetch all the options\n if (this.searchable && !this.queryParam) {\n fetchResults(url).then((results: any) => {\n if (this.cache && !this.tags) {\n this.lruCache.set(url, {\n options: results,\n complete: true,\n next: null,\n });\n\n this.complete = true;\n this.next = null;\n this.setVisibleOptions([...options, ...results]);\n this.fetching = false;\n }\n });\n } else {\n this.httpComplete = getUrl(url)\n .then((response: WebResponse) => {\n const results = this.getOptions(response).filter(\n (option: any) => {\n return this.isMatch(option, q);\n }\n );\n\n const json = response.json;\n if (json['next']) {\n this.next = json['next'];\n }\n\n if (page === 0 && !this.next) {\n this.cursorIndex = 0;\n this.setVisibleOptions([...options, ...results]);\n this.query = query;\n this.complete = this.isComplete(this.visibleOptions, response);\n } else {\n if (results.length > 0) {\n this.setVisibleOptions([...this.visibleOptions, ...results]);\n }\n this.complete = this.isComplete(results, response);\n }\n\n if (this.cache && !this.tags) {\n this.lruCache.set(url, {\n options: results,\n complete: this.complete,\n next: this.next,\n });\n }\n\n this.fetching = false;\n this.page = page;\n })\n .catch((reason: any) => {\n // cancelled\n this.fetching = false;\n console.error(reason);\n });\n }\n } else {\n this.fetching = false;\n this.setVisibleOptions(options);\n }\n }\n }\n\n private handleFocus(): void {\n if (!this.focused && this.visibleOptions.length === 0) {\n this.focused = true;\n if (this.searchOnFocus && !this.removingSelection) {\n this.requestUpdate('input');\n }\n }\n }\n\n private handleBlur() {\n this.focused = false;\n if (this.visibleOptions.length > 0) {\n this.input = '';\n this.next = null;\n this.complete = true;\n this.visibleOptions = [];\n this.cursorIndex = 0;\n }\n }\n\n private handleClick(): void {\n this.selectedIndex = -1;\n this.requestUpdate('input');\n }\n\n private addInputAsValue() {\n const ele = this.shadowRoot.querySelector('.searchbox') as HTMLInputElement;\n const expression = {\n name: ele.value,\n value: ele.value,\n expression: true,\n };\n\n if (this.multi) {\n if (\n !this.values.find(option => {\n return (\n option.expression &&\n option.value &&\n expression.value &&\n option.value.toLowerCase().trim() ==\n expression.value.toLowerCase().trim()\n );\n })\n ) {\n this.addValue(expression);\n }\n } else {\n this.setValue(expression);\n }\n this.input = '';\n if (!this.multi) {\n this.blur();\n }\n\n this.fireEvent('change');\n }\n\n private handleKeyDown(evt: KeyboardEvent) {\n // if we are completing an expression, select it\n if (\n evt.key === 'Enter' &&\n this.expressions &&\n this.completionOptions.length === 0 &&\n this.input.indexOf('@') > -1\n ) {\n this.addInputAsValue();\n }\n\n // see if we should open our options on a key event\n if (\n evt.key === 'Enter' ||\n evt.key === 'ArrowDown' ||\n (evt.key === 'n' && evt.ctrlKey)\n ) {\n if (\n this.visibleOptions.length === 0 &&\n this.completionOptions.length === 0\n ) {\n this.requestUpdate('input');\n return;\n }\n }\n\n // focus our last item on delete\n if (this.multi && evt.key === 'Backspace' && !this.input) {\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n return;\n }\n\n if (this.selectedIndex === -1) {\n this.selectedIndex = this.values.length - 1;\n this.visibleOptions = [];\n } else {\n this.popValue();\n this.selectedIndex = -1;\n }\n this.fireEvent('change');\n } else {\n this.selectedIndex = -1;\n }\n }\n\n public getStaticOptions() {\n return this.staticOptions;\n }\n\n private handleInput(evt: KeyboardEvent) {\n const ele = evt.currentTarget as HTMLInputElement;\n this.input = ele.value;\n }\n\n private handleCancel() {\n this.visibleOptions = [];\n }\n\n private handleCursorChanged(event: CustomEvent) {\n this.cursorIndex = event.detail.index;\n }\n\n private handleContainerClick(event: MouseEvent) {\n this.focused = true;\n\n if ((event.target as any).tagName !== 'INPUT') {\n const input = this.shadowRoot.querySelector('input');\n if (input) {\n input.click();\n input.focus();\n return;\n }\n\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n event.preventDefault();\n event.stopPropagation();\n } else {\n this.requestUpdate('input');\n }\n }\n }\n\n public getEventHandlers(): EventHandler[] {\n return [\n { event: CustomEventType.Canceled, method: this.handleCancel },\n {\n event: CustomEventType.CursorChanged,\n method: this.handleCursorChanged,\n },\n { event: 'blur', method: this.handleBlur },\n { event: 'focus', method: this.handleFocus },\n ];\n }\n\n public firstUpdated(changedProperties: any) {\n super.firstUpdated(changedProperties);\n\n this.anchorElement = this.shadowRoot.querySelector('.select-container');\n this.anchorExpressions = this.shadowRoot.querySelector('#anchor');\n\n // wait until children are created before adding our static options\n window.setTimeout(() => {\n for (const child of this.children) {\n if (child.tagName === 'TEMBA-OPTION') {\n const option: any = {};\n for (const attribute of child.attributes) {\n option[attribute.name] = attribute.value;\n }\n this.staticOptions.push(option);\n\n if (\n child.getAttribute('selected') !== null ||\n this.getValue(option) == this.value\n ) {\n if (this.getAttribute('multi') !== null) {\n this.addValue(option);\n } else {\n this.setValue(option);\n this.fireEvent('change');\n }\n }\n }\n }\n\n if (this.values.length === 0 && !this.placeholder) {\n if (this.staticOptions.length == 0 && this.endpoint) {\n // see if we need to auto select the first item but need to fetch it\n fetchResults(this.endpoint).then((results: any) => {\n if (results.length > 0) {\n this.setValue(results[0]);\n this.fireEvent('change');\n }\n });\n } else {\n if (this.getAttribute('multi') !== null) {\n this.addValue(this.staticOptions[0]);\n } else {\n this.setValue(this.staticOptions[0]);\n }\n this.fireEvent('change');\n }\n }\n\n if (this.searchable && this.staticOptions.length === 0) {\n this.quietMillis = 200;\n }\n }, 0);\n }\n\n private handleArrowClick(event: MouseEvent): void {\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n private renderSelectedItemDefault(option: any): TemplateResult {\n return html`\n <div class=\"option-name\" style=\"display:flex\">\n ${option.icon\n ? html`<temba-icon\n name=\"${option.icon}\"\n style=\"margin-right:0.5em;\"\n ></temba-icon>`\n : null}<span>${this.getName(option)}</span>\n </div>\n `;\n }\n\n public serializeValue(value: any): string {\n // static options just use their value\n if (!this.jsonValue && (this.staticOptions.length > 0 || this.tags)) {\n return value.value;\n }\n\n return super.serializeValue(value);\n }\n\n public setSelection(value: string): void {\n for (const option of this.staticOptions) {\n if (option.value === value) {\n if (this.values.length === 0 || this.values[0].value !== '' + value) {\n this.setValue(option);\n this.fireEvent('change');\n }\n return;\n }\n }\n }\n\n private handleClear(evt: MouseEvent): void {\n evt.preventDefault();\n evt.stopPropagation();\n this.setValues([]);\n this.fireEvent('change');\n }\n\n public render(): TemplateResult {\n const placeholder = this.values.length === 0 ? this.placeholder : '';\n const placeholderDiv = html`\n <div class=\"placeholder\">${placeholder}</div>\n `;\n\n const clear =\n this.clearable && this.values.length > 0 && !this.multi\n ? html`<temba-icon\n name=\"${Icon.select_clear}\"\n size=\"1.1\"\n class=\"clear-button\"\n @click=${this.handleClear}\n />`\n : null;\n\n const classes = getClasses({\n multi: this.multi,\n single: !this.multi,\n searchable: this.searchable,\n empty: this.values.length === 0,\n options: this.visibleOptions.length > 0,\n focused: this.focused,\n 'search-input': this.input.length > 0,\n 'no-search-input': this.input.length === 0,\n [this.flavor]: this.flavor !== null,\n disabled: this.disabled,\n });\n\n const anchorStyles = this.anchorPosition\n ? {\n top: '0px',\n left: `${this.anchorPosition.left - 10}px`,\n }\n : {};\n\n const input = this.searchable\n ? html`\n <div class=\"input-wrapper\">\n <input\n class=\"searchbox\"\n @input=${this.handleInput}\n @keydown=${this.handleKeyDown}\n @click=${this.handleClick}\n type=\"text\"\n placeholder=${placeholder}\n .value=${this.input}\n />\n <div id=\"anchor\" style=${styleMap(anchorStyles)}></div>\n </div>\n `\n : placeholderDiv;\n\n return html`\n <temba-field\n name=${this.name}\n .label=${this.label}\n .helpText=${this.helpText}\n .errors=${this.errors}\n .widgetOnly=${this.widgetOnly}\n .hideErrors=${this.hideErrors}\n ?disabled=${this.disabled}\n >\n \n \n <div\n tabindex=\"0\"\n class=\"select-container ${classes}\"\n @click=${this.handleContainerClick}\n > \n <div class=\"left-side\">\n <div class=\"selected\">\n ${!this.multi ? input : null}\n ${this.values.map(\n (selected: any, index: number) => html`\n <div\n class=\"selected-item ${index === this.selectedIndex\n ? 'focused'\n : ''}\"\n >\n ${this.multi\n ? html`\n <div\n class=\"remove-item\"\n style=\"margin-top:1px\"\n @mousedown=${() => {\n this.removingSelection = true;\n }}\n @mouseup=${() => {\n this.removingSelection = false;\n }}\n @click=${(evt: MouseEvent) => {\n evt.preventDefault();\n evt.stopPropagation();\n this.handleRemoveSelection(selected);\n }}\n >\n <temba-icon name=\"${Icon.delete_small}\" size=\"1\" />\n </div>\n `\n : null}\n ${this.renderSelectedItem(selected)}\n </div>\n `\n )}\n ${this.multi ? input : null}\n </div>\n </div>\n\n ${clear}\n\n ${\n !this.tags\n ? html`<div\n class=\"right-side\"\n style=\"display:block;margin-right:5px\"\n @click=${this.handleArrowClick}\n >\n <temba-icon\n size=\"1.5\"\n name=\"${Icon.select_open}\"\n class=\"select-open ${this.visibleOptions.length > 0\n ? 'open'\n : ''}\"\n />\n </div>`\n : null\n }\n </div>\n \n </div>\n <div class=\"info-text ${!this.infoText ? 'hide' : ''} ${\n this.focused ? 'focused' : ''\n }\">${this.infoText}</div>\n \n <temba-options\n @temba-selection=${this.handleOptionSelection}\n .cursorIndex=${this.cursorIndex}\n .renderOptionDetail=${this.renderOptionDetail}\n .renderOptionName=${this.renderOptionName}\n .renderOption=${this.renderOption}\n .anchorTo=${this.anchorElement}\n .options=${this.visibleOptions}\n .spaceSelect=${this.spaceSelect}\n .nameKey=${this.nameKey}\n .getName=${this.getNameInternal}\n static-width=${this.optionWidth}\n ?anchor-right=${this.anchorRight}\n ?visible=${this.visibleOptions.length > 0}\n ></temba-options>\n\n <temba-options\n @temba-selection=${this.handleExpressionSelection}\n @temba-canceled=${() => {}}\n .anchorTo=${this.anchorExpressions}\n .options=${this.completionOptions}\n .renderOption=${renderCompletionOption}\n ?visible=${this.completionOptions.length > 0}\n >\n ${\n this.currentFunction\n ? html`\n <div class=\"current-fn\">\n ${renderCompletionOption(this.currentFunction, true)}\n </div>\n `\n : null\n }\n <div class=\"footer\">Tab to complete, enter to select</div>\n </temba-options>\n\n\n\n </temba-field>\n \n `;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/select/Select.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n getUrl,\n getClasses,\n fetchResults,\n WebResponse,\n postJSON,\n} from '../utils';\nimport '../options/Options';\nimport { EventHandler } from '../RapidElement';\nimport { FormElement } from '../FormElement';\n\nimport Lru from 'tiny-lru';\nimport { CompletionOption, CustomEventType, Position } from '../interfaces';\nimport {\n renderCompletionOption,\n updateInputElementWithCompletion,\n executeCompletionQuery,\n} from '../completion/helpers';\nimport { Store } from '../store/Store';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { Icon } from '../vectoricon';\n\nconst LOOK_AHEAD = 20;\n\nexport class Select extends FormElement {\n static get styles() {\n return css`\n :host {\n font-family: var(--font-family);\n transition: all ease-in-out var(--transition-speed);\n display: inline;\n line-height: normal;\n outline: none;\n position: relative;\n --icon-color: var(--color-text-dark-secondary);\n }\n\n temba-options {\n --temba-options-font-size: var(--temba-select-selected-font-size);\n --icon-color: var(--color-text-dark);\n z-index: 3;\n }\n\n :host:focus {\n outline: none;\n }\n\n #anchor {\n position: absolute;\n visibility: hidden;\n width: 250px;\n height: 25px;\n }\n\n .remove-item {\n cursor: pointer;\n display: inline-block;\n padding: 3px 6px;\n border-right: 1px solid rgba(100, 100, 100, 0.2);\n margin: 0;\n background: rgba(100, 100, 100, 0.05);\n }\n\n .selected-item.multi .remove-item {\n display: none;\n }\n\n .remove-item:hover {\n background: rgba(100, 100, 100, 0.1);\n }\n\n input:focus {\n outline: none;\n box-shadow: none;\n cursor: text;\n }\n\n .select-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n border: 1px solid var(--color-widget-border);\n transition: all ease-in-out var(--transition-speed);\n cursor: pointer;\n border-radius: var(--curvature-widget);\n background: var(--color-widget-bg);\n padding-top: 1px;\n box-shadow: var(--widget-shadow);\n\n position: relative;\n z-index: 2;\n }\n\n temba-icon.select-open:hover,\n .clear-button:hover {\n --icon-color: var(--color-text-dark);\n }\n\n .select-container:focus {\n outline: none;\n }\n\n .select-container.multi {\n /* background: var(--color-widget-bg); */\n }\n\n .select-container.focused {\n background: var(--color-widget-bg-focused);\n border-color: var(--color-focus);\n box-shadow: var(--widget-box-shadow-focused);\n }\n\n .left-side {\n flex: 1;\n }\n\n .empty .selected {\n }\n\n .empty .placeholder {\n display: block;\n }\n\n .selected {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n user-select: none;\n padding: var(--temba-select-selected-padding);\n }\n\n .searchable .selected {\n padding: 4px !important;\n }\n\n .multi .selected {\n flex-wrap: wrap;\n padding: 4px;\n }\n\n .multi.empty .selected {\n padding: var(--temba-select-selected-padding);\n }\n\n .selected .selected-item {\n display: flex;\n overflow: hidden;\n color: var(--color-widget-text);\n line-height: var(--temba-select-selected-line-height);\n --icon-color: var(--color-text-dark);\n }\n\n .multi .selected .selected-item {\n vertical-align: middle;\n background: rgba(100, 100, 100, 0.1);\n user-select: none;\n border-radius: 2px;\n align-items: stretch;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 2px 2px;\n }\n\n .selected-item .option-name {\n padding: 0px;\n font-size: var(--temba-select-selected-font-size);\n align-self: center;\n }\n\n .multi .selected-item .option-name {\n flex: 1 1 auto;\n align-self: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n padding: 2px 8px;\n }\n\n .multi .selected .selected-item.focused {\n background: rgba(100, 100, 100, 0.3);\n }\n\n input {\n font-size: 13px;\n width: 0px;\n cursor: pointer;\n background: none;\n resize: none;\n border: none !important;\n visibility: visible;\n line-height: inherit !important;\n height: var(--search-input-height) !important;\n margin: 0px !important;\n padding: 0px !important;\n box-shadow: none !important;\n font-family: var(--font-family);\n caret-color: var(--input-caret);\n }\n\n input:focus {\n box-shadow: none !important;\n }\n\n .searchable.no-search-input .input-wrapper {\n flex-grow: inherit;\n min-width: 1px;\n }\n\n .searchable.no-search-input.empty .input-wrapper {\n flex-grow: 1;\n min-width: 1px;\n }\n\n .searchable.no-search-input .input-wrapper .searchbox {\n flex-grow: inherit;\n min-width: 1px;\n }\n\n .searchable .input-wrapper .searchbox {\n flex-grow: 1;\n min-width: 100%;\n height: 100%;\n }\n\n .searchable.single.search-input .selected .selected-item {\n display: none;\n }\n\n .searchable.single.no-search-input\n .selected\n .input-wrapper\n input.searchbox {\n padding: 6px 2px !important;\n }\n\n .searchable.single.no-search-input.empty\n .selected\n .input-wrapper\n input.searchbox {\n padding: 6px 6px !important;\n }\n\n .empty input {\n width: 100%;\n }\n\n .searchable input {\n padding: 6px 4px !important;\n }\n\n .searchable input {\n font-weight: 300;\n visibility: visible;\n cursor: pointer;\n background: none;\n color: var(--color-text);\n resize: none;\n box-shadow: none !important;\n flex-grow: 1;\n border: none;\n caret-color: var(--input-caret);\n }\n\n .searchable input:focus {\n box-shadow: none !important;\n }\n\n .input-wrapper {\n flex-grow: 1;\n }\n\n .input-wrapper .searchbox {\n }\n\n .searchbox {\n border: 0px;\n }\n\n .searchbox::placeholder {\n color: var(--color-placeholder);\n font-weight: 300;\n font-size: 1.1em;\n line-height: var(--temba-select-selected-line-height);\n padding-left: 1px;\n }\n\n .placeholder {\n font-size: var(--temba-select-selected-font-size);\n color: var(--color-placeholder);\n display: none;\n font-weight: 300;\n line-height: var(--temba-select-selected-line-height);\n }\n\n .footer {\n padding: 5px 10px;\n background: var(--color-primary-light);\n color: rgba(0, 0, 0, 0.5);\n font-size: 80%;\n border-bottom-left-radius: var(--curvature-widget);\n border-bottom-right-radius: var(--curvature-widget);\n }\n\n .small {\n --temba-select-selected-padding: 7px;\n --temba-select-selected-line-height: 13px;\n --temba-select-selected-font-size: 12px;\n --search-input-height: 7px !important;\n }\n\n .info-text {\n opacity: 1;\n transition: margin var(--transition-speed) ease-in-out;\n margin-bottom: 16px;\n margin-top: -1em;\n padding: 0.5em 1em;\n background: #f3f3f3;\n padding-top: 1.5em;\n border-radius: var(--curvature);\n font-size: 0.9em;\n color: rgba(0, 0, 0, 0.5);\n box-shadow: inset 0px 0px 4px rgb(0 0 0 / 10%);\n z-index: 1;\n position: relative;\n }\n\n .info-text.focused {\n opacity: 1;\n }\n\n .info-text.hide {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0px;\n margin-top: -2em;\n pointer-events: none;\n }\n `;\n }\n\n @property({ type: Boolean })\n multi = false;\n\n @property({ type: Boolean })\n searchOnFocus = false;\n\n @property({ type: String })\n placeholder = '';\n\n @property()\n name = '';\n\n @property()\n endpoint: string;\n\n @property({ type: String })\n nameKey = 'name';\n\n @property({ type: String })\n valueKey = 'value';\n\n @property({ attribute: false })\n currentFunction: CompletionOption;\n\n @property({ type: String })\n queryParam: string = null;\n\n @property({ type: String })\n input = '';\n\n @property({ type: Array })\n visibleOptions: any[] = [];\n\n @property({ type: Array })\n completionOptions: CompletionOption[] = [];\n\n @property({ type: Number })\n quietMillis = 0;\n\n @property({ type: Boolean })\n fetching: boolean;\n\n @property({ type: Boolean })\n searchable = false;\n\n @property({ type: String })\n expressions: string;\n\n @property({ type: Boolean })\n cache = true;\n\n @property({ type: String })\n cacheKey = '';\n\n @property({ type: Boolean })\n focused = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ attribute: false })\n selectedIndex = -1;\n\n @property({ type: Number })\n cursorIndex: number;\n\n @property({ attribute: false })\n anchorElement: HTMLElement;\n\n @property({ attribute: false })\n anchorExpressions: HTMLElement;\n\n @property({ type: Object })\n anchorPosition: Position = { left: 0, top: 0 };\n\n @property({ type: Boolean })\n tags = false;\n\n @property({ type: Boolean, attribute: 'space_select' })\n spaceSelect: boolean;\n\n @property({ type: Boolean })\n jsonValue: boolean;\n\n @property({ type: Boolean })\n hideErrors: boolean;\n\n @property({ type: Boolean })\n clearable: boolean;\n\n @property({ type: String })\n flavor = 'default';\n\n @property({ type: String, attribute: 'info_text' })\n infoText = '';\n\n @property({ attribute: false })\n getName: (option: any) => string = (option: any) =>\n option[this.nameKey || 'name'];\n\n @property({ attribute: false })\n isMatch: (option: any, q: string) => boolean = (option: any, q: string) => {\n const name = this.getName(option) || '';\n return name.toLowerCase().indexOf(q) > -1;\n };\n\n @property({ attribute: false })\n getValue: (option: any) => string = (option: any) =>\n option[this.valueKey || 'value'] || option.id;\n\n @property({ type: Number, attribute: 'option-width' })\n optionWidth: number;\n\n @property({ type: Boolean, attribute: 'anchor-right' })\n anchorRight: boolean;\n\n @property({ attribute: false })\n shouldExclude: (option: any) => boolean;\n\n @property({ attribute: false })\n sortFunction: (a: any, b: any) => number;\n\n @property({ attribute: false })\n renderOption: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionName: (option: any, selected: boolean) => TemplateResult;\n\n @property({ attribute: false })\n renderOptionDetail: (option: any, selected: boolean) => TemplateResult = () =>\n html``;\n\n @property({ attribute: false })\n renderSelectedItem: (option: any) => TemplateResult =\n this.renderSelectedItemDefault;\n\n @property({ attribute: false })\n createArbitraryOption: (input: string, options: any[]) => any =\n this.createArbitraryOptionDefault;\n\n @property({ attribute: false })\n getOptions: (response: WebResponse) => any[] = this.getOptionsDefault;\n\n @property({ attribute: false })\n isComplete: (newestOptions: any[], response: WebResponse) => boolean =\n this.isCompleteDefault;\n\n @property({ type: Array, attribute: 'options' })\n private staticOptions: any[] = [];\n\n private lastQuery: number;\n\n // private cancelToken: CancelTokenSource;\n private complete: boolean;\n private page: number;\n private next: string = null;\n private query: string;\n\n private removingSelection: boolean;\n\n private lruCache = Lru(20, 60000);\n\n public updated(changedProperties: Map<string, any>) {\n super.updated(changedProperties);\n\n // if our cache key changes, clear it out\n if (changedProperties.has('cacheKey')) {\n this.lruCache.clear();\n }\n\n if (\n changedProperties.has('input') &&\n !changedProperties.has('values') &&\n !changedProperties.has('options') &&\n this.focused\n ) {\n if (this.lastQuery) {\n window.clearTimeout(this.lastQuery);\n }\n\n this.lastQuery = window.setTimeout(() => {\n if (this.expressions && this.input.indexOf('@') > -1) {\n this.fetchExpressions();\n } else {\n this.fetchOptions(this.input);\n }\n }, this.quietMillis);\n }\n\n if (this.endpoint && changedProperties.has('fetching')) {\n if (!this.fetching && !this.isPastFetchThreshold()) {\n this.fireCustomEvent(CustomEventType.FetchComplete);\n }\n }\n\n // if our cursor changed, lets make sure our scrollbox is showing it\n if (\n (changedProperties.has('cursorIndex') ||\n changedProperties.has('visibleOptions')) &&\n this.endpoint &&\n !this.fetching\n ) {\n if (this.isPastFetchThreshold()) {\n this.fetchOptions(this.query, this.page + 1);\n }\n }\n\n // if they set an inital value, look through our static options for it\n if (changedProperties.has('value') && this.value) {\n const existing = this.staticOptions.find(option => {\n return this.getValue(option) === this.value;\n });\n\n if (existing) {\n this.setValue(existing);\n }\n }\n\n // default to the first option if we don't have a placeholder\n if (\n this.values.length === 0 &&\n !this.placeholder &&\n this.staticOptions.length > 0\n ) {\n this.setValue(this.staticOptions[0]);\n }\n }\n\n private setSelectedOption(option: any) {\n if (this.multi) {\n this.addValue(option);\n } else {\n this.setValue(option);\n }\n\n if (!this.multi || !this.searchable) {\n this.blur();\n this.focused = false;\n }\n\n this.visibleOptions = [];\n this.input = '';\n this.next = null;\n this.complete = true;\n this.selectedIndex = -1;\n\n this.fireEvent('change');\n }\n\n private isPastFetchThreshold() {\n return (\n (this.visibleOptions.length > 0 || this.next) &&\n !this.complete &&\n (this.cursorIndex || 0) > this.visibleOptions.length - LOOK_AHEAD\n );\n }\n\n public handleOptionSelection(event: CustomEvent) {\n const selected = event.detail.selected;\n // check if we should post it\n if (selected.post && this.endpoint) {\n postJSON(this.endpoint, selected).then(response => {\n if (response.status >= 200 && response.status < 300) {\n this.setSelectedOption(response.json);\n this.lruCache = Lru(20, 60000);\n } else {\n // TODO: find a way to share inline errors\n this.blur();\n }\n });\n } else {\n this.setSelectedOption(selected);\n }\n }\n\n private handleExpressionSelection(evt: CustomEvent) {\n const option = evt.detail.selected as CompletionOption;\n const tabbed = evt.detail.tabbed;\n\n const ele = this.shadowRoot.querySelector('.searchbox') as HTMLInputElement;\n updateInputElementWithCompletion(this.query, ele, option);\n\n this.query = '';\n this.completionOptions = [];\n\n if (tabbed) {\n this.fetchExpressions();\n } else if (this.input.indexOf('(') === -1) {\n this.addInputAsValue();\n }\n }\n\n private getNameInternal: (option: any) => string = (option: any) => {\n return this.getName(option);\n };\n\n private getOptionsDefault(response: WebResponse): any[] {\n return response.json['results'];\n }\n\n private isCompleteDefault(\n newestOptions: any[],\n response: WebResponse\n ): boolean {\n const json = response.json;\n return !json['more'] && !json['next'];\n }\n\n public handleRemoveSelection(selectionToRemove: any): void {\n this.removeValue(selectionToRemove);\n this.visibleOptions = [];\n this.fireEvent('change');\n }\n\n private createArbitraryOptionDefault(): any {\n return null;\n }\n\n public open(): void {\n this.requestUpdate('input');\n }\n\n public isOpen(): boolean {\n return this.visibleOptions.length > 0;\n }\n\n public setOptions(options: any[]): void {\n this.staticOptions = options;\n }\n\n private setVisibleOptions(options: any[]) {\n // if we have an exclusion filter apply it\n options = options.filter(option => {\n // exclude unnamed\n if (!this.getNameInternal(option)) {\n return false;\n }\n\n if (this.shouldExclude) {\n return !this.shouldExclude(option);\n }\n return true;\n });\n\n if (this.input) {\n // if we are searching locally, filter for the query\n if (this.searchable && !this.queryParam) {\n const q = this.input.trim().toLowerCase();\n options = options.filter((option: any) => this.isMatch(option, q));\n }\n\n const arbitraryOption: any = this.createArbitraryOption(\n this.input,\n options\n );\n\n if (arbitraryOption) {\n // set our arbitrary flag so we never have more than one\n arbitraryOption.arbitrary = true;\n\n // make sure our id is not already present\n const exists = options.find(\n (option: any) =>\n this.getValue(option) === this.getValue(arbitraryOption)\n );\n\n if (!exists) {\n if (options.length > 0) {\n if (options[0].arbitrary) {\n options[0] = arbitraryOption;\n } else {\n options.unshift(arbitraryOption);\n }\n } else {\n options.unshift(arbitraryOption);\n }\n }\n }\n }\n\n // filter out any options already selected by id\n // TODO: should maybe be doing a deep equals here with option to optimize\n if (this.values.length > 0) {\n if (this.multi) {\n options = options.filter(\n option =>\n !this.values.find(\n selected => this.getValue(selected) === this.getValue(option)\n )\n );\n } else {\n // if no search, single select should set our cursor to the selected item\n if (!this.input) {\n this.cursorIndex = options.findIndex(\n option => this.getValue(option) === this.getValue(this.values[0])\n );\n } else {\n this.cursorIndex = 0;\n }\n this.requestUpdate('cursorIndex');\n }\n }\n\n // finally sort\n if (this.sortFunction) {\n options.sort(this.sortFunction);\n }\n\n this.visibleOptions = options;\n\n this.fireCustomEvent(CustomEventType.ContentChanged, {\n options: this.visibleOptions,\n });\n }\n\n public fetchExpressions() {\n const store: Store = document.querySelector('temba-store');\n if (this.expressions && store) {\n const ele = this.shadowRoot.querySelector(\n '.searchbox'\n ) as HTMLInputElement;\n\n const result = executeCompletionQuery(\n ele,\n store,\n this.expressions === 'session'\n );\n this.query = result.query;\n this.completionOptions = result.options;\n this.visibleOptions = [];\n this.anchorPosition = result.anchorPosition;\n this.fireCustomEvent(CustomEventType.FetchComplete);\n return;\n }\n }\n\n public fetchOptions(query: string, page = 0) {\n this.completionOptions = [];\n\n if (!this.fetching) {\n this.fetching = true;\n\n // make sure we cancel any previous request\n // if (this.cancelToken) {\n // this.cancelToken.cancel();\n // }\n\n const options: any = [...this.staticOptions];\n const q = (query || '').trim().toLowerCase();\n\n if (this.tags && q) {\n if (\n !options.find(\n (option: any) =>\n this.getValue(option) && this.getValue(option).toLowerCase() === q\n )\n ) {\n options.splice(0, 0, { name: query, value: query });\n }\n }\n\n if (this.endpoint) {\n let url = this.endpoint;\n\n if (query && this.queryParam) {\n if (url.indexOf('?') > -1) {\n url += '&';\n } else {\n url += '?';\n }\n\n url += this.queryParam + '=' + encodeURIComponent(query);\n }\n\n if (page) {\n if (url.indexOf('?') > -1) {\n url += '&';\n } else {\n url += '?';\n }\n url += 'page=' + page;\n }\n\n if (this.next) {\n url = this.next;\n }\n\n const cache = this.lruCache.get(url);\n if (this.cache && !this.tags && cache) {\n if (page === 0 && !this.next) {\n this.cursorIndex = 0;\n this.setVisibleOptions([...options, ...cache.options]);\n } else {\n this.setVisibleOptions([...this.visibleOptions, ...cache.options]);\n }\n\n this.complete = cache.complete;\n this.next = cache.next;\n this.fetching = false;\n return;\n }\n\n // if we are searchable, but doing it locally, fetch all the options\n if (this.searchable && !this.queryParam) {\n fetchResults(url).then((results: any) => {\n if (this.cache && !this.tags) {\n this.lruCache.set(url, {\n options: results,\n complete: true,\n next: null,\n });\n\n this.complete = true;\n this.next = null;\n this.setVisibleOptions([...options, ...results]);\n this.fetching = false;\n }\n });\n } else {\n getUrl(url)\n .then((response: WebResponse) => {\n const results = this.getOptions(response).filter(\n (option: any) => {\n return this.isMatch(option, q);\n }\n );\n\n const json = response.json;\n if (json['next']) {\n this.next = json['next'];\n }\n\n if (page === 0 && !this.next) {\n this.cursorIndex = 0;\n this.setVisibleOptions([...options, ...results]);\n this.query = query;\n this.complete = this.isComplete(this.visibleOptions, response);\n } else {\n if (results.length > 0) {\n this.setVisibleOptions([...this.visibleOptions, ...results]);\n }\n this.complete = this.isComplete(results, response);\n }\n\n if (this.cache && !this.tags) {\n this.lruCache.set(url, {\n options: results,\n complete: this.complete,\n next: this.next,\n });\n }\n\n // if (!this.next) {\n this.fetching = false;\n //}\n this.page = page;\n })\n .catch((reason: any) => {\n // cancelled\n this.fetching = false;\n console.error(reason);\n });\n }\n } else {\n this.fetching = false;\n this.setVisibleOptions(options);\n }\n }\n }\n\n private handleFocus(): void {\n if (!this.focused && this.visibleOptions.length === 0) {\n this.focused = true;\n if (this.searchOnFocus && !this.removingSelection) {\n this.requestUpdate('input');\n }\n }\n }\n\n private handleBlur() {\n this.focused = false;\n if (this.visibleOptions.length > 0) {\n this.input = '';\n this.next = null;\n this.complete = true;\n this.visibleOptions = [];\n this.cursorIndex = 0;\n }\n }\n\n private handleClick(): void {\n this.selectedIndex = -1;\n this.requestUpdate('input');\n }\n\n private addInputAsValue() {\n const ele = this.shadowRoot.querySelector('.searchbox') as HTMLInputElement;\n const expression = {\n name: ele.value,\n value: ele.value,\n expression: true,\n };\n\n if (this.multi) {\n if (\n !this.values.find(option => {\n return (\n option.expression &&\n option.value &&\n expression.value &&\n option.value.toLowerCase().trim() ==\n expression.value.toLowerCase().trim()\n );\n })\n ) {\n this.addValue(expression);\n }\n } else {\n this.setValue(expression);\n }\n this.input = '';\n if (!this.multi) {\n this.blur();\n }\n\n this.fireEvent('change');\n }\n\n private handleKeyDown(evt: KeyboardEvent) {\n // if we are completing an expression, select it\n if (\n evt.key === 'Enter' &&\n this.expressions &&\n this.completionOptions.length === 0 &&\n this.input.indexOf('@') > -1\n ) {\n this.addInputAsValue();\n }\n\n // see if we should open our options on a key event\n if (\n evt.key === 'Enter' ||\n evt.key === 'ArrowDown' ||\n (evt.key === 'n' && evt.ctrlKey)\n ) {\n if (\n this.visibleOptions.length === 0 &&\n this.completionOptions.length === 0\n ) {\n this.requestUpdate('input');\n return;\n }\n }\n\n // focus our last item on delete\n if (this.multi && evt.key === 'Backspace' && !this.input) {\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n return;\n }\n\n if (this.selectedIndex === -1) {\n this.selectedIndex = this.values.length - 1;\n this.visibleOptions = [];\n } else {\n this.popValue();\n this.selectedIndex = -1;\n }\n this.fireEvent('change');\n } else {\n this.selectedIndex = -1;\n }\n }\n\n public getStaticOptions() {\n return this.staticOptions;\n }\n\n private handleInput(evt: KeyboardEvent) {\n const ele = evt.currentTarget as HTMLInputElement;\n this.input = ele.value;\n }\n\n private handleCancel() {\n this.visibleOptions = [];\n }\n\n private handleCursorChanged(event: CustomEvent) {\n this.cursorIndex = event.detail.index;\n }\n\n private handleContainerClick(event: MouseEvent) {\n this.focused = true;\n\n if ((event.target as any).tagName !== 'INPUT') {\n const input = this.shadowRoot.querySelector('input');\n if (input) {\n input.click();\n input.focus();\n return;\n }\n\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n event.preventDefault();\n event.stopPropagation();\n } else {\n this.requestUpdate('input');\n }\n }\n }\n\n public getEventHandlers(): EventHandler[] {\n return [\n { event: CustomEventType.Canceled, method: this.handleCancel },\n {\n event: CustomEventType.CursorChanged,\n method: this.handleCursorChanged,\n },\n { event: 'blur', method: this.handleBlur },\n { event: 'focus', method: this.handleFocus },\n ];\n }\n\n public firstUpdated(changedProperties: any) {\n super.firstUpdated(changedProperties);\n\n this.anchorElement = this.shadowRoot.querySelector('.select-container');\n this.anchorExpressions = this.shadowRoot.querySelector('#anchor');\n\n // wait until children are created before adding our static options\n window.setTimeout(() => {\n for (const child of this.children) {\n if (child.tagName === 'TEMBA-OPTION') {\n const option: any = {};\n for (const attribute of child.attributes) {\n option[attribute.name] = attribute.value;\n }\n this.staticOptions.push(option);\n\n if (\n child.getAttribute('selected') !== null ||\n this.getValue(option) == this.value\n ) {\n if (this.getAttribute('multi') !== null) {\n this.addValue(option);\n } else {\n this.setValue(option);\n this.fireEvent('change');\n }\n }\n }\n }\n\n if (this.values.length === 0 && !this.placeholder) {\n if (this.staticOptions.length == 0 && this.endpoint) {\n // see if we need to auto select the first item but need to fetch it\n fetchResults(this.endpoint).then((results: any) => {\n if (results.length > 0) {\n this.setValue(results[0]);\n this.fireEvent('change');\n }\n });\n } else {\n if (this.getAttribute('multi') !== null) {\n this.addValue(this.staticOptions[0]);\n } else {\n this.setValue(this.staticOptions[0]);\n }\n this.fireEvent('change');\n }\n }\n\n if (this.searchable && this.staticOptions.length === 0) {\n this.quietMillis = 200;\n }\n }, 0);\n }\n\n private handleArrowClick(event: MouseEvent): void {\n if (this.visibleOptions.length > 0) {\n this.visibleOptions = [];\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n private renderSelectedItemDefault(option: any): TemplateResult {\n return html`\n <div class=\"option-name\" style=\"display:flex\">\n ${option.icon\n ? html`<temba-icon\n name=\"${option.icon}\"\n style=\"margin-right:0.5em;\"\n ></temba-icon>`\n : null}<span>${this.getName(option)}</span>\n </div>\n `;\n }\n\n public serializeValue(value: any): string {\n // static options just use their value\n if (!this.jsonValue && (this.staticOptions.length > 0 || this.tags)) {\n return value.value;\n }\n\n return super.serializeValue(value);\n }\n\n public setSelection(value: string): void {\n for (const option of this.staticOptions) {\n if (option.value === value) {\n if (this.values.length === 0 || this.values[0].value !== '' + value) {\n this.setValue(option);\n this.fireEvent('change');\n }\n return;\n }\n }\n }\n\n private handleClear(evt: MouseEvent): void {\n evt.preventDefault();\n evt.stopPropagation();\n this.setValues([]);\n this.fireEvent('change');\n }\n\n public render(): TemplateResult {\n const placeholder = this.values.length === 0 ? this.placeholder : '';\n const placeholderDiv = html`\n <div class=\"placeholder\">${placeholder}</div>\n `;\n\n const clear =\n this.clearable && this.values.length > 0 && !this.multi\n ? html`<temba-icon\n name=\"${Icon.select_clear}\"\n size=\"1.1\"\n class=\"clear-button\"\n @click=${this.handleClear}\n />`\n : null;\n\n const classes = getClasses({\n multi: this.multi,\n single: !this.multi,\n searchable: this.searchable,\n empty: this.values.length === 0,\n options: this.visibleOptions.length > 0,\n focused: this.focused,\n 'search-input': this.input.length > 0,\n 'no-search-input': this.input.length === 0,\n [this.flavor]: this.flavor !== null,\n disabled: this.disabled,\n });\n\n const anchorStyles = this.anchorPosition\n ? {\n top: '0px',\n left: `${this.anchorPosition.left - 10}px`,\n }\n : {};\n\n const input = this.searchable\n ? html`\n <div class=\"input-wrapper\">\n <input\n class=\"searchbox\"\n @input=${this.handleInput}\n @keydown=${this.handleKeyDown}\n @click=${this.handleClick}\n type=\"text\"\n placeholder=${placeholder}\n .value=${this.input}\n />\n <div id=\"anchor\" style=${styleMap(anchorStyles)}></div>\n </div>\n `\n : placeholderDiv;\n\n return html`\n <temba-field\n name=${this.name}\n .label=${this.label}\n .helpText=${this.helpText}\n .errors=${this.errors}\n .widgetOnly=${this.widgetOnly}\n .hideErrors=${this.hideErrors}\n ?disabled=${this.disabled}\n >\n \n \n <div\n tabindex=\"0\"\n class=\"select-container ${classes}\"\n @click=${this.handleContainerClick}\n > \n <div class=\"left-side\">\n <div class=\"selected\">\n ${!this.multi ? input : null}\n ${this.values.map(\n (selected: any, index: number) => html`\n <div\n class=\"selected-item ${index === this.selectedIndex\n ? 'focused'\n : ''}\"\n >\n ${this.multi\n ? html`\n <div\n class=\"remove-item\"\n style=\"margin-top:1px\"\n @mousedown=${() => {\n this.removingSelection = true;\n }}\n @mouseup=${() => {\n this.removingSelection = false;\n }}\n @click=${(evt: MouseEvent) => {\n evt.preventDefault();\n evt.stopPropagation();\n this.handleRemoveSelection(selected);\n }}\n >\n <temba-icon name=\"${Icon.delete_small}\" size=\"1\" />\n </div>\n `\n : null}\n ${this.renderSelectedItem(selected)}\n </div>\n `\n )}\n ${this.multi ? input : null}\n </div>\n </div>\n\n ${clear}\n\n ${\n !this.tags\n ? html`<div\n class=\"right-side\"\n style=\"display:block;margin-right:5px\"\n @click=${this.handleArrowClick}\n >\n <temba-icon\n size=\"1.5\"\n name=\"${Icon.select_open}\"\n class=\"select-open ${this.visibleOptions.length > 0\n ? 'open'\n : ''}\"\n />\n </div>`\n : null\n }\n </div>\n \n </div>\n <div class=\"info-text ${!this.infoText ? 'hide' : ''} ${\n this.focused ? 'focused' : ''\n }\">${this.infoText}</div>\n \n <temba-options\n @temba-selection=${this.handleOptionSelection}\n .cursorIndex=${this.cursorIndex}\n .renderOptionDetail=${this.renderOptionDetail}\n .renderOptionName=${this.renderOptionName}\n .renderOption=${this.renderOption}\n .anchorTo=${this.anchorElement}\n .options=${this.visibleOptions}\n .spaceSelect=${this.spaceSelect}\n .nameKey=${this.nameKey}\n .getName=${this.getNameInternal}\n static-width=${this.optionWidth}\n ?anchor-right=${this.anchorRight}\n ?visible=${this.visibleOptions.length > 0}\n ></temba-options>\n\n <temba-options\n @temba-selection=${this.handleExpressionSelection}\n @temba-canceled=${() => {}}\n .anchorTo=${this.anchorExpressions}\n .options=${this.completionOptions}\n .renderOption=${renderCompletionOption}\n ?visible=${this.completionOptions.length > 0}\n >\n ${\n this.currentFunction\n ? html`\n <div class=\"current-fn\">\n ${renderCompletionOption(this.currentFunction, true)}\n </div>\n `\n : null\n }\n <div class=\"footer\">Tab to complete, enter to select</div>\n </temba-options>\n\n\n\n </temba-field>\n \n `;\n }\n}\n"]}
|