@nyaruka/temba-components 0.129.2 → 0.129.3

package/out-tsc/src/{select → form/select}/Select.js

@@ -2,15 +2,15 @@ import { __decorate } from "tslib";
 /* eslint-disable @typescript-eslint/no-empty-function */
 import { html, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { getUrl, getClasses, fetchResults, postJSON } from '../utils';
-import '../options/Options';
-import '../list/SortableList';
-import { FormElement } from '../FormElement';
+import { getUrl, getClasses, fetchResults, postJSON } from '../../utils';
+import '../../display/Options';
+import '../../list/SortableList';
+import { FormElement } from '../../form/FormElement';
 import { lru } from 'tiny-lru';
-import { CustomEventType } from '../interfaces';
-import { renderCompletionOption, updateInputElementWithCompletion, executeCompletionQuery } from '../completion/helpers';
+import { CustomEventType } from '../../interfaces';
+import { renderCompletionOption, updateInputElementWithCompletion, executeCompletionQuery } from '../../excellent/helpers';
 import { styleMap } from 'lit-html/directives/style-map.js';
-import { Icon } from '../vectoricon';
+import { Icon } from '../../Icons';
 import { msg } from '@lit/localize';
 const LOOK_AHEAD = 20;
 export class Select extends FormElement {
@@ -1273,55 +1273,26 @@ export class Select extends FormElement {
           </div>
         `
             : placeholderDiv;
-        return html `
-            
-      <temba-field
-        name=${this.name}
-        .label=${this.label}
-        .helpText=${this.helpText}
-        .errors=${this.errors}
-        .widgetOnly=${this.widgetOnly}
-        .hideErrors=${this.hideErrors}
-        ?disabled=${this.disabled}
-      >
-        <slot></slot>
-        <div class="wrapper-bg">
-        
-        <div
-          tabindex="0"
-          class="select-container ${classes}"
-          @click=${this.handleContainerClick}
-        > 
-          <div class="left-side" >
-          <slot name="prefix"></slot>
-            <div class="selected" >
-              ${this.resolving
-            ? html `<temba-loading
-                      style="margin-left:1em"
-                    ></temba-loading>`
-            : null}
-              ${!this.multi && !this.resolving ? input : null}
-              ${this.multi && this.values.length > 1
+        const items = html `${!this.multi && !this.resolving ? input : null}
+    ${this.multi && this.values.length > 1
             ? html `
-                      <temba-sortable-list
-                        horizontal
-                        @temba-order-changed=${this.handleOrderChanged}
-                        .prepareGhost=${(item) => {
+          <temba-sortable-list
+            horizontal
+            @temba-order-changed=${this.handleOrderChanged}
+            .prepareGhost=${(item) => {
                 item.style.transform = 'scale(1)';
-                item.querySelector('.remove-item').style.display =
-                    'none';
+                item.querySelector('.remove-item').style.display = 'none';
             }}
-                      >
-                        ${this.values.map((selected, index) => html `
-                            <div
-                              class="selected-item sortable ${index ===
-                this.selectedIndex
+          >
+            ${this.values.map((selected, index) => html `
+                <div
+                  class="selected-item sortable ${index === this.selectedIndex
                 ? 'focused'
                 : ''} ${this.draggingId === `selected-${index}`
                 ? 'dragging'
                 : ''}"
-                              id="selected-${index}"
-                              style="
+                  id="selected-${index}"
+                  style="
                                 vertical-align: middle;
                                 background: rgba(100,100,100,0.1);
                                 user-select: none;
@@ -1342,12 +1313,12 @@ export class Select extends FormElement {
                 ? 'opacity: 0.5;'
                 : ''}
                               "
-                            >
-                              ${this.multi
+                >
+                  ${this.multi
                 ? html `
-                                    <div
-                                      class="remove-item"
-                                      style="
+                        <div
+                          class="remove-item"
+                          style="
                                         cursor: pointer;
                                         display: inline-block;
                                         padding: 3px 6px;
@@ -1356,30 +1327,30 @@ export class Select extends FormElement {
                                         background: rgba(100,100,100,0.05);
                                         margin-top:1px;
                                       "
-                                      @click=${(evt) => {
+                          @click=${(evt) => {
                     evt.preventDefault();
                     evt.stopPropagation();
                     this.handleRemoveSelection(selected);
                 }}
-                                    >
-                                      <temba-icon
-                                        name="${Icon.delete_small}"
-                                        size="1"
-                                      ></temba-icon>
-                                    </div>
-                                  `
+                        >
+                          <temba-icon
+                            name="${Icon.delete_small}"
+                            size="1"
+                          ></temba-icon>
+                        </div>
+                      `
                 : null}
-                              ${this.renderSelectedItem(selected)}
-                            </div>
-                          `)}
-                      </temba-sortable-list>
-                    `
+                  ${this.renderSelectedItem(selected)}
+                </div>
+              `)}
+          </temba-sortable-list>
+        `
             : this.values.map((selected, index) => html `
-                        <div
-                          class="selected-item ${index === this.selectedIndex
+            <div
+              class="selected-item ${index === this.selectedIndex
                 ? 'focused'
                 : ''}"
-                          style="
+              style="
                             display: flex;
                             overflow: hidden;
                             color: var(--color-widget-text);
@@ -1389,12 +1360,12 @@ export class Select extends FormElement {
                 ? 'background: rgba(100,100,100,0.3);'
                 : ''}
                           "
-                        >
-                          ${this.multi
+            >
+              ${this.multi
                 ? html `
-                                <div
-                                  class="remove-item"
-                                  style="
+                    <div
+                      class="remove-item"
+                      style="
                                     cursor: pointer;
                                     display: inline-block;
                                     padding: 3px 6px;
@@ -1403,25 +1374,53 @@ export class Select extends FormElement {
                                     background: rgba(100,100,100,0.05);
                                     margin-top:1px;
                                   "
-                                  @click=${(evt) => {
+                      @click=${(evt) => {
                     evt.preventDefault();
                     evt.stopPropagation();
                     this.handleRemoveSelection(selected);
                 }}
-                                >
-                                  <temba-icon
-                                    name="${Icon.delete_small}"
-                                    size="1"
-                                  ></temba-icon>
-                                </div>
-                              `
+                    >
+                      <temba-icon
+                        name="${Icon.delete_small}"
+                        size="1"
+                      ></temba-icon>
+                    </div>
+                  `
                 : null}
-                          ${!this.input || this.multi
+              ${!this.input || this.multi
                 ? this.renderSelectedItem(selected)
                 : null}
-                        </div>
-                      `)}
-              ${this.multi ? input : null}
+            </div>
+          `)}
+    ${this.multi ? input : null}`;
+        return html `
+            
+      <temba-field
+        name=${this.name}
+        .label=${this.label}
+        .helpText=${this.helpText}
+        .errors=${this.errors}
+        .widgetOnly=${this.widgetOnly}
+        .hideErrors=${this.hideErrors}
+        ?disabled=${this.disabled}
+      >
+        <slot></slot>
+        <div class="wrapper-bg">
+        
+        <div
+          tabindex="0"
+          class="select-container ${classes}"
+          @click=${this.handleContainerClick}
+        > 
+          <div class="left-side" >
+          <slot name="prefix"></slot>
+            <div class="selected" >
+              ${this.resolving
+            ? html `<temba-loading
+                      style="margin-left:1em"
+                    ></temba-loading>`
+            : items}
+              
             </div>
 
           </div>

package/out-tsc/src/form/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/form/select/Select.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport { TemplateResult, html, css, CSSResult, CSSResultArray } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport {\n  getUrl,\n  getClasses,\n  fetchResults,\n  WebResponse,\n  postJSON\n} from '../../utils';\nimport '../../display/Options';\nimport '../../list/SortableList';\nimport { EventHandler } from '../../RapidElement';\nimport { FormElement } from '../../form/FormElement';\n\nimport { lru } from 'tiny-lru';\nimport { CompletionOption, CustomEventType, Position } from '../../interfaces';\nimport {\n  renderCompletionOption,\n  updateInputElementWithCompletion,\n  executeCompletionQuery\n} from '../../excellent/helpers';\nimport { Store } from '../../store/Store';\nimport { StyleInfo, styleMap } from 'lit-html/directives/style-map.js';\nimport { Icon } from '../../Icons';\nimport { msg } from '@lit/localize';\n\nconst LOOK_AHEAD = 20;\n\nexport interface SelectOption {\n  name: string;\n  value?: string;\n  expression?: boolean;\n  selected?: boolean;\n  arbitrary?: boolean;\n}\n\nexport class Select<T extends SelectOption> extends FormElement {\n  private hiddenInputs: HTMLInputElement[] = [];\n\n  static get styles(): CSSResult | CSSResultArray {\n    return css`\n      :host {\n        --transition-speed: 0;\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        --color-options-bg: #fff;\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      .wrapper-bg {\n        background: var(--select-wrapper-bg, #fff);\n        box-shadow: var(\n          --select-wrapper-shadow,\n          inset 0px 0px 4px rgb(0 0 0 / 10%)\n        );\n        border-radius: var(--curvature-widget);\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-box-shadow);\n        position: relative;\n        min-height: var(--temba-select-min-height, 2.4em);\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        overflow: hidden;\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, 0px 4px);\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      .option-name > span {\n        text-align: left;\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      .multi .selected-item.sortable {\n        cursor: move;\n      }\n\n      .multi .selected-item.dragging {\n        opacity: 0.5;\n      }\n\n      .multi temba-sortable-list {\n        margin: 0 !important;\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        border: 0px solid purple !important;\n      }\n\n      .input-wrapper:focus-within {\n        min-width: 1px;\n      }\n\n      .input-wrapper {\n        min-width: 1px;\n        margin-left: 6px;\n        margin-right: -6px;\n        display: flex;\n      }\n\n      .multi .input-wrapper {\n        margin-left: 2px !important;\n      }\n\n      .input-wrapper:focus-within .placeholder {\n        display: none;\n      }\n\n      input:focus {\n        box-shadow: none !important;\n        flex-grow: 1;\n      }\n\n      .searchable.search-input .input-wrapper {\n        flex-grow: 1;\n        min-width: 1px !important;\n      }\n\n      .searchable.single.search-input .selected .selected-item {\n        display: none;\n      }\n\n      .searchable input {\n        visibility: visible;\n        cursor: pointer;\n        background: none;\n        color: var(--color-text);\n        resize: none;\n        box-shadow: none !important;\n        border: none;\n        caret-color: var(--input-caret);\n      }\n\n      .searchable input:focus {\n        box-shadow: none !important;\n      }\n\n      .multi .input-wrapper {\n        flex-shrink: 0;\n        min-width: 100px;\n      }\n\n      .input-wrapper .searchbox {\n      }\n\n      .searchbox {\n        border: 0px;\n      }\n\n      .placeholder {\n        font-size: var(--temba-select-selected-font-size);\n        color: var(--color-placeholder);\n        display: none;\n        line-height: var(--temba-select-selected-line-height);\n        margin-left: 6px;\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: padding-top var(--transition-speed) ease-in-out,\n          padding-bottom var(--transition-speed) ease-in-out;\n        margin-bottom: 16px;\n        padding: 0.5em 1em;\n        border-radius: var(--curvature);\n        font-size: 0.9em;\n        color: rgba(0, 0, 0, 0.5);\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        pointer-events: none;\n        padding: 0px;\n      }\n\n      .ghost .remove-item {\n        display: none !important;\n      }\n    `;\n  }\n\n  @property({ type: Object })\n  inputStyle: StyleInfo = {};\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: Boolean })\n  allowCreate: boolean = false;\n\n  @property({ type: String })\n  nameKey = 'name';\n\n  @property({ type: String })\n  valueKey = 'value';\n\n  @property({ type: Number })\n  maxItems = 0;\n\n  @property({ type: String })\n  maxItemsText: string = 'Maximum items reached';\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  resolving: 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  @state()\n  attemptedOpen = 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: Boolean })\n  sorted: boolean;\n\n  @property({ type: String })\n  flavor = 'default';\n\n  @property({ type: String, attribute: 'info_text' })\n  infoText = '';\n\n  @property({ type: Array })\n  values: T[] = [];\n\n  @property({ type: Object })\n  selection: any;\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 = this.isMatchDefault;\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 = null;\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  prepareOptions: (options: any[]) => any[] = this.prepareOptionsDefault;\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  @property({ type: Boolean })\n  allowAnchor: boolean = true;\n\n  @property({ type: String })\n  draggingId: string;\n\n  private alphaSort = (a: any, b: any) => {\n    // by default, all endpoint values are sorted by name\n    if (this.endpoint) {\n      return this.getName(a).localeCompare(this.getName(b));\n    }\n    return 0;\n  };\n\n  private lastQuery: number;\n\n  private complete: boolean;\n  private page: number;\n  private next: string = null;\n  private query: string;\n\n  private lruCache = lru(20, 60000);\n\n  constructor() {\n    super();\n    this.renderOptionDefault = this.renderOptionDefault.bind(this);\n    this.renderSelectedItemDefault = this.renderSelectedItemDefault.bind(this);\n    this.prepareOptionsDefault = this.prepareOptionsDefault.bind(this);\n    this.isMatchDefault = this.isMatchDefault.bind(this);\n    this.handleOrderChanged = this.handleOrderChanged.bind(this);\n  }\n\n  public prepareOptionsDefault(options: T[]): T[] {\n    return options;\n  }\n\n  public isMatchDefault(option: T, q: string) {\n    const name = this.getName(option) || '';\n    return name.toLowerCase().indexOf(q) > -1;\n  }\n\n  public handleSlotChange() {\n    if (this.staticOptions && this.staticOptions.length === 0) {\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\n          if (option) {\n            let selected = false;\n\n            // if the option is marked as selected then accept it\n            if (option['selected'] !== undefined) {\n              delete option['selected'];\n              selected = true;\n            }\n\n            // the option value might also match the widget value\n            const selectValue = this.value || this.getAttribute('value');\n            if (selectValue) {\n              const optionValue = this.getValue(option);\n              if (optionValue == selectValue) {\n                selected = true;\n              }\n            }\n\n            this.staticOptions.push(option);\n            if (selected) {\n              if (this.multi) {\n                this.addValue(option);\n              } else {\n                this.setValues([option]);\n              }\n            }\n          }\n        }\n      }\n    }\n\n    if (this.searchable && this.staticOptions.length === 0) {\n      this.quietMillis = 200;\n    }\n  }\n\n  private checkSelectedOption() {\n    // see if we need fetch to select an option\n    if (\n      this.value &&\n      this.values.length == 0 &&\n      this.staticOptions.length == 0 &&\n      this.endpoint\n    ) {\n      const value = this.value;\n      this.resolving = true;\n\n      fetchResults(this.endpoint).then((results: any) => {\n        if (results && results.length > 0) {\n          if (value) {\n            // if we started with a value, see if we can find it in the results\n            const existing = results.find((option) => {\n              return this.getValue(option) === value;\n            });\n            if (existing) {\n              this.resolving = false;\n              this.fetching = false;\n              this.setValues([existing]);\n              return;\n            }\n          }\n\n          this.setValues([results[0]]);\n          this.resolving = false;\n        }\n      });\n    } else if (this.staticOptions.length > 0) {\n      if (this.getAttribute('multi') !== null) {\n        this.addValue(this.staticOptions[0]);\n      } else {\n        if (this.getAttribute('value')) {\n          this.setSelectedValue(this.getAttribute('value'));\n        } else {\n          this.setValues([this.staticOptions[0]]);\n        }\n      }\n    }\n  }\n\n  public firstUpdated(changedProperties: any) {\n    super.firstUpdated(changedProperties);\n    this.anchorElement = this.shadowRoot.querySelector('.select-container');\n    this.anchorExpressions = this.shadowRoot.querySelector('#anchor');\n    this.shadowRoot.addEventListener(\n      'slotchange',\n      this.handleSlotChange.bind(this)\n    );\n  }\n\n  public async createOptionPost(payload: any) {\n    return postJSON(this.endpoint, payload).then((response) => {\n      if (response.status >= 200 && response.status < 300) {\n        return {\n          json: response.json,\n          payload\n        };\n      }\n    });\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('sorted')) {\n      this.sortFunction = this.sorted ? this.alphaSort : null;\n    }\n\n    if (changes.has('value')) {\n      if (this.value && !this.values.length) {\n        this.setSelectedValue(this.value);\n      }\n    }\n\n    if (changes.has('values')) {\n      this.updateInputs();\n\n      if (this.hasChanges(changes.get('values'))) {\n        const materialized = [];\n\n        // see if we need to materialize anything\n        if (this.allowCreate) {\n          // arbitrary values need to be posted\n          const arbitraryValues = this.values.filter((value) => {\n            return (value as any).arbitrary;\n          });\n\n          for (const value of arbitraryValues) {\n            if ((value as any).arbitrary) {\n              materialized.push(this.createOptionPost(value));\n            }\n          }\n\n          // update our created values\n          Promise.all(materialized).then((responses) => {\n            for (const response of responses) {\n              if (response) {\n                // find the value that matches our payload\n                const original = arbitraryValues.find((value) => {\n                  return value === response.payload;\n                }) as any;\n\n                if (original) {\n                  // remove our arbitrary flag\n                  delete original.arbitrary;\n\n                  // add in the new values from our respones.json\n                  if (response.json) {\n                    for (const key in response.json) {\n                      original[key] = response.json[key];\n                    }\n                  }\n                }\n              }\n            }\n\n            // remove any arbitrary values\n            this.values = this.values.filter((value) => {\n              return !(value as any).arbitrary;\n            });\n\n            // reset our cache\n            this.cacheKey = new Date().getTime().toString();\n            this.fireEvent('change');\n          });\n        } else {\n          this.fireEvent('change');\n        }\n      }\n    }\n\n    // if our cache key changes, clear it out\n    if (changes.has('cacheKey')) {\n      this.lruCache.clear();\n    }\n\n    if (\n      changes.has('input') &&\n      !changes.has('values') &&\n      !changes.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 && changes.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      (changes.has('cursorIndex') || changes.has('visibleOptions')) &&\n      this.endpoint &&\n      !this.fetching\n    ) {\n      if (this.isPastFetchThreshold()) {\n        if (this.next) {\n          this.fetchOptions(null, null, this.next);\n        } else {\n          this.fetchOptions(this.query, this.page + 1);\n        }\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.setValues([this.staticOptions[0]]);\n    }\n  }\n\n  private hasChanges(prev: T[]): boolean {\n    // This will compare values to see if there is a change\n    // Note: make sure value is populated or valueKey is set\n\n    if (prev === undefined) {\n      return false;\n    }\n\n    let prevValues = undefined;\n    if (prev !== undefined) {\n      prevValues = (prev || [])\n        .map((option: T) => {\n          return this.getValue(option);\n        })\n        .join(',');\n    }\n\n    const newValues = (this.values || [])\n      .map((option: T) => {\n        return option.arbitrary || this.getValue(option);\n      })\n      .join(',');\n\n    return prevValues !== newValues;\n  }\n\n  public setSelectedValue(value: string) {\n    if (this.staticOptions.length > 0) {\n      const existing = this.staticOptions.find((option) => {\n        return this.getValue(option) === value;\n      });\n\n      if (existing) {\n        this.setValues([existing]);\n      }\n    } else {\n      this.checkSelectedOption();\n    }\n  }\n\n  private updateInputs(): void {\n    for (let ele = null; (ele = this.hiddenInputs.pop()); ) {\n      ele.remove();\n    }\n\n    if (this.values.length === 0) {\n      this.value = null;\n    } else {\n      const name = this.getAttribute('name');\n\n      if (name) {\n        if (!this.multi && this.values.length === 1) {\n          this.selection = this.values[0];\n          this.value = this.serializeValue(this.values[0]);\n        } else {\n          if (this.inputRoot.parentElement) {\n            this.values.forEach((value) => {\n              const ele = document.createElement('input');\n              ele.setAttribute('type', 'hidden');\n              ele.setAttribute('name', name);\n              ele.setAttribute('value', this.serializeValue(value));\n              this.hiddenInputs.push(ele);\n              this.inputRoot.parentElement.appendChild(ele);\n            });\n          }\n        }\n      }\n    }\n  }\n\n  private setSelectedOption(option: any) {\n    if (this.multi) {\n      this.addValue(option);\n    } else {\n      this.setValues([option]);\n    }\n\n    if (!this.multi || !this.searchable) {\n      this.blur();\n      this.focused = false;\n    }\n\n    this.visibleOptions = [];\n    this.attemptedOpen = false;\n    this.input = '';\n    this.next = null;\n    this.complete = true;\n    this.selectedIndex = -1;\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    if (\n      this.multi &&\n      this.maxItems > 0 &&\n      this.values.length >= this.maxItems\n    ) {\n      this.infoText = this.maxItemsText;\n      return;\n    } else {\n      this.infoText = '';\n    }\n\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  protected getNameInternal: (option: T) => string = (option: T) => {\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  }\n\n  private createArbitraryOptionDefault(): any {\n    return null;\n  }\n\n  public open(): void {\n    (\n      this.shadowRoot.querySelector('.select-container') as HTMLDivElement\n    ).click();\n  }\n\n  public isOpen(): boolean {\n    return (\n      this.visibleOptions.length > 0 || (this.attemptedOpen && this.focused)\n    );\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    if (\n      this.multi &&\n      this.maxItems > 0 &&\n      this.values.length >= this.maxItems\n    ) {\n      options = [];\n      this.infoText = this.maxItemsText;\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        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  // TODO: do we still need to support page numbers?\n  public fetchOptions(query: string, page = 0, next = null) {\n    this.completionOptions = [];\n    if (!this.fetching) {\n      this.fetching = true;\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        if (next) {\n          url = next;\n        } else {\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\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            results = this.prepareOptions(results);\n\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              let results = this.getOptions(response).filter((option: any) => {\n                return this.isMatch(option, q);\n              });\n              results = this.prepareOptions(results);\n\n              this.next = null;\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    }\n  }\n\n  private handleBlur() {\n    this.focused = false;\n    this.attemptedOpen = 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    if (\n      this.multi &&\n      this.maxItems > 0 &&\n      this.values.length >= this.maxItems\n    ) {\n      this.infoText = '';\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: T) => {\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.setValues([expression]);\n    }\n\n    this.input = '';\n    if (!this.multi) {\n      this.blur();\n    }\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        !this.input\n      ) {\n        this.attemptedOpen = true;\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    } 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    this.attemptedOpen = false;\n  }\n\n  private handleCursorChanged(event: CustomEvent) {\n    this.cursorIndex = event.detail.index;\n  }\n\n  private handleContainerClick(event: MouseEvent) {\n    if (this.disabled) {\n      // prevent opening dropdown right after drag-and-drop\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    this.focused = true;\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      // Check if dropdown is currently open (either with options or showing \"No options\")\n      if (this.isOpen()) {\n        this.visibleOptions = [];\n        this.attemptedOpen = false;\n      } else {\n        this.attemptedOpen = true;\n        this.requestUpdate('input');\n        // Also trigger an immediate update to show empty dropdown\n        this.requestUpdate();\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  private handleArrowClick(event: MouseEvent): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.isOpen()) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.blur();\n    }\n  }\n\n  public renderOptionDefault(option: T): TemplateResult {\n    if (!option) {\n      return null;\n    }\n\n    // special case for icons on any option type\n    const icon = (option as any).icon;\n    return html`\n      <div\n        class=\"option-name\"\n        style=\"flex: 1 1 auto;\n        align-self: center;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        padding: 2px 8px;\n        display: flex;\"\n      >\n        ${icon\n          ? html`<temba-icon\n              name=\"${icon}\"\n              style=\"margin-right:0.5em;\"\n            ></temba-icon>`\n          : null}<span>${this.getName(option)}</span>\n      </div>\n    `;\n  }\n\n  public renderSelectedItemDefault(option: T): TemplateResult {\n    const renderFn = this.renderOption || this.renderOptionDefault;\n    return renderFn(option, true);\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 (this.getValue(option) === value) {\n        if (this.values.length === 0 || this.values[0].value != '' + value) {\n          this.setValues([option]);\n        }\n        return;\n      }\n    }\n  }\n\n  private handleClear(evt: MouseEvent): void {\n    evt.preventDefault();\n    evt.stopPropagation();\n    this.setValues([]);\n    if (this.visibleOptions.length > 0) {\n      this.visibleOptions = [];\n      this.requestUpdate();\n    }\n\n    this.fireCustomEvent(CustomEventType.Selection, {\n      selected: null\n    });\n  }\n\n  public setValues(values: any[]) {\n    const oldValues = this.values;\n    this.values = values;\n    this.requestUpdate('values', oldValues);\n  }\n\n  public addValue(value: any) {\n    const oldValues = [...this.values];\n    this.values.push(value);\n    this.requestUpdate('values', oldValues);\n  }\n\n  public removeValue(valueToRemove: any) {\n    const oldValues = [...this.values];\n    const idx = this.values.indexOf(valueToRemove);\n    if (idx > -1) {\n      this.values.splice(idx, 1);\n\n      // Also remove the 'selected' attribute from the corresponding temba-option element\n      const valueToMatch = this.getValue(valueToRemove);\n      for (const child of this.children) {\n        if (child.tagName === 'TEMBA-OPTION') {\n          const childValue = child.getAttribute('value');\n          if (childValue === valueToMatch) {\n            child.removeAttribute('selected');\n            break;\n          }\n        }\n      }\n    }\n    this.requestUpdate('values', oldValues);\n    this.infoText = '';\n  }\n\n  public popValue() {\n    const oldValues = [...this.values];\n    this.values.pop();\n    this.requestUpdate('values', oldValues);\n    this.infoText = '';\n  }\n\n  public clear() {\n    const oldValues = this.values;\n    this.values = [];\n    this.requestUpdate('values', oldValues);\n  }\n\n  private shouldShowEmptyMessage(): boolean {\n    return (\n      this.attemptedOpen &&\n      this.focused &&\n      this.visibleOptions.length === 0 &&\n      !this.input &&\n      this.staticOptions.length === 0 &&\n      !this.endpoint\n    );\n  }\n\n  private handleOrderChanged(event: CustomEvent): void {\n    const detail = event.detail;\n\n    // Handle new swap-based format\n    if (detail.swap && Array.isArray(detail.swap) && detail.swap.length === 2) {\n      const [fromIdx, toIdx] = detail.swap;\n\n      // Only reorder if the indexes are different and valid\n      if (\n        fromIdx !== toIdx &&\n        fromIdx >= 0 &&\n        toIdx >= 0 &&\n        fromIdx < this.values.length &&\n        toIdx < this.values.length\n      ) {\n        const oldValues = [...this.values];\n        // Move the item from fromIdx to toIdx\n        const movedItem = this.values.splice(fromIdx, 1)[0];\n        this.values.splice(toIdx, 0, movedItem);\n        this.requestUpdate('values', oldValues);\n      }\n    }\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              style=${this.inputStyle ? styleMap(this.inputStyle) : ''}\n              @input=${this.handleInput}\n              @keydown=${this.handleKeyDown}\n              @click=${this.handleClick}\n              type=\"text\"\n              .value=${this.input}\n            />\n            <div id=\"anchor\" style=${styleMap(anchorStyles)}></div>\n            ${placeholderDiv}\n          </div>\n        `\n      : placeholderDiv;\n\n    const items = html`${!this.multi && !this.resolving ? input : null}\n    ${this.multi && this.values.length > 1\n      ? html`\n          <temba-sortable-list\n            horizontal\n            @temba-order-changed=${this.handleOrderChanged}\n            .prepareGhost=${(item: any) => {\n              item.style.transform = 'scale(1)';\n              item.querySelector('.remove-item').style.display = 'none';\n            }}\n          >\n            ${this.values.map(\n              (selected: any, index: number) => html`\n                <div\n                  class=\"selected-item sortable ${index === this.selectedIndex\n                    ? 'focused'\n                    : ''} ${this.draggingId === `selected-${index}`\n                    ? 'dragging'\n                    : ''}\"\n                  id=\"selected-${index}\"\n                  style=\"\n                                vertical-align: middle;\n                                background: rgba(100,100,100,0.1);\n                                user-select: none;\n                                border-radius: 2px;\n                                align-items: center;\n                                flex-direction: row;\n                                flex-wrap: nowrap;\n                                margin: 2px 2px;\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                                ${index === this.selectedIndex\n                    ? 'background: rgba(100,100,100,0.3);'\n                    : ''}\n                                ${this.draggingId === `selected-${index}`\n                    ? 'opacity: 0.5;'\n                    : ''}\n                              \"\n                >\n                  ${this.multi\n                    ? html`\n                        <div\n                          class=\"remove-item\"\n                          style=\"\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                                        margin-top:1px;\n                                      \"\n                          @click=${(evt: MouseEvent) => {\n                            evt.preventDefault();\n                            evt.stopPropagation();\n                            this.handleRemoveSelection(selected);\n                          }}\n                        >\n                          <temba-icon\n                            name=\"${Icon.delete_small}\"\n                            size=\"1\"\n                          ></temba-icon>\n                        </div>\n                      `\n                    : null}\n                  ${this.renderSelectedItem(selected)}\n                </div>\n              `\n            )}\n          </temba-sortable-list>\n        `\n      : this.values.map(\n          (selected: any, index: number) => html`\n            <div\n              class=\"selected-item ${index === this.selectedIndex\n                ? 'focused'\n                : ''}\"\n              style=\"\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                            ${index === this.selectedIndex\n                ? 'background: rgba(100,100,100,0.3);'\n                : ''}\n                          \"\n            >\n              ${this.multi\n                ? html`\n                    <div\n                      class=\"remove-item\"\n                      style=\"\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                                    margin-top:1px;\n                                  \"\n                      @click=${(evt: MouseEvent) => {\n                        evt.preventDefault();\n                        evt.stopPropagation();\n                        this.handleRemoveSelection(selected);\n                      }}\n                    >\n                      <temba-icon\n                        name=\"${Icon.delete_small}\"\n                        size=\"1\"\n                      ></temba-icon>\n                    </div>\n                  `\n                : null}\n              ${!this.input || this.multi\n                ? this.renderSelectedItem(selected)\n                : null}\n            </div>\n          `\n        )}\n    ${this.multi ? input : null}`;\n\n    return html`\n            \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        <slot></slot>\n        <div class=\"wrapper-bg\">\n        \n        <div\n          tabindex=\"0\"\n          class=\"select-container ${classes}\"\n          @click=${this.handleContainerClick}\n        > \n          <div class=\"left-side\" >\n          <slot name=\"prefix\"></slot>\n            <div class=\"selected\" >\n              ${\n                this.resolving\n                  ? html`<temba-loading\n                      style=\"margin-left:1em\"\n                    ></temba-loading>`\n                  : items\n              }\n              \n            </div>\n\n          </div>\n\n          ${clear}\n\n          <slot name=\"right\"></slot>\n          ${\n            !this.tags\n              ? html`<div\n                  class=\"right-side arrow\"\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                  ></temba-icon>\n                </div>`\n              : null\n          }\n          </div>\n          \n        \n        <div class=\"info-text ${!this.infoText ? 'hide' : ''} ${\n      this.focused ? 'focused' : ''\n    }\">${this.infoText}</div></div></div>\n\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 || this.renderOptionDefault}\n    .anchorTo=${this.allowAnchor ? this.anchorElement : null}\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 || this.shouldShowEmptyMessage()}\n    ?showEmptyMessage=${this.shouldShowEmptyMessage()}\n    ></temba-options>\n\n    <temba-options\n    @temba-selection=${this.handleExpressionSelection}\n    @temba-canceled=${() => {}}\n    .anchorTo=${this.allowAnchor ? this.anchorExpressions : null}\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      ${\n        this.completionOptions.length > 0\n          ? html`<div class=\"footer\">\n              ${msg('Tab to complete, enter to select')}\n            </div>`\n          : null\n      }\n    </temba-options>\n  </temba-field>\n  `;\n  }\n}\n"]}

package/out-tsc/src/{select → form/select}/UserSelect.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html } from 'lit';
 import { Select } from './Select';
 import { property } from 'lit/decorators.js';
-import { getFullName } from '../user/TembaUser';
+import { getFullName } from '../../display/TembaUser';
 export class UserSelect extends Select {
     static get styles() {
         return [

package/out-tsc/src/form/select/UserSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSelect.js","sourceRoot":"","sources":["../../../../src/form/select/UserSelect.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,MAAM,EAAgB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,OAAO,UAAW,SAAQ,MAAkB;IAChD,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG,CAAA;;;;;OAKF;SACF,CAAC;IACJ,CAAC;IAoBD;QACE,KAAK,EAAE,CAAC;QAlBV,aAAQ,GAAG,oBAAoB,CAAC;QAGhC,YAAO,GAAG,MAAM,CAAC;QAGjB,aAAQ,GAAG,OAAO,CAAC;QAGnB,gBAAW,GAAW,eAAe,CAAC;QAGtC,WAAM,GAAY,IAAI,CAAC;QAOrB,IAAI,CAAC,aAAa,GAAG,CAAC,MAAkB,EAAE,EAAE;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC,KAAK,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC;IAEM,qBAAqB,CAAC,OAAqB;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAEM,mBAAmB,CAAC,MAAkB;QAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAA;cACD,MAAM,CAAC,KAAK;aACb,MAAM,CAAC,IAAI;eACT,MAAM,CAAC,MAAM;;mBAET,CAAC;IAClB,CAAC;CACF;AA5CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACK;AAGhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACR;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACW;AAGtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACV","sourcesContent":["import { css, CSSResultArray, html, TemplateResult } from 'lit';\nimport { Select, SelectOption } from './Select';\nimport { property } from 'lit/decorators.js';\nimport { getFullName } from '../../display/TembaUser';\n\nexport interface UserOption extends SelectOption {\n  email: string;\n  name: string;\n  avatar: string;\n}\n\nexport class UserSelect extends Select<UserOption> {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          width: 150px;\n          display: block;\n        }\n      `\n    ];\n  }\n\n  @property({ type: String })\n  endpoint = '/api/v2/users.json';\n\n  @property({ type: String })\n  nameKey = 'name';\n\n  @property({ type: String })\n  valueKey = 'email';\n\n  @property({ type: String })\n  placeholder: string = 'Select a user';\n\n  @property({ type: Boolean })\n  sorted: boolean = true;\n\n  @property({ type: Object })\n  user: UserOption;\n\n  constructor() {\n    super();\n    this.shouldExclude = (option: UserOption) => {\n      const selected = this.values[0];\n      return option.email === selected?.email;\n    };\n  }\n\n  public prepareOptionsDefault(options: UserOption[]): UserOption[] {\n    options.forEach((option) => {\n      option.name = getFullName(option);\n    });\n    return options;\n  }\n\n  public renderOptionDefault(option: UserOption): TemplateResult {\n    if (!option) {\n      return html``;\n    }\n\n    return html`<temba-user\n      email=${option.email}\n      name=${option.name}\n      avatar=${option.avatar}\n      showname\n    ></temba-user>`;\n  }\n}\n"]}

package/out-tsc/src/{select → form/select}/WorkspaceSelect.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { css, html } from 'lit';
 import { Select } from './Select';
 import { property } from 'lit/decorators.js';
-import { getScrollParent } from '../utils';
+import { getScrollParent } from '../../utils';
 export class WorkspaceSelect extends Select {
     static get styles() {
         return [

package/out-tsc/src/form/select/WorkspaceSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSelect.js","sourceRoot":"","sources":["../../../../src/form/select/WorkspaceSelect.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAkB,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,MAAM,EAAgB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQ9C,MAAM,OAAO,eAAgB,SAAQ,MAAuB;IAC1D,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG,CAAA;;;;OAIF;SACF,CAAC;IACJ,CAAC;IAoBD;QACE,KAAK,EAAE,CAAC;QAlBV,aAAQ,GAAG,yBAAyB,CAAC;QAGrC,YAAO,GAAG,MAAM,CAAC;QAGjB,aAAQ,GAAG,IAAI,CAAC;QAGhB,gBAAW,GAAW,kBAAkB,CAAC;QAGzC,WAAM,GAAY,IAAI,CAAC;QAOrB,IAAI,CAAC,aAAa,GAAG,CAAC,MAAuB,EAAE,EAAE;YAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,CAAC;QACpC,CAAC,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAEM,YAAY,CAAC,OAAyB;QAC3C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAEM,qBAAqB,CAAC,OAA0B;QACrD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAEM,mBAAmB,CAAC,MAAuB;QAChD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAA,EAAE,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAA,oBAAoB,MAAM,CAAC,IAAI,yBAAyB,CAAC;IACtE,CAAC;CACF;AA9CC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACU;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACV;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACc;AAGzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACA","sourcesContent":["import { css, CSSResultArray, html, TemplateResult } from 'lit';\nimport { Select, SelectOption } from './Select';\nimport { property } from 'lit/decorators.js';\nimport { getScrollParent } from '../../utils';\n\nexport interface WorkspaceOption extends SelectOption {\n  name: string;\n  id: string;\n  type: string;\n}\n\nexport class WorkspaceSelect extends Select<WorkspaceOption> {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          border: 0px solid blue;\n        }\n      `\n    ];\n  }\n\n  @property({ type: String })\n  endpoint = '/api/internal/orgs.json';\n\n  @property({ type: String })\n  nameKey = 'name';\n\n  @property({ type: String })\n  valueKey = 'id';\n\n  @property({ type: String })\n  placeholder: string = 'Choose Workspace';\n\n  @property({ type: Boolean })\n  sorted: boolean = true;\n\n  @property({ type: Object })\n  workspace: WorkspaceOption;\n\n  constructor() {\n    super();\n    this.shouldExclude = (option: WorkspaceOption) => {\n      const selected = this.values[0];\n      return option.id === selected?.id;\n    };\n\n    this.searchable = true;\n  }\n\n  public firstUpdated(changed: Map<string, any>) {\n    super.firstUpdated(changed);\n    this.allowAnchor = !!getScrollParent(this);\n  }\n\n  public prepareOptionsDefault(options: WorkspaceOption[]): WorkspaceOption[] {\n    options.forEach((option) => {\n      option.type = 'workspace';\n    });\n    return options;\n  }\n\n  public renderOptionDefault(option: WorkspaceOption): TemplateResult {\n    if (!option) {\n      return html``;\n    }\n\n    return html`<temba-user name=${option.name} showname></temba-user>`;\n  }\n}\n"]}

package/out-tsc/src/interfaces.js

@@ -46,5 +46,6 @@ export var CustomEventType;
     CustomEventType["TicketUpdated"] = "temba-ticket-updated";
     CustomEventType["Moved"] = "temba-moved";
     CustomEventType["DateRangeChanged"] = "temba-date-range-changed";
+    CustomEventType["NodeDeleted"] = "temba-node-deleted";
 })(CustomEventType || (CustomEventType = {}));
 //# sourceMappingURL=interfaces.js.map

package/out-tsc/src/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/interfaces.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,mCAAsB,CAAA;IACtB,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;AAC1B,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,sDAAgC,CAAA;IAChC,gEAA0C,CAAA;IAC1C,4DAAsC,CAAA;AACxC,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AA4ND,MAAM,CAAN,IAAY,eA8BX;AA9BD,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,4CAAyB,CAAA;IACzB,8CAA2B,CAAA;IAC3B,yDAAsC,CAAA;IACtC,gDAA6B,CAAA;IAC7B,gDAA6B,CAAA;IAC7B,yDAAsC,CAAA;IACtC,uDAAoC,CAAA;IACpC,6DAA0C,CAAA;IAC1C,2DAAwC,CAAA;IACxC,2DAAwC,CAAA;IACxC,yDAAsC,CAAA;IACtC,qDAAkC,CAAA;IAClC,gDAA6B,CAAA;IAC7B,kDAA+B,CAAA;IAC/B,2CAAwB,CAAA;IACxB,uDAAoC,CAAA;IACpC,wCAAqB,CAAA;IACrB,uDAAoC,CAAA;IACpC,iDAA8B,CAAA;IAC9B,+CAA4B,CAAA;IAC5B,4CAAyB,CAAA;IACzB,2DAAwC,CAAA;IACxC,wCAAqB,CAAA;IACrB,gDAA6B,CAAA;IAC7B,0CAAuB,CAAA;IACvB,yDAAsC,CAAA;IACtC,wCAAqB,CAAA;IACrB,gEAA6C,CAAA;AAC/C,CAAC,EA9BW,eAAe,KAAf,eAAe,QA8B1B","sourcesContent":["export interface Workspace {\n  uuid: string;\n  name: string;\n  country: string;\n  languages: string[];\n  timezone: string;\n  date_style: DateStyle;\n  anon: boolean;\n}\n\nexport interface Language {\n  iso: string;\n  name: string;\n}\n\nexport interface Attachment {\n  uuid: string;\n  content_type: string;\n  url: string;\n  filename: string;\n  size: number;\n  error: string;\n}\n\nexport enum DateStyle {\n  DayFirst = 'day_first',\n  MonthFirst = 'month_first',\n  YearFirst = 'year_first'\n}\n\nexport enum ScheduledEventType {\n  CampaignEvent = 'campaign_event',\n  ScheduledBroadcast = 'scheduled_broadcast',\n  ScheduledTrigger = 'scheduled_trigger'\n}\n\nexport enum TicketStatus {\n  Open = 'open',\n  Closed = 'closed'\n}\n\nexport interface ScheduledEvent {\n  type: ScheduledEventType;\n  scheduled: string;\n  repeat_period: string;\n  campaign?: ObjectReference;\n  flow?: ObjectReference;\n  message?: string;\n}\n\nexport interface NamedUser extends User {\n  name: string;\n}\n\nexport interface User {\n  id?: number;\n  first_name?: string;\n  last_name?: string;\n  name?: string;\n  email?: string;\n  role?: string;\n  created_on?: string;\n  avatar?: string;\n}\n\nexport interface Ticket {\n  uuid: string;\n  subject: string;\n  body?: string;\n  closed_on: string;\n  opened_on: string;\n  status: string;\n  contact: ObjectReference;\n  topic: ObjectReference;\n  assignee?: { email: string; name: string; avatar?: string };\n}\n\nexport interface FlowResult {\n  key: string;\n  name: string;\n  categories: string[];\n  node_uuids: string[];\n}\n\nexport interface FlowDetails {\n  name: string;\n  results: FlowResult[];\n  modified_on: string;\n  runs: {\n    active: number;\n    completed: number;\n    expired: number;\n    interrupted: number;\n  };\n}\n\nexport interface Msg {\n  text: string;\n  status: string;\n  channel: ObjectReference;\n  quick_replies: string[];\n  urn: string;\n  id: number;\n  direction: string;\n  type: string;\n  attachments: string[];\n}\n\nexport interface ObjectReference {\n  uuid: string;\n  name: string;\n}\n\nexport interface Shortcut {\n  uuid: string;\n  name: string;\n  text: string;\n  modified_on: string;\n}\n\nexport interface ContactField {\n  key: string;\n  label: string;\n  value_type: string;\n  featured: boolean;\n  priority: number;\n  agent_access: string;\n  type: string;\n  usages: { campaign_events: number; flows: number; groups: number };\n}\n\nexport interface ContactGroup {\n  uuid: string;\n  count: number;\n  name: string;\n  query?: string;\n  status: string;\n}\n\nexport interface URN {\n  scheme: string;\n  path: string;\n}\n\nexport interface Group {\n  name: string;\n  uuid: string;\n  is_dynamic?: boolean;\n}\n\nexport interface ContactNote {\n  text: string;\n  created_on: string;\n  created_by: NamedUser;\n}\n\nexport interface ContactTicket {\n  name: string;\n  uuid: string;\n  status: string;\n\n  contact: {\n    uuid: string;\n    name: string;\n    created_on: Date;\n    last_seen_on: Date;\n  };\n}\n\nexport interface Contact {\n  name: string;\n  uuid: string;\n  stopped: boolean;\n  blocked: boolean;\n  urns: string[];\n  language?: string;\n  fields: { [key: string]: string };\n  groups: Group[];\n  notes: ContactNote[];\n  modified_on: string;\n  created_on: string;\n  last_seen_on: string;\n  status: string;\n\n  anon_display?: string;\n  flow?: ObjectReference;\n  last_msg?: Msg;\n  direction?: string;\n  ticket: {\n    uuid: string;\n    subject: string;\n    closed_on?: string;\n    last_activity_on: string;\n    assignee?: User;\n    topic?: ObjectReference;\n  };\n}\n\nexport interface FeatureProperties {\n  name: string;\n  osm_id: string;\n  level: number;\n  children?: FeatureProperties[];\n  has_children?: boolean;\n  aliases?: string;\n  parent_osm_id?: string;\n  id?: number;\n  path?: string;\n}\n\nexport interface Position {\n  top: number;\n  left: number;\n}\n\nexport interface FunctionExample {\n  template: string;\n  output: string;\n}\n\nexport interface CompletionOption {\n  name?: string;\n  summary: string;\n\n  // functions\n  signature?: string;\n  detail?: string;\n  examples?: FunctionExample[];\n}\n\nexport interface CompletionResult {\n  anchorPosition: Position;\n  query: string;\n  options: CompletionOption[];\n  currentFunction: CompletionOption;\n}\n\nexport interface CompletionProperty {\n  key: string;\n  help: string;\n  type: string;\n}\n\nexport interface CompletionType {\n  name: string;\n\n  key_source?: string;\n  property_template?: CompletionProperty;\n  properties?: CompletionProperty[];\n}\n\nexport interface CompletionSchema {\n  types: CompletionType[];\n  root: CompletionProperty[];\n  root_no_session: CompletionProperty[];\n}\n\nexport type KeyedAssets = { [assetType: string]: string[] };\n\nexport enum CustomEventType {\n  Loaded = 'temba-loaded',\n  Loading = 'temba-loading',\n  Canceled = 'temba-canceled',\n  CursorChanged = 'temba-cursor-changed',\n  Refreshed = 'temba-refreshed',\n  Selection = 'temba-selection',\n  ButtonClicked = 'temba-button-clicked',\n  DialogHidden = 'temba-dialog-hidden',\n  ScrollThreshold = 'temba-scroll-threshold',\n  ContentChanged = 'temba-content-changed',\n  ContextChanged = 'temba-context-changed',\n  FetchComplete = 'temba-fetch-complete',\n  MessageSent = 'temba-message-sent',\n  Submitted = 'temba-submitted',\n  Redirected = 'temba-redirected',\n  NoPath = 'temba-no-path',\n  StoreUpdated = 'temba-store-updated',\n  Ready = 'temba-ready',\n  OrderChanged = 'temba-order-changed',\n  DragStart = 'temba-drag-start',\n  DragStop = 'temba-drag-stop',\n  Resized = 'temba-resized',\n  DetailsChanged = 'temba-details-changed',\n  Error = 'temba-error',\n  Interrupt = 'temba-interrupt',\n  Opened = 'temba-opened',\n  TicketUpdated = 'temba-ticket-updated',\n  Moved = 'temba-moved',\n  DateRangeChanged = 'temba-date-range-changed'\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/interfaces.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,mCAAsB,CAAA;IACtB,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;AAC1B,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,sDAAgC,CAAA;IAChC,gEAA0C,CAAA;IAC1C,4DAAsC,CAAA;AACxC,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,iCAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AA4ND,MAAM,CAAN,IAAY,eA+BX;AA/BD,WAAY,eAAe;IACzB,0CAAuB,CAAA;IACvB,4CAAyB,CAAA;IACzB,8CAA2B,CAAA;IAC3B,yDAAsC,CAAA;IACtC,gDAA6B,CAAA;IAC7B,gDAA6B,CAAA;IAC7B,yDAAsC,CAAA;IACtC,uDAAoC,CAAA;IACpC,6DAA0C,CAAA;IAC1C,2DAAwC,CAAA;IACxC,2DAAwC,CAAA;IACxC,yDAAsC,CAAA;IACtC,qDAAkC,CAAA;IAClC,gDAA6B,CAAA;IAC7B,kDAA+B,CAAA;IAC/B,2CAAwB,CAAA;IACxB,uDAAoC,CAAA;IACpC,wCAAqB,CAAA;IACrB,uDAAoC,CAAA;IACpC,iDAA8B,CAAA;IAC9B,+CAA4B,CAAA;IAC5B,4CAAyB,CAAA;IACzB,2DAAwC,CAAA;IACxC,wCAAqB,CAAA;IACrB,gDAA6B,CAAA;IAC7B,0CAAuB,CAAA;IACvB,yDAAsC,CAAA;IACtC,wCAAqB,CAAA;IACrB,gEAA6C,CAAA;IAC7C,qDAAkC,CAAA;AACpC,CAAC,EA/BW,eAAe,KAAf,eAAe,QA+B1B","sourcesContent":["export interface Workspace {\n  uuid: string;\n  name: string;\n  country: string;\n  languages: string[];\n  timezone: string;\n  date_style: DateStyle;\n  anon: boolean;\n}\n\nexport interface Language {\n  iso: string;\n  name: string;\n}\n\nexport interface Attachment {\n  uuid: string;\n  content_type: string;\n  url: string;\n  filename: string;\n  size: number;\n  error: string;\n}\n\nexport enum DateStyle {\n  DayFirst = 'day_first',\n  MonthFirst = 'month_first',\n  YearFirst = 'year_first'\n}\n\nexport enum ScheduledEventType {\n  CampaignEvent = 'campaign_event',\n  ScheduledBroadcast = 'scheduled_broadcast',\n  ScheduledTrigger = 'scheduled_trigger'\n}\n\nexport enum TicketStatus {\n  Open = 'open',\n  Closed = 'closed'\n}\n\nexport interface ScheduledEvent {\n  type: ScheduledEventType;\n  scheduled: string;\n  repeat_period: string;\n  campaign?: ObjectReference;\n  flow?: ObjectReference;\n  message?: string;\n}\n\nexport interface NamedUser extends User {\n  name: string;\n}\n\nexport interface User {\n  id?: number;\n  first_name?: string;\n  last_name?: string;\n  name?: string;\n  email?: string;\n  role?: string;\n  created_on?: string;\n  avatar?: string;\n}\n\nexport interface Ticket {\n  uuid: string;\n  subject: string;\n  body?: string;\n  closed_on: string;\n  opened_on: string;\n  status: string;\n  contact: ObjectReference;\n  topic: ObjectReference;\n  assignee?: { email: string; name: string; avatar?: string };\n}\n\nexport interface FlowResult {\n  key: string;\n  name: string;\n  categories: string[];\n  node_uuids: string[];\n}\n\nexport interface FlowDetails {\n  name: string;\n  results: FlowResult[];\n  modified_on: string;\n  runs: {\n    active: number;\n    completed: number;\n    expired: number;\n    interrupted: number;\n  };\n}\n\nexport interface Msg {\n  text: string;\n  status: string;\n  channel: ObjectReference;\n  quick_replies: string[];\n  urn: string;\n  id: number;\n  direction: string;\n  type: string;\n  attachments: string[];\n}\n\nexport interface ObjectReference {\n  uuid: string;\n  name: string;\n}\n\nexport interface Shortcut {\n  uuid: string;\n  name: string;\n  text: string;\n  modified_on: string;\n}\n\nexport interface ContactField {\n  key: string;\n  label: string;\n  value_type: string;\n  featured: boolean;\n  priority: number;\n  agent_access: string;\n  type: string;\n  usages: { campaign_events: number; flows: number; groups: number };\n}\n\nexport interface ContactGroup {\n  uuid: string;\n  count: number;\n  name: string;\n  query?: string;\n  status: string;\n}\n\nexport interface URN {\n  scheme: string;\n  path: string;\n}\n\nexport interface Group {\n  name: string;\n  uuid: string;\n  is_dynamic?: boolean;\n}\n\nexport interface ContactNote {\n  text: string;\n  created_on: string;\n  created_by: NamedUser;\n}\n\nexport interface ContactTicket {\n  name: string;\n  uuid: string;\n  status: string;\n\n  contact: {\n    uuid: string;\n    name: string;\n    created_on: Date;\n    last_seen_on: Date;\n  };\n}\n\nexport interface Contact {\n  name: string;\n  uuid: string;\n  stopped: boolean;\n  blocked: boolean;\n  urns: string[];\n  language?: string;\n  fields: { [key: string]: string };\n  groups: Group[];\n  notes: ContactNote[];\n  modified_on: string;\n  created_on: string;\n  last_seen_on: string;\n  status: string;\n\n  anon_display?: string;\n  flow?: ObjectReference;\n  last_msg?: Msg;\n  direction?: string;\n  ticket: {\n    uuid: string;\n    subject: string;\n    closed_on?: string;\n    last_activity_on: string;\n    assignee?: User;\n    topic?: ObjectReference;\n  };\n}\n\nexport interface FeatureProperties {\n  name: string;\n  osm_id: string;\n  level: number;\n  children?: FeatureProperties[];\n  has_children?: boolean;\n  aliases?: string;\n  parent_osm_id?: string;\n  id?: number;\n  path?: string;\n}\n\nexport interface Position {\n  top: number;\n  left: number;\n}\n\nexport interface FunctionExample {\n  template: string;\n  output: string;\n}\n\nexport interface CompletionOption {\n  name?: string;\n  summary: string;\n\n  // functions\n  signature?: string;\n  detail?: string;\n  examples?: FunctionExample[];\n}\n\nexport interface CompletionResult {\n  anchorPosition: Position;\n  query: string;\n  options: CompletionOption[];\n  currentFunction: CompletionOption;\n}\n\nexport interface CompletionProperty {\n  key: string;\n  help: string;\n  type: string;\n}\n\nexport interface CompletionType {\n  name: string;\n\n  key_source?: string;\n  property_template?: CompletionProperty;\n  properties?: CompletionProperty[];\n}\n\nexport interface CompletionSchema {\n  types: CompletionType[];\n  root: CompletionProperty[];\n  root_no_session: CompletionProperty[];\n}\n\nexport type KeyedAssets = { [assetType: string]: string[] };\n\nexport enum CustomEventType {\n  Loaded = 'temba-loaded',\n  Loading = 'temba-loading',\n  Canceled = 'temba-canceled',\n  CursorChanged = 'temba-cursor-changed',\n  Refreshed = 'temba-refreshed',\n  Selection = 'temba-selection',\n  ButtonClicked = 'temba-button-clicked',\n  DialogHidden = 'temba-dialog-hidden',\n  ScrollThreshold = 'temba-scroll-threshold',\n  ContentChanged = 'temba-content-changed',\n  ContextChanged = 'temba-context-changed',\n  FetchComplete = 'temba-fetch-complete',\n  MessageSent = 'temba-message-sent',\n  Submitted = 'temba-submitted',\n  Redirected = 'temba-redirected',\n  NoPath = 'temba-no-path',\n  StoreUpdated = 'temba-store-updated',\n  Ready = 'temba-ready',\n  OrderChanged = 'temba-order-changed',\n  DragStart = 'temba-drag-start',\n  DragStop = 'temba-drag-stop',\n  Resized = 'temba-resized',\n  DetailsChanged = 'temba-details-changed',\n  Error = 'temba-error',\n  Interrupt = 'temba-interrupt',\n  Opened = 'temba-opened',\n  TicketUpdated = 'temba-ticket-updated',\n  Moved = 'temba-moved',\n  DateRangeChanged = 'temba-date-range-changed',\n  NodeDeleted = 'temba-node-deleted'\n}\n"]}

package/out-tsc/src/layout/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/layout/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from 'lit/decorators.js';\nimport { TemplateResult, html, css } from 'lit';\nimport { Button } from '../display/Button';\nimport { CustomEventType } from '../interfaces';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { getClasses } from '../utils';\nimport { ResizeElement } from '../ResizeElement';\n\nexport enum ButtonType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive'\n}\nexport class DialogButton {\n  name?: string;\n  id?: string;\n  details?: any;\n  type?: string;\n  closes?: boolean;\n}\n\nexport class Dialog extends ResizeElement {\n  static get widths(): { [size: string]: string } {\n    return {\n      small: '400px',\n      medium: '600px',\n      large: '655px'\n    };\n  }\n\n  static get styles() {\n    return css`\n      :host {\n        position: absolute;\n        z-index: 10000;\n        font-family: var(--font-family);\n        background: white;\n      }\n\n      .flex-grow {\n        flex-grow: 1;\n      }\n\n      .flex {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        position: relative;\n        left: 0px;\n        top: 0px;\n        align-items: center;\n        height: 100vh;\n      }\n\n      .mobile .flex {\n        height: 100%;\n        position: fixed;\n      }\n\n      .mobile .grow-top {\n        flex-grow: 0;\n      }\n\n      .mobile .grow-bottom {\n        flex-grow: 0;\n      }\n\n      .grow-top {\n        flex-grow: 1;\n      }\n\n      .grow-bottom {\n        flex-grow: 3;\n      }\n\n      .bottom-padding {\n        padding: 3rem;\n      }\n\n      .dialog-mask {\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.5);\n        opacity: 0;\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        transition: opacity linear calc(var(--transition-speed) / 2ms);\n        pointer-events: none;\n      }\n\n      .mobile.dialog-mask .dialog-container {\n        border-radius: 0px;\n      }\n\n      .dialog-mask .dialog-container {\n        position: relative;\n        transition: transform var(--transition-speed) var(--bounce),\n          opacity ease-in-out calc(var(--transition-speed) - 50ms);\n        border-radius: var(--curvature);\n        box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.06);\n        overflow: hidden;\n        transform: scale(0.9) translatey(2em);\n        background: white;\n        margin: auto;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .dialog-body {\n        background: #fff;\n        overflow-y: auto;\n        flex-grow: 1;\n      }\n\n      .dialog-mask.dialog-open {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      .dialog-mask.dialog-open .dialog-container {\n        top: inherit;\n      }\n\n      .dialog-mask.dialog-animation-end .dialog-container {\n        transform: scale(1) !important;\n      }\n\n      .dialog-mask.dialog-ready .dialog-container {\n        transform: none;\n      }\n\n      .dialog-mask.dialog-loading .dialog-container {\n        margin-top: -10000px;\n      }\n\n      .header-text {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        font-size: 20px;\n        padding: 12px 20px;\n        color: var(--header-text);\n        background: var(--header-bg);\n      }\n\n      .header-text .title {\n        flex-grow: 1;\n      }\n\n      .header-text .status {\n        font-size: 0.6em;\n        font-weight: bold;\n      }\n\n      .dialog-footer {\n        background: var(--color-primary-light);\n        padding: 10px;\n        display: flex;\n        flex-flow: row;\n        align-items: center;\n      }\n\n      temba-button {\n        margin-left: 10px;\n      }\n\n      .dialog-body temba-loading {\n        position: absolute;\n        right: 12px;\n        margin-top: -30px;\n        padding-bottom: 9px;\n        display: none;\n      }\n\n      #page-loader {\n        text-align: center;\n        display: block;\n        position: relative;\n        opacity: 0;\n        margin: auto;\n        margin-top: 30px;\n        width: 154px;\n        transition: opacity calc(var(--transition-speed) * 5ms) ease-in\n          calc(var(--transition-speed * 2));\n        visibility: hidden;\n      }\n\n      .dialog-mask.dialog-loading #page-loader {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      #submit-loader {\n        flex-grow: 1;\n        text-align: right;\n      }\n    `;\n  }\n\n  @property({ type: Boolean })\n  open: boolean;\n\n  @property()\n  header: string;\n\n  @property()\n  body: string;\n\n  @property({ type: Boolean })\n  submitting: boolean;\n\n  @property({ type: Boolean })\n  destructive: boolean;\n\n  @property({ type: Boolean })\n  disabled: boolean;\n\n  @property({ type: Boolean })\n  loading: boolean;\n\n  @property({ type: Boolean })\n  hideOnClick: boolean;\n\n  @property({ type: Boolean })\n  noFocus: boolean;\n\n  @property()\n  size = 'medium';\n\n  @property({ type: String })\n  primaryButtonName = 'Ok';\n\n  @property({ type: String })\n  cancelButtonName = 'Cancel';\n\n  @property({ type: String })\n  width = null;\n\n  @property()\n  submittingName = 'Saving';\n\n  @property()\n  animationEnd: boolean;\n\n  @property()\n  ready: boolean;\n\n  @property({ type: Array })\n  buttons: DialogButton[] = [];\n\n  @property({ attribute: false })\n  onButtonClicked: (button: Button) => void;\n\n  scrollOffset: any = 0;\n\n  public constructor() {\n    super();\n  }\n\n  private updateButtons() {\n    this.buttons = [];\n    if (this.cancelButtonName) {\n      this.buttons.push({\n        name: this.cancelButtonName,\n        type: ButtonType.SECONDARY,\n        closes: true\n      });\n    }\n\n    if (this.primaryButtonName) {\n      this.buttons.push({\n        name: this.primaryButtonName,\n        type: ButtonType.PRIMARY\n      });\n    }\n    this.requestUpdate();\n  }\n\n  public updated(changes: Map<string, any>) {\n    super.updated(changes);\n\n    if (changes.has('cancelButtonName') || changes.has('primaryButtonName')) {\n      this.updateButtons();\n    }\n\n    if (changes.has('open')) {\n      const body = document.querySelector('body');\n\n      if (this.open) {\n        this.animationEnd = true;\n        window.setTimeout(() => {\n          this.ready = true;\n          this.animationEnd = false;\n        }, 400);\n\n        this.scrollOffset = -document.documentElement.scrollTop;\n        body.style.position = 'fixed';\n        body.style.overflowY = 'scroll';\n        body.style.top = this.scrollOffset + 'px';\n        body.style.width = '100%';\n        body.style.overflowY = 'hidden';\n      } else {\n        body.style.position = '';\n        body.style.overflowY = '';\n        body.style.width = '';\n        body.style.marginRight = '';\n        body.style.paddingRight = '0px';\n        window.scrollTo(0, parseInt(this.scrollOffset || '0') * -1);\n      }\n\n      // make sure our buttons aren't in progress on show\n      if (this.open && !changes.get('open')) {\n        this.shadowRoot\n          .querySelectorAll('temba-button')\n          .forEach((button: Button) => {\n            if (button) button.submitting = false;\n          });\n\n        if (!this.noFocus) {\n          this.focusFirstInput();\n        }\n      } else {\n        window.setTimeout(() => {\n          this.ready = false;\n        }, 400);\n      }\n    }\n  }\n\n  public focusFirstInput(): void {\n    window.setTimeout(() => {\n      let input = this.querySelector(\n        'temba-textinput, temba-completion, input[type=\"text\"], textarea'\n      ) as any;\n      if (input) {\n        input = input.textInputElement || input.inputElement || input;\n        if (!input.readOnly) {\n          input.focus();\n          input.click();\n        }\n      }\n    }, 100);\n  }\n\n  public handleClick(evt: MouseEvent) {\n    const button = evt.currentTarget as Button;\n    if (!button.disabled) {\n      let detail: DialogButton = {};\n      if (button.index >= 0 && button.index < this.buttons.length) {\n        detail = this.buttons[button.index];\n      }\n\n      this.fireCustomEvent(CustomEventType.ButtonClicked, { button, detail });\n      if (button.name === this.cancelButtonName || (detail && detail.closes)) {\n        this.open = false;\n      }\n    }\n  }\n\n  private getDocumentHeight(): number {\n    const body = document.body;\n    const html = document.documentElement;\n    return Math.max(\n      body.scrollHeight,\n      body.offsetHeight,\n      html.clientHeight,\n      html.scrollHeight,\n      html.offsetHeight\n    );\n  }\n\n  private clickCancel() {\n    const cancel = this.getCancelButton();\n    if (cancel) {\n      cancel.click();\n    }\n  }\n\n  public getCancelButton(): Button {\n    return this.shadowRoot.querySelector(\n      `temba-button[name='${this.cancelButtonName}']`\n    );\n  }\n\n  public getPrimaryButton(): Button {\n    return this.shadowRoot.querySelector(`temba-button[primary]`);\n  }\n\n  private handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      this.clickCancel();\n    }\n  }\n\n  private handleClickMask(event: MouseEvent) {\n    if (this.hideOnClick) {\n      const id = (event.target as HTMLElement).id;\n      if (id === 'dialog-mask' || id === 'dialog-bg') {\n        this.fireCustomEvent(CustomEventType.DialogHidden);\n        this.clickCancel();\n      }\n    }\n  }\n\n  public show(): void {\n    this.open = true;\n  }\n\n  public hide(): void {\n    this.open = false;\n  }\n\n  public render(): TemplateResult {\n    const dialogStyle = {\n      width: this.width,\n      minWidth: '250px',\n      maxWidth: '600px'\n    };\n    if (!this.width) {\n      dialogStyle['width'] = Dialog.widths[this.size];\n    }\n\n    if (this.isMobile()) {\n      dialogStyle['width'] = '100%';\n      dialogStyle['height'] = '100%';\n      delete dialogStyle['maxWidth'];\n    }\n\n    const header = this.header\n      ? html`\n          <div class=\"dialog-header\">\n            <div class=\"header-text\">\n              <div class=\"title\">${this.header}</div>\n            </div>\n          </div>\n        `\n      : null;\n\n    return html`\n      <div\n        id=\"dialog-mask\"\n        @click=${this.handleClickMask}\n        class=\"dialog-mask ${getClasses({\n          'dialog-open': this.open,\n          'dialog-loading': this.loading,\n          'dialog-animation-end': this.animationEnd,\n          'dialog-ready': this.ready,\n          mobile: this.isMobile()\n        })}\"\n      >\n        <div style=\"position: absolute; width: 100%;\">\n          <temba-loading\n            id=\"page-loader\"\n            units=\"6\"\n            size=\"12\"\n            color=\"#ccc\"\n          ></temba-loading>\n        </div>\n\n        <div class=\"flex\">\n          <div class=\"grow-top\" style=\"${\n            this.isMobile() ? 'flex-grow:0' : ''\n          }\"></div>\n          <div\n            @keyup=${this.handleKeyUp}\n            style=${styleMap(dialogStyle)}\n            class=\"dialog-container\"\n          >\n            ${header}\n            <div class=\"dialog-body\" @keypress=${this.handleKeyUp}>\n              ${this.body ? this.body : html`<slot></slot>`}\n              <temba-loading units=\"6\" size=\"8\"></temba-loading>\n            </div>\n\n            <div class=\"dialog-footer\">\n              <div class=\"flex-grow\">\n                <slot name=\"gutter\"></slot>\n              </div>\n              ${this.buttons.map(\n                (button: DialogButton, index) => html`\n                  <temba-button\n                    name=${button.name}\n                    ?destructive=${button.type == 'primary' && this.destructive}\n                    ?primary=${button.type == 'primary' && !this.destructive}\n                    ?secondary=${button.type == 'secondary'}\n                    ?submitting=${this.submitting}\n                    ?disabled=${this.disabled && !button.closes}\n                    index=${index}\n                    @click=${this.handleClick}\n                  ></temba-button>\n                `\n              )}\n              </div>\n            </div>\n            <div class=\"grow-bottom\"></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/layout/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../src/layout/Mask.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAqBE,SAAI,GAAG,KAAK,CAAC;IAOf,CAAC;IALC,MAAM;QACJ,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;;WAEjD,CAAC;IACV,CAAC;;AA1BM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;GAiBlB,AAjBY,CAiBX;AAGF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCACf","sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport class Mask extends LitElement {\n  static styles = css`\n    .mask {\n      position: fixed;\n      top: 0;\n      left: 0;\n      z-index: 100;\n      width: 100vw;\n      height: 100vh;\n      background: rgba(0, 0, 0, 0.6);\n      display: none;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .show {\n      display: flex;\n    }\n  `;\n\n  @property({ type: Boolean })\n  show = false;\n\n  render() {\n    return html` <div class=\"mask  ${this.show ? 'show' : ''}\">\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}