@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/src/{loading → display}/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/loading/Loading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAkCE,UAAK,GAAG,2BAA2B,CAAC;QAGpC,SAAI,GAAG,CAAC,CAAC;QAGT,UAAK,GAAG,CAAC,CAAC;QAMV,cAAS,GAAG,KAAK,CAAC;IAuBpB,CAAC;IApEC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BT,CAAC;IACJ,CAAC;IAiBM,MAAM;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAE7B,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,SAAS;UACjE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,EAAE;YACzC,MAAM,SAAS,GAAG;gBAChB,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAC1C,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI;gBACvB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI;gBACxB,MAAM,EAAE,MAAM,GAAG,IAAI;gBACrB,cAAc,EAAE,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;gBACjD,UAAU,EAAE,IAAI,CAAC,KAAK;aACvB,CAAC;YACF,OAAO,IAAI,CAAA;8CACyB,QAAQ,CAAC,SAAS,CAAC;WACtD,CAAC;QACJ,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;CACF;AAnCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAClB;AAGT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACT","sourcesContent":["import { html, TemplateResult, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { range } from '../utils';\n\nexport class Loading extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      .loading-unit {\n        border: 1px inset rgba(0, 0, 0, 0.05);\n        animation: loading-pulse 0.9s cubic-bezier(0.3, 0, 0.7, 1) infinite;\n      }\n\n      .loading-container {\n        display: flex;\n      }\n\n      @keyframes loading-pulse {\n        0% {\n          transform: scale(0.2);\n          opacity: 0.1;\n        }\n        20% {\n          transform: scale(1);\n          opacity: 1;\n        }\n        100% {\n          transform: scale(0.2);\n          opacity: 0.1;\n        }\n      }\n    `;\n  }\n\n  @property({ type: String })\n  color = 'var(--color-primary-dark)';\n\n  @property({ type: Number })\n  size = 5;\n\n  @property({ type: Number })\n  units = 5;\n\n  @property({ type: Boolean })\n  square?: boolean;\n\n  @property({ type: String })\n  direction = 'row';\n\n  public render(): TemplateResult {\n    const margin = this.size / 2;\n\n    return html`\n      <div class=\"loading-container\" style=\"flex-direction:${this.direction}\">\n        ${range(0, this.units).map((num: number) => {\n          const ballStyle = {\n            'border-radius': this.square ? '0' : '50%',\n            width: this.size + 'px',\n            height: this.size + 'px',\n            margin: margin + 'px',\n            animationDelay: `-${1 - num * (1 / this.units)}s`,\n            background: this.color\n          };\n          return html`\n            <div class=\"loading-unit\" style=${styleMap(ballStyle)}></div>\n          `;\n        })}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/display/Loading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAkCE,UAAK,GAAG,2BAA2B,CAAC;QAGpC,SAAI,GAAG,CAAC,CAAC;QAGT,UAAK,GAAG,CAAC,CAAC;QAMV,cAAS,GAAG,KAAK,CAAC;IAuBpB,CAAC;IApEC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BT,CAAC;IACJ,CAAC;IAiBM,MAAM;QACX,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAE7B,OAAO,IAAI,CAAA;6DAC8C,IAAI,CAAC,SAAS;UACjE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,EAAE;YACzC,MAAM,SAAS,GAAG;gBAChB,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAC1C,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI;gBACvB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI;gBACxB,MAAM,EAAE,MAAM,GAAG,IAAI;gBACrB,cAAc,EAAE,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;gBACjD,UAAU,EAAE,IAAI,CAAC,KAAK;aACvB,CAAC;YACF,OAAO,IAAI,CAAA;8CACyB,QAAQ,CAAC,SAAS,CAAC;WACtD,CAAC;QACJ,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;CACF;AAnCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACS;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAClB;AAGT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACT","sourcesContent":["import { html, TemplateResult, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { range } from '../utils';\n\nexport class Loading extends LitElement {\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n      }\n\n      .loading-unit {\n        border: 1px inset rgba(0, 0, 0, 0.05);\n        animation: loading-pulse 0.9s cubic-bezier(0.3, 0, 0.7, 1) infinite;\n      }\n\n      .loading-container {\n        display: flex;\n      }\n\n      @keyframes loading-pulse {\n        0% {\n          transform: scale(0.2);\n          opacity: 0.1;\n        }\n        20% {\n          transform: scale(1);\n          opacity: 1;\n        }\n        100% {\n          transform: scale(0.2);\n          opacity: 0.1;\n        }\n      }\n    `;\n  }\n\n  @property({ type: String })\n  color = 'var(--color-primary-dark)';\n\n  @property({ type: Number })\n  size = 5;\n\n  @property({ type: Number })\n  units = 5;\n\n  @property({ type: Boolean })\n  square?: boolean;\n\n  @property({ type: String })\n  direction = 'row';\n\n  public render(): TemplateResult {\n    const margin = this.size / 2;\n\n    return html`\n      <div class=\"loading-container\" style=\"flex-direction:${this.direction}\">\n        ${range(0, this.units).map((num: number) => {\n          const ballStyle = {\n            'border-radius': this.square ? '0' : '50%',\n            width: this.size + 'px',\n            height: this.size + 'px',\n            margin: margin + 'px',\n            animationDelay: `-${1 - num * (1 / this.units)}s`,\n            background: this.color\n          };\n          return html`\n            <div class=\"loading-unit\" style=${styleMap(ballStyle)}></div>\n          `;\n        })}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/{options → display}/Options.js.map

@@ -1 +1 @@
-{"version":3,"file":"Options.js","sourceRoot":"","sources":["../../../src/options/Options.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement, EventHandler } from '../RapidElement';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { getClasses, getScrollParent, throttle } from '../utils';\nimport { msg } from '@lit/localize';\n\nexport class Options extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        --transition-speed: 0;\n      }\n\n      .options-container {\n        background: var(--color-options-bg);\n        user-select: none;\n        border-radius: var(--curvature-widget);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        transition: transform var(--transition-speed)\n            cubic-bezier(0.71, 0.18, 0.61, 1.33),\n          opacity var(--transition-speed) cubic-bezier(0.71, 0.18, 0.61, 1.33);\n        opacity: 0;\n        z-index: 1000;\n        pointer-events: none;\n        position: relative;\n      }\n\n      .shadow {\n        box-shadow: var(--options-shadow);\n      }\n\n      .anchored {\n        position: fixed;\n      }\n\n      :host([block]) .options-container {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n\n      :host([block]) .options-scroll {\n        height: 100%;\n        visibility: visible;\n        overflow-y: auto;\n        flex-grow: 1;\n        -webkit-mask-image: -webkit-radial-gradient(white, black);\n      }\n\n      :host([block]) {\n        border-radius: var(--curvature);\n        display: block;\n        height: 100%;\n      }\n\n      :host([block]) .shadow {\n        box-shadow: var(--options-block-shadow);\n      }\n\n      .bordered {\n        border: 1px solid var(--color-widget-border) !important;\n      }\n\n      :host([block]) .options {\n        margin-bottom: 1.5em;\n      }\n\n      .options-scroll {\n        display: flex;\n        flex-direction: column;\n      }\n\n      :host([collapsed]) temba-icon {\n        flex-grow: 1;\n        margin-right: 0px !important;\n        padding-top: 0.25em;\n        padding-bottom: 0.25em;\n      }\n\n      :host([collapsed]) .name {\n        display: none;\n      }\n\n      :host([collapsed]) .count {\n        display: none;\n      }\n\n      .options {\n        border-radius: var(--curvature-widget);\n        overflow-y: auto;\n        max-height: 200px;\n        border: none;\n      }\n\n      .show {\n        border: 1px solid var(--color-widget-border);\n        opacity: 1;\n        z-index: 1;\n        pointer-events: auto;\n        margin-top: var(--options-margin-top);\n      }\n\n      .option {\n        font-size: var(--temba-options-font-size);\n        padding: 5px 10px;\n        border-radius: 4px;\n        margin: 0.3em;\n        cursor: pointer;\n        color: var(--color-text-dark);\n        scroll-margin: 5px 0px;\n        text-align: left;\n      }\n\n      .option * {\n        user-select: none;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        -ms-word-break: break-all;\n        word-break: break-word;\n        -ms-hyphens: auto;\n        -moz-hyphens: auto;\n        -webkit-hyphens: auto;\n        hyphens: auto;\n      }\n\n      .option .detail {\n        font-size: 85%;\n        color: rgba(0, 0, 0, 0.4);\n      }\n\n      code {\n        background: rgba(0, 0, 0, 0.05);\n        padding: 1px 5px;\n        border-radius: var(--curvature-widget);\n      }\n\n      :host([block]) {\n        position: relative;\n      }\n\n      :host([block]) .options {\n        overflow-y: initial;\n      }\n\n      temba-loading {\n        align-self: center;\n        margin-top: 0.025em;\n      }\n\n      .loader-bar {\n        pointer-events: none;\n        align-items: center;\n        background: #eee;\n        max-height: 0;\n        transition: max-height var(--transition-speed) ease-in-out;\n        border-bottom-left-radius: var(--curvature-widget);\n        border-bottom-right-radius: var(--curvature-widget);\n        display: flex;\n        overflow: hidden;\n      }\n\n      .loading .loader-bar {\n        max-height: 1.1em;\n      }\n\n      .option:hover {\n        background: var(--option-hover-bg);\n        color: var(--option-hover-text);\n      }\n\n      .option.focused {\n        background: var(--color-selection);\n        color: var(--color-text-dark);\n      }\n\n      .option.no-options {\n        pointer-events: none;\n      }\n\n      .option.no-options:hover {\n        background: transparent;\n        color: var(--color-text-dark-secondary);\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  top: number;\n\n  @property({ type: Number })\n  left: number;\n\n  @property({ type: Number })\n  width: number;\n\n  @property({ type: Number, attribute: 'static-width' })\n  staticWidth: number;\n\n  @property({ type: Boolean, attribute: 'anchor-right' })\n  anchorRight: boolean;\n\n  @property({ type: Number })\n  marginHorizontal = 0;\n\n  @property({ type: Number })\n  marginVertical = 7;\n\n  @property({ type: Object })\n  anchorTo: HTMLElement;\n\n  @property({ type: Boolean })\n  visible: boolean;\n\n  @property({ type: Boolean })\n  block: boolean;\n\n  // if we allow the focus to follow the cursor\n  @property({ type: Boolean })\n  cursorHover: boolean;\n\n  // fire selection events when cursor changes\n  @property({ type: Boolean })\n  cursorSelection: boolean;\n\n  @property({ type: Number })\n  scrollPct = 75;\n\n  @property({ type: Number })\n  cursorIndex = -1;\n\n  @property({ type: Boolean })\n  internalFocusDisabled = false;\n\n  @property({ type: Array })\n  options: any[];\n\n  @property({ type: Array })\n  tempOptions: any[];\n\n  @property({ type: Boolean })\n  poppedTop: boolean;\n\n  @property({ type: Boolean })\n  spaceSelect: boolean;\n\n  @property({ type: String })\n  nameKey = 'name';\n\n  @property({ type: Boolean })\n  loading = false;\n\n  @property({ type: Boolean })\n  collapsed: boolean;\n\n  @property({ type: Boolean })\n  hideShadow = false;\n\n  @property({ attribute: false })\n  getName: { (option: any): string } = function (option: any) {\n    return option[this.nameKey || 'name'];\n  };\n\n  @property({ attribute: false })\n  renderInputOption: { (): TemplateResult } = function () {\n    return null;\n  };\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\n  @property({ type: Number })\n  scrollHeight = 0;\n\n  @property({ type: Boolean })\n  triggerScroll = false;\n\n  @property({ type: Boolean })\n  showEmptyMessage = false;\n\n  scrollParent: HTMLElement = null;\n\n  resolvedRenderOption: { (option: any, selected: boolean): TemplateResult };\n\n  public firstUpdated(changed: Map<string, any>) {\n    super.firstUpdated(changed);\n    if (!this.block) {\n      this.scrollParent = getScrollParent(this);\n      this.calculatePosition = this.calculatePosition.bind(this);\n      if (this.scrollParent) {\n        this.scrollParent.addEventListener('scroll', this.calculatePosition);\n      }\n    }\n\n    this.resolvedRenderOption = (\n      this.renderOption || this.renderOptionDefault\n    ).bind(this);\n  }\n\n  public disconnectedCallback() {\n    if (!this.block) {\n      if (this.scrollParent) {\n        this.scrollParent.removeEventListener('scroll', this.calculatePosition);\n      }\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  private isFocused(): boolean {\n    // TODO: this really doesn't seem right\n    const focused =\n      this.closestElement(document.activeElement.tagName) ===\n      document.activeElement;\n\n    return focused;\n  }\n\n  private resizeObserver: ResizeObserver;\n\n  public updated(changed: Map<string, any>) {\n    super.updated(changed);\n\n    if (changed.has('anchorTo') && this.anchorTo) {\n      const optionsContainer =\n        this.shadowRoot.querySelector('.options-container');\n\n      if (!this.resizeObserver) {\n        this.resizeObserver = new ResizeObserver((entries) => {\n          window.requestAnimationFrame((): void | undefined => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n            this.calculatePosition();\n            this.adjustWidth();\n          });\n        });\n        this.resizeObserver.observe(optionsContainer);\n      }\n    }\n\n    // if our cursor changed, lets make sure our scrollbox is showing it\n    if (!this.internalFocusDisabled && changed.has('cursorIndex')) {\n      this.fireCustomEvent(CustomEventType.CursorChanged, {\n        index: this.cursorIndex\n      });\n    }\n\n    if (changed.has('visible') && changed.has('options')) {\n      if (!this.visible && this.options.length == 0) {\n        this.tempOptions = changed.get('options');\n        window.setTimeout(() => {\n          this.tempOptions = [];\n        }, 200);\n      }\n    }\n\n    if (changed.has('options')) {\n      this.adjustWidth();\n      this.calculatePosition();\n\n      // allow scrolls to trigger again\n      this.triggerScroll = true;\n\n      const prevOptions = changed.get('options');\n      const previousCount = prevOptions ? prevOptions.length : 0;\n      const newCount = this.options ? this.options.length : 0;\n\n      if (\n        this.cursorIndex === -1 ||\n        newCount < previousCount ||\n        (previousCount === 0 && newCount > 0 && !changed.has('cursorIndex'))\n      ) {\n        if (!this.internalFocusDisabled) {\n          if (!this.block) {\n            this.cursorIndex = 0;\n          } else {\n            if (this.cursorIndex >= newCount) {\n              this.cursorIndex = newCount - 1;\n            }\n          }\n\n          if (this.cursorSelection) {\n            this.handleSelection(false);\n          }\n        }\n      }\n\n      // if on initial load we don't have enough options to load, trigger a scroll\n      // threshold event in case the page size is smaller than our control height\n      const scrollBox = this.shadowRoot.querySelector('.options');\n      if (scrollBox) {\n        if (scrollBox.scrollHeight == scrollBox.clientHeight) {\n          this.fireCustomEvent(CustomEventType.ScrollThreshold);\n        }\n      }\n    }\n  }\n\n  private renderOptionDefault(option: any, selected: boolean): TemplateResult {\n    const renderOptionName = (\n      this.renderOptionName || this.renderOptionNameDefault\n    ).bind(this);\n    const renderOptionDetail = (\n      this.renderOptionDetail || this.renderOptionDetailDefault\n    ).bind(this);\n\n    if (selected) {\n      return html`\n        <div class=\"name\">${renderOptionName(option, selected)}</div>\n        <div class=\"detail\">${renderOptionDetail(option, selected)}</div>\n      `;\n    } else {\n      return html`\n        <div class=\"name\">${renderOptionName(option, selected)}</div>\n      `;\n    }\n  }\n\n  private renderOptionNameDefault(option: any): TemplateResult {\n    return html`<div style=\"display:flex; align-items:flex-start\">\n      ${option.icon\n        ? html`<temba-icon\n            name=\"${option.icon}\"\n            style=\"margin-right:0.5em; fill: var(--color-text-dark);\"\n          ></temba-icon>`\n        : null}\n      <div style=\"flex-grow:1\">${option.prefix}${this.getName(option)}</div>\n    </div>`;\n  }\n\n  private renderOptionDetailDefault(option: any): TemplateResult {\n    return html` ${option.detail} `;\n  }\n\n  public getSelection() {\n    return this.options[this.cursorIndex];\n  }\n\n  private handleSelection(tabbed = false, index = -1) {\n    if (!this.internalFocusDisabled) {\n      if (index === -1) {\n        index = this.cursorIndex;\n      }\n    }\n\n    if (index === -1) {\n      return;\n    }\n\n    const selected = this.options[index];\n    this.fireCustomEvent(CustomEventType.Selection, {\n      selected,\n      tabbed,\n      index\n    });\n  }\n\n  private moveCursor(direction: number): void {\n    if (!this.internalFocusDisabled) {\n      const newIndex = Math.max(\n        Math.min(this.cursorIndex + direction, this.options.length - 1),\n        0\n      );\n      this.setCursor(newIndex);\n    }\n  }\n\n  private setCursor: (index: number) => void = throttle(function (\n    index: number\n  ) {\n    if (!this.internalFocusDisabled) {\n      if (index !== this.cursorIndex) {\n        this.cursorIndex = index;\n      }\n    }\n  },\n  50);\n\n  public scrollToTop() {\n    const scrollBox = this.shadowRoot.querySelector('.options-scroll');\n    scrollBox.scrollTop = 0;\n  }\n\n  private ensureOptionVisible() {\n    const focusedOption = this.shadowRoot.querySelector(\n      `div[data-option-index=\"${this.cursorIndex}\"]`\n    ) as HTMLDivElement;\n    if (focusedOption) {\n      focusedOption.scrollIntoView({\n        block: 'nearest',\n        inline: 'start'\n      });\n    }\n  }\n  private handleKeyDown(evt: KeyboardEvent) {\n    if (this.internalFocusDisabled || (this.block && !this.isFocused())) {\n      return;\n    }\n\n    if (this.offsetParent === null) {\n      return;\n    }\n\n    if (this.options && this.options.length > 0) {\n      if ((evt.ctrlKey && evt.key === 'n') || evt.key === 'ArrowDown') {\n        this.moveCursor(1);\n        evt.preventDefault();\n        evt.stopPropagation();\n        if (this.cursorSelection) {\n          this.handleSelection(false);\n        }\n        this.ensureOptionVisible();\n      } else if ((evt.ctrlKey && evt.key === 'p') || evt.key === 'ArrowUp') {\n        this.moveCursor(-1);\n        evt.preventDefault();\n        if (this.cursorSelection) {\n          this.handleSelection(false);\n        }\n        this.ensureOptionVisible();\n      } else if (\n        evt.key === 'Enter' ||\n        evt.key === 'Tab' ||\n        (this.spaceSelect && evt.key === ' ')\n      ) {\n        evt.preventDefault();\n        evt.stopPropagation();\n        this.handleSelection(evt.key === 'Tab');\n      } else if (evt.key === 'Escape') {\n        this.fireCustomEvent(CustomEventType.Canceled);\n      }\n    }\n  }\n\n  private handleInnerScroll(evt: Event) {\n    const scrollbox = evt.target as HTMLDivElement;\n\n    // scroll height has changed, enable scroll trigger\n    if (scrollbox.scrollHeight > this.scrollHeight) {\n      this.scrollHeight = scrollbox.scrollHeight;\n      this.triggerScroll = true;\n    }\n\n    if (this.triggerScroll) {\n      const scrollPct =\n        scrollbox.scrollTop / (scrollbox.scrollHeight - scrollbox.clientHeight);\n      if (scrollPct * 100 > this.scrollPct) {\n        this.fireCustomEvent(CustomEventType.ScrollThreshold);\n        this.triggerScroll = false;\n      }\n    }\n  }\n\n  private adjustWidth() {\n    if (this.anchorTo) {\n      const anchorBounds = this.anchorTo.getBoundingClientRect();\n      this.width =\n        this.staticWidth > 0\n          ? this.staticWidth\n          : anchorBounds.width - 2 - this.marginHorizontal * 2;\n    }\n  }\n\n  private calculatePosition() {\n    if (this.visible && !this.block) {\n      const optionsBounds = this.shadowRoot\n        .querySelector('.options-container')\n        .getBoundingClientRect();\n\n      if (this.anchorTo) {\n        const anchorBounds = this.anchorTo.getBoundingClientRect();\n        this.top = anchorBounds.bottom;\n        if (anchorBounds.bottom + optionsBounds.height > window.innerHeight) {\n          this.top =\n            anchorBounds.bottom -\n            (optionsBounds.height + anchorBounds.height + 10);\n        }\n        this.left = anchorBounds.left;\n      }\n    }\n  }\n\n  public getEventHandlers(): EventHandler[] {\n    return [\n      {\n        event: 'keydown',\n        method: this.handleKeyDown,\n        isDocument: true\n      },\n      {\n        event: 'scroll',\n        method: this.calculatePosition,\n        isDocument: true\n      }\n    ];\n  }\n\n  private handleMouseMove(evt: MouseEvent) {\n    if (!this.block || this.cursorHover) {\n      if (Math.abs(evt.movementX) + Math.abs(evt.movementY) > 0) {\n        const index = (evt.currentTarget as HTMLElement).getAttribute(\n          'data-option-index'\n        );\n        this.setCursor(parseInt(index));\n      }\n    }\n  }\n\n  private handleOptionClick(evt: MouseEvent) {\n    const index = (evt.currentTarget as HTMLElement).getAttribute(\n      'data-option-index'\n    );\n\n    if (index) {\n      const newIndex = parseInt(index);\n      this.setCursor(newIndex);\n      this.handleSelection(false, newIndex);\n    }\n  }\n\n  public render(): TemplateResult {\n    if (!this.resolvedRenderOption) {\n      return null;\n    }\n\n    let vertical = this.block ? 0 : this.marginVertical;\n    if (this.poppedTop) {\n      vertical *= -1;\n    }\n\n    const containerStyle = this.visible\n      ? {\n          'margin-left': `${this.marginHorizontal}px`,\n          'margin-top': `${vertical}px`\n        }\n      : {};\n\n    if (this.top) {\n      containerStyle['top'] = `${this.top}px`;\n    }\n\n    if (this.left) {\n      containerStyle['left'] = `${this.left}px`;\n    }\n\n    const optionsStyle = {};\n    if (this.width) {\n      optionsStyle['width'] = `${this.width}px`;\n    }\n\n    const classes = getClasses({\n      'options-container': true,\n      show: this.visible,\n      top: this.poppedTop,\n      anchored: !this.block && !!this.anchorTo,\n      loading: this.loading,\n      shadow: !this.hideShadow,\n      bordered: this.hideShadow\n    });\n\n    const classesInner = getClasses({\n      options: true\n    });\n\n    let options = this.options || [];\n    if (\n      options.length == 0 &&\n      this.tempOptions &&\n      this.tempOptions.length > 0\n    ) {\n      options = this.tempOptions;\n    }\n\n    return html`\n      <div class=${classes} style=${styleMap(containerStyle)}>\n        <div class=\"options-scroll\" @scroll=${this.handleInnerScroll}>\n          <div class=\"${classesInner}\" style=${styleMap(optionsStyle)}>\n            ${options.length > 0\n              ? options.map((option, index) => {\n                  return html`<div\n                    data-option-index=\"${index}\"\n                    @mousemove=${this.handleMouseMove}\n                    @mousedown=${this.handleOptionClick}\n                    class=\"option ${index === this.cursorIndex &&\n                    !this.internalFocusDisabled\n                      ? 'focused'\n                      : ''}\"\n                  >\n                    ${this.resolvedRenderOption(\n                      option,\n                      index === this.cursorIndex\n                    )}\n                  </div>`;\n                })\n              : this.visible && this.showEmptyMessage\n              ? html`<div\n                  class=\"option no-options\"\n                  style=\"color: var(--color-text-dark-secondary); cursor: default;\"\n                >\n                  ${msg('No options')}\n                </div>`\n              : null}\n            ${this.block ? html`<div style=\"height:0.1em\"></div>` : null}\n          </div>\n          <slot></slot>\n        </div>\n\n        <div class=\"loader-bar\">\n          <temba-loading></temba-loading>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Options.js","sourceRoot":"","sources":["../../../src/display/Options.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { CustomEventType } from '../interfaces';\nimport { RapidElement, EventHandler } from '../RapidElement';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { getClasses, getScrollParent, throttle } from '../utils';\nimport { msg } from '@lit/localize';\n\nexport class Options extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        --transition-speed: 0;\n      }\n\n      .options-container {\n        background: var(--color-options-bg);\n        user-select: none;\n        border-radius: var(--curvature-widget);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        transition: transform var(--transition-speed)\n            cubic-bezier(0.71, 0.18, 0.61, 1.33),\n          opacity var(--transition-speed) cubic-bezier(0.71, 0.18, 0.61, 1.33);\n        opacity: 0;\n        z-index: 1000;\n        pointer-events: none;\n        position: relative;\n      }\n\n      .shadow {\n        box-shadow: var(--options-shadow);\n      }\n\n      .anchored {\n        position: fixed;\n      }\n\n      :host([block]) .options-container {\n        flex-grow: 1;\n        height: 100%;\n        border: none;\n      }\n\n      :host([block]) .options-scroll {\n        height: 100%;\n        visibility: visible;\n        overflow-y: auto;\n        flex-grow: 1;\n        -webkit-mask-image: -webkit-radial-gradient(white, black);\n      }\n\n      :host([block]) {\n        border-radius: var(--curvature);\n        display: block;\n        height: 100%;\n      }\n\n      :host([block]) .shadow {\n        box-shadow: var(--options-block-shadow);\n      }\n\n      .bordered {\n        border: 1px solid var(--color-widget-border) !important;\n      }\n\n      :host([block]) .options {\n        margin-bottom: 1.5em;\n      }\n\n      .options-scroll {\n        display: flex;\n        flex-direction: column;\n      }\n\n      :host([collapsed]) temba-icon {\n        flex-grow: 1;\n        margin-right: 0px !important;\n        padding-top: 0.25em;\n        padding-bottom: 0.25em;\n      }\n\n      :host([collapsed]) .name {\n        display: none;\n      }\n\n      :host([collapsed]) .count {\n        display: none;\n      }\n\n      .options {\n        border-radius: var(--curvature-widget);\n        overflow-y: auto;\n        max-height: 200px;\n        border: none;\n      }\n\n      .show {\n        border: 1px solid var(--color-widget-border);\n        opacity: 1;\n        z-index: 1;\n        pointer-events: auto;\n        margin-top: var(--options-margin-top);\n      }\n\n      .option {\n        font-size: var(--temba-options-font-size);\n        padding: 5px 10px;\n        border-radius: 4px;\n        margin: 0.3em;\n        cursor: pointer;\n        color: var(--color-text-dark);\n        scroll-margin: 5px 0px;\n        text-align: left;\n      }\n\n      .option * {\n        user-select: none;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        -ms-word-break: break-all;\n        word-break: break-word;\n        -ms-hyphens: auto;\n        -moz-hyphens: auto;\n        -webkit-hyphens: auto;\n        hyphens: auto;\n      }\n\n      .option .detail {\n        font-size: 85%;\n        color: rgba(0, 0, 0, 0.4);\n      }\n\n      code {\n        background: rgba(0, 0, 0, 0.05);\n        padding: 1px 5px;\n        border-radius: var(--curvature-widget);\n      }\n\n      :host([block]) {\n        position: relative;\n      }\n\n      :host([block]) .options {\n        overflow-y: initial;\n      }\n\n      temba-loading {\n        align-self: center;\n        margin-top: 0.025em;\n      }\n\n      .loader-bar {\n        pointer-events: none;\n        align-items: center;\n        background: #eee;\n        max-height: 0;\n        transition: max-height var(--transition-speed) ease-in-out;\n        border-bottom-left-radius: var(--curvature-widget);\n        border-bottom-right-radius: var(--curvature-widget);\n        display: flex;\n        overflow: hidden;\n      }\n\n      .loading .loader-bar {\n        max-height: 1.1em;\n      }\n\n      .option:hover {\n        background: var(--option-hover-bg);\n        color: var(--option-hover-text);\n      }\n\n      .option.focused {\n        background: var(--color-selection);\n        color: var(--color-text-dark);\n      }\n\n      .option.no-options {\n        pointer-events: none;\n      }\n\n      .option.no-options:hover {\n        background: transparent;\n        color: var(--color-text-dark-secondary);\n      }\n    `;\n  }\n\n  @property({ type: Number })\n  top: number;\n\n  @property({ type: Number })\n  left: number;\n\n  @property({ type: Number })\n  width: number;\n\n  @property({ type: Number, attribute: 'static-width' })\n  staticWidth: number;\n\n  @property({ type: Boolean, attribute: 'anchor-right' })\n  anchorRight: boolean;\n\n  @property({ type: Number })\n  marginHorizontal = 0;\n\n  @property({ type: Number })\n  marginVertical = 7;\n\n  @property({ type: Object })\n  anchorTo: HTMLElement;\n\n  @property({ type: Boolean })\n  visible: boolean;\n\n  @property({ type: Boolean })\n  block: boolean;\n\n  // if we allow the focus to follow the cursor\n  @property({ type: Boolean })\n  cursorHover: boolean;\n\n  // fire selection events when cursor changes\n  @property({ type: Boolean })\n  cursorSelection: boolean;\n\n  @property({ type: Number })\n  scrollPct = 75;\n\n  @property({ type: Number })\n  cursorIndex = -1;\n\n  @property({ type: Boolean })\n  internalFocusDisabled = false;\n\n  @property({ type: Array })\n  options: any[];\n\n  @property({ type: Array })\n  tempOptions: any[];\n\n  @property({ type: Boolean })\n  poppedTop: boolean;\n\n  @property({ type: Boolean })\n  spaceSelect: boolean;\n\n  @property({ type: String })\n  nameKey = 'name';\n\n  @property({ type: Boolean })\n  loading = false;\n\n  @property({ type: Boolean })\n  collapsed: boolean;\n\n  @property({ type: Boolean })\n  hideShadow = false;\n\n  @property({ attribute: false })\n  getName: { (option: any): string } = function (option: any) {\n    return option[this.nameKey || 'name'];\n  };\n\n  @property({ attribute: false })\n  renderInputOption: { (): TemplateResult } = function () {\n    return null;\n  };\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\n  @property({ type: Number })\n  scrollHeight = 0;\n\n  @property({ type: Boolean })\n  triggerScroll = false;\n\n  @property({ type: Boolean })\n  showEmptyMessage = false;\n\n  scrollParent: HTMLElement = null;\n\n  resolvedRenderOption: { (option: any, selected: boolean): TemplateResult };\n\n  public firstUpdated(changed: Map<string, any>) {\n    super.firstUpdated(changed);\n    if (!this.block) {\n      this.scrollParent = getScrollParent(this);\n      this.calculatePosition = this.calculatePosition.bind(this);\n      if (this.scrollParent) {\n        this.scrollParent.addEventListener('scroll', this.calculatePosition);\n      }\n    }\n\n    this.resolvedRenderOption = (\n      this.renderOption || this.renderOptionDefault\n    ).bind(this);\n  }\n\n  public disconnectedCallback() {\n    if (!this.block) {\n      if (this.scrollParent) {\n        this.scrollParent.removeEventListener('scroll', this.calculatePosition);\n      }\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  private isFocused(): boolean {\n    // TODO: this really doesn't seem right\n    const focused =\n      this.closestElement(document.activeElement.tagName) ===\n      document.activeElement;\n\n    return focused;\n  }\n\n  private resizeObserver: ResizeObserver;\n\n  public updated(changed: Map<string, any>) {\n    super.updated(changed);\n\n    if (changed.has('anchorTo') && this.anchorTo) {\n      const optionsContainer =\n        this.shadowRoot.querySelector('.options-container');\n\n      if (!this.resizeObserver) {\n        this.resizeObserver = new ResizeObserver((entries) => {\n          window.requestAnimationFrame((): void | undefined => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n            this.calculatePosition();\n            this.adjustWidth();\n          });\n        });\n        this.resizeObserver.observe(optionsContainer);\n      }\n    }\n\n    // if our cursor changed, lets make sure our scrollbox is showing it\n    if (!this.internalFocusDisabled && changed.has('cursorIndex')) {\n      this.fireCustomEvent(CustomEventType.CursorChanged, {\n        index: this.cursorIndex\n      });\n    }\n\n    if (changed.has('visible') && changed.has('options')) {\n      if (!this.visible && this.options.length == 0) {\n        this.tempOptions = changed.get('options');\n        window.setTimeout(() => {\n          this.tempOptions = [];\n        }, 200);\n      }\n    }\n\n    if (changed.has('options')) {\n      this.adjustWidth();\n      this.calculatePosition();\n\n      // allow scrolls to trigger again\n      this.triggerScroll = true;\n\n      const prevOptions = changed.get('options');\n      const previousCount = prevOptions ? prevOptions.length : 0;\n      const newCount = this.options ? this.options.length : 0;\n\n      if (\n        this.cursorIndex === -1 ||\n        newCount < previousCount ||\n        (previousCount === 0 && newCount > 0 && !changed.has('cursorIndex'))\n      ) {\n        if (!this.internalFocusDisabled) {\n          if (!this.block) {\n            this.cursorIndex = 0;\n          } else {\n            if (this.cursorIndex >= newCount) {\n              this.cursorIndex = newCount - 1;\n            }\n          }\n\n          if (this.cursorSelection) {\n            this.handleSelection(false);\n          }\n        }\n      }\n\n      // if on initial load we don't have enough options to load, trigger a scroll\n      // threshold event in case the page size is smaller than our control height\n      const scrollBox = this.shadowRoot.querySelector('.options');\n      if (scrollBox) {\n        if (scrollBox.scrollHeight == scrollBox.clientHeight) {\n          this.fireCustomEvent(CustomEventType.ScrollThreshold);\n        }\n      }\n    }\n  }\n\n  private renderOptionDefault(option: any, selected: boolean): TemplateResult {\n    const renderOptionName = (\n      this.renderOptionName || this.renderOptionNameDefault\n    ).bind(this);\n    const renderOptionDetail = (\n      this.renderOptionDetail || this.renderOptionDetailDefault\n    ).bind(this);\n\n    if (selected) {\n      return html`\n        <div class=\"name\">${renderOptionName(option, selected)}</div>\n        <div class=\"detail\">${renderOptionDetail(option, selected)}</div>\n      `;\n    } else {\n      return html`\n        <div class=\"name\">${renderOptionName(option, selected)}</div>\n      `;\n    }\n  }\n\n  private renderOptionNameDefault(option: any): TemplateResult {\n    return html`<div style=\"display:flex; align-items:flex-start\">\n      ${option.icon\n        ? html`<temba-icon\n            name=\"${option.icon}\"\n            style=\"margin-right:0.5em; fill: var(--color-text-dark);\"\n          ></temba-icon>`\n        : null}\n      <div style=\"flex-grow:1\">${option.prefix}${this.getName(option)}</div>\n    </div>`;\n  }\n\n  private renderOptionDetailDefault(option: any): TemplateResult {\n    return html` ${option.detail} `;\n  }\n\n  public getSelection() {\n    return this.options[this.cursorIndex];\n  }\n\n  private handleSelection(tabbed = false, index = -1) {\n    if (!this.internalFocusDisabled) {\n      if (index === -1) {\n        index = this.cursorIndex;\n      }\n    }\n\n    if (index === -1) {\n      return;\n    }\n\n    const selected = this.options[index];\n    this.fireCustomEvent(CustomEventType.Selection, {\n      selected,\n      tabbed,\n      index\n    });\n  }\n\n  private moveCursor(direction: number): void {\n    if (!this.internalFocusDisabled) {\n      const newIndex = Math.max(\n        Math.min(this.cursorIndex + direction, this.options.length - 1),\n        0\n      );\n      this.setCursor(newIndex);\n    }\n  }\n\n  private setCursor: (index: number) => void = throttle(function (\n    index: number\n  ) {\n    if (!this.internalFocusDisabled) {\n      if (index !== this.cursorIndex) {\n        this.cursorIndex = index;\n      }\n    }\n  },\n  50);\n\n  public scrollToTop() {\n    const scrollBox = this.shadowRoot.querySelector('.options-scroll');\n    scrollBox.scrollTop = 0;\n  }\n\n  private ensureOptionVisible() {\n    const focusedOption = this.shadowRoot.querySelector(\n      `div[data-option-index=\"${this.cursorIndex}\"]`\n    ) as HTMLDivElement;\n    if (focusedOption) {\n      focusedOption.scrollIntoView({\n        block: 'nearest',\n        inline: 'start'\n      });\n    }\n  }\n  private handleKeyDown(evt: KeyboardEvent) {\n    if (this.internalFocusDisabled || (this.block && !this.isFocused())) {\n      return;\n    }\n\n    if (this.offsetParent === null) {\n      return;\n    }\n\n    if (this.options && this.options.length > 0) {\n      if ((evt.ctrlKey && evt.key === 'n') || evt.key === 'ArrowDown') {\n        this.moveCursor(1);\n        evt.preventDefault();\n        evt.stopPropagation();\n        if (this.cursorSelection) {\n          this.handleSelection(false);\n        }\n        this.ensureOptionVisible();\n      } else if ((evt.ctrlKey && evt.key === 'p') || evt.key === 'ArrowUp') {\n        this.moveCursor(-1);\n        evt.preventDefault();\n        if (this.cursorSelection) {\n          this.handleSelection(false);\n        }\n        this.ensureOptionVisible();\n      } else if (\n        evt.key === 'Enter' ||\n        evt.key === 'Tab' ||\n        (this.spaceSelect && evt.key === ' ')\n      ) {\n        evt.preventDefault();\n        evt.stopPropagation();\n        this.handleSelection(evt.key === 'Tab');\n      } else if (evt.key === 'Escape') {\n        this.fireCustomEvent(CustomEventType.Canceled);\n      }\n    }\n  }\n\n  private handleInnerScroll(evt: Event) {\n    const scrollbox = evt.target as HTMLDivElement;\n\n    // scroll height has changed, enable scroll trigger\n    if (scrollbox.scrollHeight > this.scrollHeight) {\n      this.scrollHeight = scrollbox.scrollHeight;\n      this.triggerScroll = true;\n    }\n\n    if (this.triggerScroll) {\n      const scrollPct =\n        scrollbox.scrollTop / (scrollbox.scrollHeight - scrollbox.clientHeight);\n      if (scrollPct * 100 > this.scrollPct) {\n        this.fireCustomEvent(CustomEventType.ScrollThreshold);\n        this.triggerScroll = false;\n      }\n    }\n  }\n\n  private adjustWidth() {\n    if (this.anchorTo) {\n      const anchorBounds = this.anchorTo.getBoundingClientRect();\n      this.width =\n        this.staticWidth > 0\n          ? this.staticWidth\n          : anchorBounds.width - 2 - this.marginHorizontal * 2;\n    }\n  }\n\n  private calculatePosition() {\n    if (this.visible && !this.block) {\n      const optionsBounds = this.shadowRoot\n        .querySelector('.options-container')\n        .getBoundingClientRect();\n\n      if (this.anchorTo) {\n        const anchorBounds = this.anchorTo.getBoundingClientRect();\n        this.top = anchorBounds.bottom;\n        if (anchorBounds.bottom + optionsBounds.height > window.innerHeight) {\n          this.top =\n            anchorBounds.bottom -\n            (optionsBounds.height + anchorBounds.height + 10);\n        }\n        this.left = anchorBounds.left;\n      }\n    }\n  }\n\n  public getEventHandlers(): EventHandler[] {\n    return [\n      {\n        event: 'keydown',\n        method: this.handleKeyDown,\n        isDocument: true\n      },\n      {\n        event: 'scroll',\n        method: this.calculatePosition,\n        isDocument: true\n      }\n    ];\n  }\n\n  private handleMouseMove(evt: MouseEvent) {\n    if (!this.block || this.cursorHover) {\n      if (Math.abs(evt.movementX) + Math.abs(evt.movementY) > 0) {\n        const index = (evt.currentTarget as HTMLElement).getAttribute(\n          'data-option-index'\n        );\n        this.setCursor(parseInt(index));\n      }\n    }\n  }\n\n  private handleOptionClick(evt: MouseEvent) {\n    const index = (evt.currentTarget as HTMLElement).getAttribute(\n      'data-option-index'\n    );\n\n    if (index) {\n      const newIndex = parseInt(index);\n      this.setCursor(newIndex);\n      this.handleSelection(false, newIndex);\n    }\n  }\n\n  public render(): TemplateResult {\n    if (!this.resolvedRenderOption) {\n      return null;\n    }\n\n    let vertical = this.block ? 0 : this.marginVertical;\n    if (this.poppedTop) {\n      vertical *= -1;\n    }\n\n    const containerStyle = this.visible\n      ? {\n          'margin-left': `${this.marginHorizontal}px`,\n          'margin-top': `${vertical}px`\n        }\n      : {};\n\n    if (this.top) {\n      containerStyle['top'] = `${this.top}px`;\n    }\n\n    if (this.left) {\n      containerStyle['left'] = `${this.left}px`;\n    }\n\n    const optionsStyle = {};\n    if (this.width) {\n      optionsStyle['width'] = `${this.width}px`;\n    }\n\n    const classes = getClasses({\n      'options-container': true,\n      show: this.visible,\n      top: this.poppedTop,\n      anchored: !this.block && !!this.anchorTo,\n      loading: this.loading,\n      shadow: !this.hideShadow,\n      bordered: this.hideShadow\n    });\n\n    const classesInner = getClasses({\n      options: true\n    });\n\n    let options = this.options || [];\n    if (\n      options.length == 0 &&\n      this.tempOptions &&\n      this.tempOptions.length > 0\n    ) {\n      options = this.tempOptions;\n    }\n\n    return html`\n      <div class=${classes} style=${styleMap(containerStyle)}>\n        <div class=\"options-scroll\" @scroll=${this.handleInnerScroll}>\n          <div class=\"${classesInner}\" style=${styleMap(optionsStyle)}>\n            ${options.length > 0\n              ? options.map((option, index) => {\n                  return html`<div\n                    data-option-index=\"${index}\"\n                    @mousemove=${this.handleMouseMove}\n                    @mousedown=${this.handleOptionClick}\n                    class=\"option ${index === this.cursorIndex &&\n                    !this.internalFocusDisabled\n                      ? 'focused'\n                      : ''}\"\n                  >\n                    ${this.resolvedRenderOption(\n                      option,\n                      index === this.cursorIndex\n                    )}\n                  </div>`;\n                })\n              : this.visible && this.showEmptyMessage\n              ? html`<div\n                  class=\"option no-options\"\n                  style=\"color: var(--color-text-dark-secondary); cursor: default;\"\n                >\n                  ${msg('No options')}\n                </div>`\n              : null}\n            ${this.block ? html`<div style=\"height:0.1em\"></div>` : null}\n          </div>\n          <slot></slot>\n        </div>\n\n        <div class=\"loader-bar\">\n          <temba-loading></temba-loading>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/display/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/display/ProgressBar.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { property } from 'lit/decorators.js';\n\nexport class ProgressBar extends RapidElement {\n  static styles = css`\n    .wrapper {\n      display: flex;\n      box-sizing: content-box;\n      background: #f1f1f1;\n      border-radius: var(--curvature);\n      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);\n      overflow: hidden;\n      min-height: 1.5rem;\n    }\n\n    .message {\n      padding: 0 0.5rem;\n      color: rgba(0, 0, 0, 0.4);\n      white-space: nowrap;\n    }\n\n    .meter {\n      flex-grow: 1;\n      display: flex;\n      box-sizing: content-box;\n      position: relative;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      padding: 4px;\n      min-height: 6px;\n    }\n    .meter > span {\n      display: block;\n      height: 100%;\n      border-radius: calc(var(--curvature) * 0.8);\n      background-color: var(--color-primary-dark);\n      background-image: linear-gradient(\n        center bottom,\n        rgb(43, 194, 83) 37%,\n        rgb(84, 240, 83) 69%\n      );\n\n      position: relative;\n      overflow: hidden;\n    }\n\n    .meter > span:after,\n    .animate > span > span {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      background-image: linear-gradient(\n        -45deg,\n        rgba(255, 255, 255, 0.2) 25%,\n        transparent 25%,\n        transparent 50%,\n        rgba(255, 255, 255, 0.2) 50%,\n        rgba(255, 255, 255, 0.2) 75%,\n        transparent 75%,\n        transparent\n      );\n      z-index: 1;\n      background-size: 50px 50px;\n      animation: move 8s linear infinite;\n      border-top-right-radius: var(--curvature);\n      border-bottom-right-radius: var(--curvature);\n      border-top-left-radius: var(--curvature);\n      border-bottom-left-radius: var(--curvature);\n      overflow: hidden;\n    }\n\n    .animate > span:after {\n      display: none;\n    }\n\n    @keyframes move {\n      0% {\n        background-position: 0 0;\n      }\n      100% {\n        background-position: 50px 50px;\n      }\n    }\n\n    .meter .complete {\n      transition: flex-basis 2s;\n    }\n\n    .meter .incomplete {\n      flex-grow: 1;\n    }\n\n    .etc {\n      display: flex;\n      flex-direction: row;\n      background: rgba(0, 0, 0, 0.07);\n      font-weight: bold;\n      white-space: nowrap;\n      color: rgba(0, 0, 0, 0.5);\n      align-self: center;\n      padding: 0px 6px;\n      align-self: stretch;\n      align-items: center;\n    }\n\n    .etc > div {\n      font-size: 0.7em;\n    }\n\n    .wrapper *::last-child {\n      border-top-right-radius: var(--curvature);\n      border-bottom-right-radius: var(--curvature);\n      overflow: hidden;\n    }\n\n    .meter.done > span:after,\n    .done .animate > span > span {\n      display: none;\n    }\n\n    .meter.done > span {\n      background: rgb(var(--success-rgb));\n    }\n  `;\n\n  @property({ type: Number })\n  total = 100;\n\n  @property({ type: Number })\n  current = 0;\n\n  @property({ type: Number })\n  pct = 0;\n\n  @property({ type: Boolean })\n  done = false;\n\n  @property({ type: String })\n  eta: string;\n\n  @property({ type: String, attribute: false })\n  estimatedCompletionDate: Date;\n\n  @property({ type: Boolean })\n  showEstimatedCompletion = false;\n\n  @property({ type: Boolean })\n  showPercentage = false;\n\n  @property({ type: String })\n  message: string;\n\n  public updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    if (changes.has('eta') && this.eta) {\n      this.estimatedCompletionDate = new Date(this.eta);\n      this.showEstimatedCompletion = this.estimatedCompletionDate > new Date();\n    }\n\n    if (changes.has('current')) {\n      const pct = Math.floor(Math.min((this.current / this.total) * 100, 100));\n      if (Number.isNaN(pct)) {\n        this.showPercentage = false;\n      } else {\n        this.pct = pct;\n        this.showPercentage = true;\n      }\n\n      this.done = this.pct >= 100;\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`<div class=\"wrapper ${this.done ? 'complete' : ''}\">\n      <div class=\"meter ${this.done ? 'done' : ''}\">\n        ${this.message\n          ? html`<div class=\"message\">${this.message}</div>`\n          : null}\n        <span class=\"complete\" style=\"flex-basis: ${this.pct}%\"></span>\n        <div class=\"incomplete\"></div>\n      </div>\n\n      ${this.showPercentage || this.showEstimatedCompletion\n        ? html`<div class=\"etc\">\n            <div>\n              ${this.estimatedCompletionDate &&\n              this.showEstimatedCompletion &&\n              !this.done\n                ? html`<temba-date\n                    value=\"${this.estimatedCompletionDate.toISOString()}\"\n                    display=\"countdown\"\n                  ></temba-date>`\n                : html`${this.pct}%`}\n            </div>\n          </div>`\n        : null}\n\n      <slot></slot>\n    </div>`;\n  }\n}\n"]}

package/out-tsc/src/display/TembaDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TembaDate.js","sourceRoot":"","sources":["../../../src/display/TembaDate.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, PropertyValueMap, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { RapidElement } from '../RapidElement';\nimport { Store } from '../store/Store';\nimport { DateTime } from 'luxon';\n\nexport const Display = {\n  date: DateTime.DATE_SHORT,\n  datetime: DateTime.DATETIME_SHORT,\n  time: DateTime.TIME_SIMPLE,\n  timedate: 'timedate',\n  duration: 'duration',\n  relative: 'relative',\n  countdown: 'countdown',\n  day: 'LLL d'\n};\n\nexport class TembaDate extends RapidElement {\n  static get styles() {\n    return css`\n      .date {\n        display: inline;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  display = 'date';\n\n  @property({ type: Object, attribute: false })\n  datetime: DateTime;\n\n  store: Store;\n\n  protected firstUpdated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(changedProperties);\n    this.store = document.querySelector('temba-store');\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      this.datetime = DateTime.fromISO(this.value);\n    }\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  public render(): TemplateResult {\n    if (this.datetime && this.store) {\n      this.datetime.setLocale(this.store.getLocale());\n\n      let formatted = '';\n      if (this.display === Display.timedate) {\n        const hours = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60 / 60\n        );\n\n        const day = this.datetime.get('day');\n        if (hours < 24 && day == DateTime.now().get('day')) {\n          formatted = this.datetime.toLocaleString(Display.time);\n        } else if (hours < 24 * 365) {\n          formatted = this.datetime.toFormat(Display.day);\n        } else {\n          formatted = this.datetime.toLocaleString(Display.date);\n        }\n      } else if (this.display === Display.relative) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.duration) {\n        const minutes = Math.abs(\n          this.datetime.diffNow().milliseconds / 1000 / 60\n        );\n        if (minutes < 1) {\n          return html`<span\n            class=\"date\"\n            title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n            >just now</span\n          >`;\n        }\n        formatted = this.store.getShortDuration(this.datetime);\n      } else if (this.display === Display.countdown) {\n        formatted = this.store.getCountdown(this.datetime);\n      } else if (this.display === Display.day) {\n        formatted = this.datetime.toLocaleString(Display.day);\n      } else {\n        formatted = this.datetime.toLocaleString(Display[this.display]);\n      }\n\n      return html`<span\n        class=\"date\"\n        title=\"${this.datetime.toLocaleString(Display.datetime)}\"\n        >${formatted}</span\n      >`;\n    }\n  }\n}\n"]}

package/out-tsc/src/display/TembaUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TembaUser.js","sourceRoot":"","sources":["../../../src/display/TembaUser.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValueMap, TemplateResult, css, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { colorHash, extractInitials } from '../utils';\n\nimport { DEFAULT_AVATAR } from '../webchat/assets';\nimport { RapidElement } from '../RapidElement';\n\nexport const getFullName = (user: {\n  name?: string;\n  first_name?: string;\n  last_name?: string;\n}) => {\n  return user.name || [user.first_name, user.last_name].join(' ');\n};\n\nexport class TembaUser extends RapidElement {\n  public static styles = css`\n    :host {\n      display: flex;\n      transform: scale(var(--temba-scale, 1));\n      box-sizing: border-box;\n    }\n\n    .wrapper {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    .name {\n      flex-grow: 1;\n      display: -webkit-box;\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  `;\n\n  @property({ type: Number })\n  scale: number;\n\n  @property({ type: Boolean })\n  showName: boolean;\n\n  @property({ type: Boolean })\n  system: boolean;\n\n  @property({ type: String, attribute: false })\n  bgimage: string = null;\n\n  @property({ type: String, attribute: false })\n  bgcolor: string = '#e6e6e6';\n\n  @property({ type: String, attribute: false })\n  initials: string = '';\n\n  @property({ type: String })\n  name: string;\n\n  @property({ type: String })\n  email: string;\n\n  @property({ type: String })\n  avatar: string;\n\n  public updated(\n    changed: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changed);\n\n    if (changed.has('system') && this.system) {\n      this.bgimage = `url('${DEFAULT_AVATAR}') center / contain no-repeat`;\n    }\n\n    if (changed.has('name')) {\n      if (this.name) {\n        this.bgcolor = colorHash.hex(this.name);\n        this.initials = extractInitials(this.name);\n      } else {\n        this.bgcolor = '#e6e6e6';\n        this.initials = '';\n      }\n    }\n\n    if (changed.has('avatar')) {\n      if (this.avatar) {\n        this.bgimage = `url('${this.avatar}') center / contain no-repeat`;\n      } else if (!this.system) {\n        this.bgimage = null;\n      }\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`<div class=\"wrapper\">\n      <div\n        class=\"avatar-circle\"\n        style=\"\n              transform:scale(${this.scale || 1});\n              display: flex;\n              min-height: 26px;\n              min-width: 26px;\n              flex-direction: row;\n              align-items: center;\n              color: #fff;\n              border-radius: 100%;\n              font-weight: 400;\n              overflow: hidden;\n              font-size: 0.8em;\n              margin-right: 0.75em;\n              box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);\n              background:${this.bgimage || this.bgcolor};\"\n      >\n        ${this.initials && !this.bgimage\n          ? html` <div\n              style=\"border: 0px solid red; display:flex; flex-direction: column; align-items:center;flex-grow:1\"\n            >\n              <div style=\"border:0px solid blue;\">${this.initials}</div>\n            </div>`\n          : null}\n      </div>\n      ${this.showName\n        ? html`<div\n            class=\"name\"\n            style=\"margin: 0px ${this.scale - 0.5}em;font-size:${this.scale +\n            0.2}em\"\n          >\n            ${this.name}\n          </div>`\n        : null}\n    </div>`;\n  }\n}\n"]}

package/out-tsc/src/display/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/display/Thumbnail.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValueMap, css, html } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { property } from 'lit/decorators.js';\nimport { getClasses } from '../utils';\nimport { Lightbox } from './Lightbox';\nimport { WebChatIcon } from '../webchat';\n\nenum ThumbnailContentType {\n  IMAGE = 'image',\n  AUDIO = 'audio',\n  VIDEO = 'video',\n  DOCUMENT = 'document',\n  OTHER = 'other'\n}\n\nconst ThumbnailIcons = {\n  [ThumbnailContentType.IMAGE]: WebChatIcon.attachment_image,\n  [ThumbnailContentType.AUDIO]: WebChatIcon.attachment_audio,\n  [ThumbnailContentType.VIDEO]: WebChatIcon.attachment_video,\n  [ThumbnailContentType.DOCUMENT]: WebChatIcon.attachment_document,\n  [ThumbnailContentType.OTHER]: WebChatIcon.attachment\n};\n\nexport class Thumbnail extends RapidElement {\n  static get styles() {\n    return css`\n      :host {\n        display: inline;\n      }\n\n      .wrapper {\n        padding: var(--thumb-padding, 0.4em);\n        background: var(--thumb-background, #fff);\n        box-shadow: var(--widget-box-shadow);\n        cursor: pointer;\n        border-radius: calc(var(--curvature) * 1.5);\n        border: 0px solid #f3f3f3;\n      }\n\n      .wrapper.zoom {\n        border: none;\n        padding: 0 !important;\n        border-radius: 0 !important;\n        overflow: hidden !important;\n      }\n\n      .zoom .thumb {\n        border-radius: 0px !important;\n        width: calc(var(--thumb-size, 4em) + 0.8em);\n        max-height: calc(90vh - 10em);\n      }\n\n      .thumb {\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        border-radius: var(--curvature);\n        max-height: calc(var(--thumb-size, 4em) * 2);\n        width: var(--thumb-size, 4em);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 400;\n        color: var(--thumb-icon, #bbb);\n      }\n\n      .thumb.document,\n      .thumb.audio,\n      .thumb.video {\n        border: 1px solid #eee;\n      }\n\n      .wrapper:hover .thumb.icon {\n      }\n\n      .viewer {\n        display: block;\n      }\n\n      .zoom .viewer {\n        display: block;\n      }\n\n      .download {\n        display: none;\n        position: absolute;\n        right: 0em;\n        bottom: 0em;\n        border-radius: var(--curvature);\n        transform: scale(0.2) translate(3em, 3em);\n        padding: 0.4em;\n      }\n\n      .zoom .download {\n        display: block;\n        background: rgba(0, 0, 0, 0.5);\n      }\n\n      .zoom .download:hover {\n        background: rgba(0, 0, 0, 0.6);\n        cursor: pointer;\n      }\n    `;\n  }\n\n  @property({ type: String })\n  url: string;\n\n  @property({ type: String })\n  attachment: string;\n\n  @property({ type: Number })\n  ratio: number = 0;\n\n  @property({ type: Boolean })\n  preview: boolean = true;\n\n  @property({ type: Boolean, attribute: false })\n  zoom: boolean;\n\n  @property({ type: String, attribute: true })\n  contentType: string;\n\n  protected updated(\n    changes: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changes);\n\n    if (\n      changes.has('contentType') &&\n      this.contentType === ThumbnailContentType.IMAGE\n    ) {\n      const toObserve = this.shadowRoot.querySelector('.observe');\n      if (toObserve) {\n        new ResizeObserver((e, observer) => {\n          if (toObserve.clientHeight > 0 && toObserve.clientWidth > 0) {\n            this.ratio = toObserve.clientHeight / toObserve.clientWidth;\n            this.preview =\n              this.ratio === 0 || (this.ratio > 0.25 && this.ratio <= 1.5);\n            observer.disconnect();\n          }\n        }).observe(toObserve);\n      }\n    }\n\n    // convert our attachment to a url and label\n    if (changes.has('attachment')) {\n      if (this.attachment) {\n        const splitIndex = this.attachment.indexOf(':');\n        if (splitIndex === -1) {\n          this.url = this.attachment;\n        } else {\n          const contentType = this.attachment.substring(0, splitIndex);\n          this.url = this.attachment.substring(splitIndex + 1);\n\n          if (contentType.startsWith('image')) {\n            this.contentType = ThumbnailContentType.IMAGE;\n          } else if (contentType.startsWith('audio')) {\n            this.contentType = ThumbnailContentType.AUDIO;\n          } else if (contentType.startsWith('video')) {\n            this.contentType = ThumbnailContentType.VIDEO;\n          } else if (contentType.startsWith('application')) {\n            this.contentType = ThumbnailContentType.DOCUMENT;\n          } else {\n            this.contentType = ThumbnailContentType.OTHER;\n          }\n        }\n      }\n    }\n  }\n\n  public handleThumbnailClicked() {\n    if (this.contentType === ThumbnailContentType.IMAGE && this.preview) {\n      window.setTimeout(() => {\n        const lightbox = document.querySelector('temba-lightbox') as Lightbox;\n        lightbox.showElement(this);\n      }, 100);\n    } else {\n      window.open(this.url, '_blank');\n    }\n  }\n\n  public handleDownload(e: Event) {\n    e.stopPropagation();\n    e.preventDefault();\n\n    // open this.url in another tab\n    window.open(this.url, '_blank');\n  }\n\n  public render() {\n    return html`\n      <div\n        @click=${this.handleThumbnailClicked.bind(this)}\n        class=\"${getClasses({ wrapper: true, zoom: this.zoom })}\"\n        url=${this.url}\n      >\n        ${this.contentType === ThumbnailContentType.IMAGE && this.preview\n          ? html`<div class=\"\"><div class=\"download\" @click=${this.handleDownload.bind(\n              this\n            )}><temba-icon size=\"1\" style=\"color:#fff;\" name=\"download\"></temba-icon></div><img\n          class=\"observe thumb ${this.contentType}\"\n          src=\"${this.url}\"\n        ></img></div>`\n          : html`<div\n              style=\"padding:1em; background:rgba(0,0,0,.05);border-radius:var(--curvature);\"\n            >\n              <temba-icon\n                size=\"1.5\"\n                name=\"${ThumbnailIcons[this.contentType]}\"\n              ></temba-icon>\n            </div>`}\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/{tip → display}/Tip.js

@@ -3,8 +3,7 @@ import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit-html/directives/style-map.js';
 import { RapidElement } from '../RapidElement';
-import { getClasses } from '../utils';
-import { getCenter, getMiddle } from './helpers';
+import { getClasses, getMiddle, getCenter } from '../utils';
 export class Tip extends RapidElement {
     constructor() {
         super(...arguments);

package/out-tsc/src/display/Tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tip.js","sourceRoot":"","sources":["../../../src/display/Tip.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { RapidElement } from '../RapidElement';\nimport { getClasses, getMiddle, getCenter } from '../utils';\n\nexport class Tip extends RapidElement {\n  static get styles() {\n    return css`\n      .tip {\n        transition: opacity 200ms ease-in-out;\n        margin: 0px;\n        position: fixed;\n        opacity: 0;\n        background: #fff;\n        padding: 4px 8px;\n        pointer-events: none;\n        border-radius: var(--curvature-widget);\n        box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.035),\n          0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n        font-size: 14px;\n        z-index: 10000;\n        color: #333;\n      }\n\n      .tip.hide-on-change {\n        transition: none;\n      }\n\n      .show {\n        opacity: 1;\n      }\n\n      .slot {\n        display: flex;\n        flex-direction: column;\n      }\n\n      .arrow {\n        position: absolute;\n        color: #fff;\n        font-size: 10px;\n        line-height: 0px;\n      }\n\n      .◀ {\n        text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);\n      }\n\n      .▶ {\n        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);\n      }\n\n      .▼ {\n        text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);\n      }\n\n      .▲ {\n        text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1);\n      }\n    `;\n  }\n\n  @property({ type: String })\n  text: string;\n\n  @property({ type: Boolean })\n  visible = false;\n\n  @property({ type: String })\n  position = 'auto';\n\n  @property({ type: Boolean })\n  hideOnChange: boolean;\n\n  @property({ type: Number, attribute: false })\n  top: number;\n\n  @property({ type: Number, attribute: false })\n  left: number;\n\n  @property({ type: Number, attribute: false })\n  width: number;\n\n  @property({ type: Boolean, attribute: false })\n  poppedTop: boolean;\n\n  arrow: string;\n  arrowTop: number;\n  arrowLeft: number;\n  arrowDirection: string;\n\n  lastEnter = 0;\n  failSafe = 0;\n\n  public updated(changed: Map<string, any>) {\n    if ((changed.has('visible') || changed.has('text')) && this.visible) {\n      this.calculatePosition();\n    }\n\n    if (changed.has('text') && this.hideOnChange) {\n      this.visible = false;\n    }\n  }\n\n  private calculatePosition() {\n    if (this.visible) {\n      const tipBounds = this.getDiv('.tip').getBoundingClientRect();\n      const anchorBounds = this.getDiv('.slot').getBoundingClientRect();\n\n      // TODO: pick a direction automatically\n      let tipSide = this.position;\n      if (tipSide === 'auto') {\n        tipSide = 'left';\n      }\n\n      this.arrowLeft = 0;\n      this.arrowTop = 0;\n\n      if (tipSide === 'left') {\n        this.left = anchorBounds.left - tipBounds.width - 16;\n        this.top = getMiddle(anchorBounds, tipBounds);\n\n        // position our arrow\n        this.arrowTop = tipBounds.height / 2;\n        this.arrowLeft = tipBounds.width - 1;\n        this.arrow = '▶';\n      } else if (tipSide === 'right') {\n        this.left = anchorBounds.right + 12;\n        this.top = getMiddle(anchorBounds, tipBounds);\n\n        this.arrowTop = tipBounds.height / 2;\n        this.arrowLeft = -8;\n        this.arrow = '◀';\n      } else if (tipSide === 'top') {\n        this.top = anchorBounds.top - tipBounds.height - 12;\n        this.left = getCenter(anchorBounds, tipBounds);\n\n        this.arrowTop = tipBounds.height + 2;\n        this.arrowLeft = tipBounds.width / 2 - 4;\n        this.arrow = '▼';\n      } else if (tipSide === 'bottom') {\n        this.top = anchorBounds.bottom + 10;\n        this.left = getCenter(anchorBounds, tipBounds);\n\n        this.arrowTop = -2;\n        this.arrowLeft = tipBounds.width / 2 - 3;\n        this.arrow = '▲';\n      }\n    }\n  }\n\n  private handleMouseEnter() {\n    this.lastEnter = window.setTimeout(() => {\n      this.visible = true;\n      this.failSafe = window.setTimeout(() => {\n        this.visible = false;\n      }, 2000);\n    }, 600);\n  }\n\n  private handleMouseLeave() {\n    window.clearTimeout(this.lastEnter);\n    window.clearTimeout(this.failSafe);\n    this.visible = false;\n  }\n\n  public render(): TemplateResult {\n    const tipStyle: any = {\n      top: this.top ? `${this.top}px` : '0px',\n      left: this.left ? `${this.left}px` : '0px'\n    };\n\n    const arrowStyle: any = {\n      top: this.arrowTop ? `${this.arrowTop}px` : '0px',\n      left: this.arrowLeft ? `${this.arrowLeft}px` : '0px'\n    };\n\n    if (this.width) {\n      tipStyle.width = `${this.width}px`;\n    }\n\n    const classes = getClasses({\n      tip: true,\n      show: this.visible,\n      top: this.poppedTop,\n      'hide-on-change': this.hideOnChange\n    });\n\n    return html`\n      <div\n        class=\"slot\"\n        @click=${this.handleMouseLeave}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <slot></slot>\n      </div>\n      <div class=\"${classes}\" style=${styleMap(tipStyle)}>\n        ${this.text}\n        <div class=\"arrow ${this.arrow}\" style=${styleMap(arrowStyle)}>\n          ${this.arrow}\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/out-tsc/src/display/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/display/Toast.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, css, html } from 'lit';\nimport { RapidElement } from '../RapidElement';\nimport { property } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\n\ninterface ToastMessage {\n  id: number;\n  text: string;\n  level: 'info' | 'warning' | 'error';\n  visible?: boolean;\n  time: Date;\n  removeTime?: Date;\n}\n\nexport class Toast extends RapidElement {\n  @property({ type: Array })\n  messages: ToastMessage[] = [];\n\n  @property({ type: Number, attribute: 'duration' })\n  staleDuration = 5000;\n\n  @property({ type: Number, attribute: 'animation' })\n  animationDuration = 200;\n\n  @property({ type: Boolean, attribute: 'error-sticky' })\n  errorSticky = false;\n\n  @property({ type: Boolean, attribute: 'warning-sticky' })\n  warningSticky = false;\n\n  @property({ type: Boolean, attribute: 'info-sticky' })\n  infoSticky = false;\n\n  static styles = css`\n    :host {\n      position: fixed;\n      width: 400px;\n      z-index: 10000;\n      right: 0;\n    }\n\n    .message {\n      background-color: rgba(50, 50, 50, 0.85);\n      background-color: rgba(255, 255, 255, 0.97);\n      color: rgba(0, 0, 0, 0.85);\n      padding: 0.5em 1em;\n      margin: 0.75em;\n      border-radius: 0.5em;\n      display: flex;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in-out;\n      transform: translateY(-100%);\n      opacity: 0;\n      box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3em 2px;\n      border: 2px solid rgba(0, 0, 0, 0.3);\n    }\n\n    .message.visible {\n      transform: translateY(0);\n      opacity: 1;\n    }\n\n    .message.info {\n    }\n\n    .message.warning {\n      color: rgba(255, 167, 0, 0.9);\n    }\n\n    .message.error {\n      border-color: var(--color-error);\n      color: var(--color-error);\n    }\n\n    .message.removing {\n      opacity: 0;\n      transform: translateY(-100%);\n    }\n\n    temba-icon {\n      cursor: pointer;\n      padding-left: 1em;\n      opacity: 0;\n      transition: all 200ms ease-in-out;\n    }\n\n    .message:hover temba-icon {\n      opacity: 1;\n    }\n\n    temba-icon:hover {\n      transform: scale(1.3) translateX(-0.1em);\n    }\n\n    .message .text {\n      flex-grow: 1;\n    }\n\n    .info {\n    }\n  `;\n\n  public checkForStaleMessages() {\n    const now = new Date();\n\n    // ignore sticky messages\n    const staleMessages = this.messages.filter((message) => {\n      if (message.level === 'error' && this.errorSticky) {\n        return false;\n      }\n      if (message.level === 'warning' && this.warningSticky) {\n        return false;\n      }\n      if (message.level === 'info' && this.infoSticky) {\n        return false;\n      }\n      return true;\n    });\n\n    staleMessages.forEach((message) => {\n      // error messages do not remove themselves\n      if (now.getTime() - message.time.getTime() > this.staleDuration) {\n        this.removeMessage(message);\n      }\n    });\n\n    if (this.messages.length === 0 && this.checker) {\n      window.clearInterval(this.checker);\n      this.checker = 0;\n    }\n  }\n\n  private checker: number;\n  private messageId: number = 0;\n\n  public addMessages(messages: ToastMessage[]) {\n    messages.forEach((message) => {\n      this.addMessage(message.text, message.level);\n    });\n  }\n\n  public addMessage(text: string, level: 'info' | 'warning' | 'error') {\n    const message: ToastMessage = {\n      id: ++this.messageId,\n      text,\n      level,\n      time: new Date()\n    };\n    this.messages.push(message);\n\n    window.setTimeout(() => {\n      message.visible = true;\n      this.requestUpdate('messages');\n    }, 100);\n\n    this.requestUpdate('messages');\n\n    if (this.checker) {\n      window.clearInterval(this.checker);\n      this.checker = 0;\n    }\n\n    this.checker = window.setInterval(\n      this.checkForStaleMessages.bind(this),\n      1000\n    );\n  }\n\n  public info(message: string) {\n    this.addMessage(message, 'info');\n  }\n\n  public warning(message: string) {\n    this.addMessage(message, 'warning');\n  }\n\n  public error(message: string) {\n    this.addMessage(message, 'error');\n  }\n\n  public removeMessage(message: ToastMessage) {\n    message.removeTime = new Date();\n    window.setTimeout(() => {\n      this.messages = this.messages.filter((m) => m !== message);\n      this.requestUpdate('messages');\n    }, this.animationDuration);\n\n    this.requestUpdate('messages');\n  }\n\n  private handleMessageClicked(e: MouseEvent) {\n    const ele = e.target as HTMLElement;\n    const id = parseInt(ele.getAttribute('message_id'));\n    const message = this.messages.find((m) => m.id === id);\n    if (message) {\n      this.removeMessage(message);\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      ${repeat(\n        this.messages,\n        (message) => message.id,\n        (message) => html`\n          <div\n            style=\"transition-duration: ${this.animationDuration}ms\"\n            class=\"message ${message.level} ${message.visible\n              ? 'visible'\n              : ''} ${message.removeTime ? 'removing' : ''}\"\n          >\n            <div class=\"text\">${message.text}</div>\n            <temba-icon\n              name=\"close\"\n              size=\"1.3\"\n              message_id=\"${message.id}\"\n              @click=${this.handleMessageClicked}\n            ></temba-icon>\n          </div>\n        `\n      )}\n    `;\n  }\n}\n"]}

package/out-tsc/src/display/sms/gsmsplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gsmsplitter.js","sourceRoot":"","sources":["../../../../src/display/sms/gsmsplitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE9E,SAAS,eAAe,CAAC,IAAI;IAC3B,OAAO,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAO,EAAE,OAAO;IAChD,OAAO,GAAG,OAAO,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAExC,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;QACnB,OAAO;YACL,KAAK,EAAE;gBACL;oBACE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;oBACzC,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE,CAAC;iBACT;aACF;YACD,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;SACd,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,IAAI,WAAW,GAAG,EAAE,CAAC;IAErB,SAAS,IAAI;QACX,MAAM,GAAG,GAAG;YACV,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;YAClD,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,KAAK;SACb,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEnB,WAAW,IAAI,MAAM,CAAC;QACtB,MAAM,GAAG,CAAC,CAAC;QACX,UAAU,IAAI,KAAK,CAAC;QACpB,KAAK,GAAG,CAAC,CAAC;QACV,WAAW,GAAG,EAAE,CAAC;IACnB,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QACvD,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAE1B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrC,CAAC,EAAE,CAAC;YACN,CAAC;YACD,CAAC,GAAG,QAAQ,CAAC;QACf,CAAC;aAAM,IAAI,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;YACxC,IAAI,KAAK,KAAK,GAAG;gBAAE,IAAI,EAAE,CAAC;YAC1B,KAAK,EAAE,CAAC;QACV,CAAC;QAED,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QAET,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,WAAW,IAAI,CAAC,CAAC;QAEvC,IAAI,KAAK,KAAK,GAAG;YAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,IAAI,KAAK,GAAG,CAAC;QAAE,IAAI,EAAE,CAAC;IAEtB,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,UAAU,IAAI,GAAG,EAAE,CAAC;QACrC,OAAO;YACL,KAAK,EAAE;gBACL;oBACE,OAAO,EAAE,OAAO,CAAC,OAAO;wBACtB,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;oBAC7C,MAAM,EAAE,WAAW;oBACnB,KAAK,EAAE,UAAU;iBAClB;aACF;YACD,WAAW,EAAE,WAAW;YACxB,UAAU,EAAE,UAAU;SACvB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { validateCharacter, validateExtendedCharacter } from './gsmvalidator';\n\nfunction isHighSurrogate(code) {\n  return code >= 0xd800 && code <= 0xdbff;\n}\n\nexport const gsmSplit = function (message, options) {\n  options = options || { summary: false };\n\n  if (message === '') {\n    return {\n      parts: [\n        {\n          content: options.summary ? undefined : '',\n          length: 0,\n          bytes: 0\n        }\n      ],\n      totalLength: 0,\n      totalBytes: 0\n    };\n  }\n\n  const messages = [];\n  let length = 0;\n  let bytes = 0;\n  let totalBytes = 0;\n  let totalLength = 0;\n  let messagePart = '';\n\n  function bank() {\n    const msg = {\n      content: options.summary ? undefined : messagePart,\n      length: length,\n      bytes: bytes\n    };\n    messages.push(msg);\n\n    totalLength += length;\n    length = 0;\n    totalBytes += bytes;\n    bytes = 0;\n    messagePart = '';\n  }\n\n  for (let i = 0, count = message.length; i < count; i++) {\n    let c = message.charAt(i);\n\n    if (!validateCharacter(c)) {\n      if (isHighSurrogate(c.charCodeAt(0))) {\n        i++;\n      }\n      c = '\\u0020';\n    } else if (validateExtendedCharacter(c)) {\n      if (bytes === 152) bank();\n      bytes++;\n    }\n\n    bytes++;\n    length++;\n\n    if (!options.summary) messagePart += c;\n\n    if (bytes === 153) bank();\n  }\n\n  if (bytes > 0) bank();\n\n  if (messages[1] && totalBytes <= 160) {\n    return {\n      parts: [\n        {\n          content: options.summary\n            ? undefined\n            : messages[0].content + messages[1].content,\n          length: totalLength,\n          bytes: totalBytes\n        }\n      ],\n      totalLength: totalLength,\n      totalBytes: totalBytes\n    };\n  }\n\n  return {\n    parts: messages,\n    totalLength: totalLength,\n    totalBytes: totalBytes\n  };\n};\n"]}

package/out-tsc/src/display/sms/gsmvalidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gsmvalidator.js","sourceRoot":"","sources":["../../../../src/display/sms/gsmvalidator.ts"],"names":[],"mappings":"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","sourcesContent":["// '@£$¥èéùìòÇ\\nØø\\rÅåΔ_ΦΓΛΩΠΨΣΘΞÆæßÉ\\x20!\"#¤%&\\'()*+,-./0123456789:;<=>?¡ABCDEFGHIJKLMNOPQRSTUVWXYZÄÖÑܧ¿abcdefghijklmnopqrstuvwxyzäöñüà\\f^{}\\\\[~]|€'\nconst GSM_charCodes = [\n  10, 12, 13, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47,\n  48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66,\n  67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85,\n  86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 97, 98, 99, 100, 101, 102, 103, 104,\n  105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119,\n  120, 121, 122, 123, 124, 125, 126, 161, 163, 164, 165, 167, 191, 196, 197,\n  198, 199, 201, 209, 214, 216, 220, 223, 224, 228, 229, 230, 232, 233, 236,\n  241, 242, 246, 248, 249, 252, 915, 916, 920, 923, 926, 928, 931, 934, 936,\n  937, 8364\n];\n\n// '\\f|^€{}[~]\\\\'\nconst GSMe_charCodes = [12, 91, 92, 93, 94, 123, 124, 125, 126, 8364];\n\nfunction existsInArray(code, array) {\n  const len = array.length;\n  let i = 0;\n  while (i < len) {\n    const e = array[i];\n    if (code === e) return true;\n    i++;\n  }\n  return false;\n}\n\nexport function validateCharacter(character) {\n  const code = character.charCodeAt(0);\n  return existsInArray(code, GSM_charCodes);\n}\n\nexport function validateMessage(message) {\n  for (let i = 0; i < message.length; i++) {\n    if (!validateCharacter(message.charAt(i))) return false;\n  }\n  return true;\n}\n\nexport function validateExtendedCharacter(character) {\n  const code = character.charCodeAt(0);\n  return existsInArray(code, GSMe_charCodes);\n}\n"]}

package/out-tsc/src/display/sms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/display/sms/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC;AAEzB,SAAS,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS;IACnE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAC1D,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3D,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,OAAe,EAAE,UAAe,EAAE;IAClE,MAAM,YAAY,GAAG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC;IAErD,OAAO,GAAG;QACR,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,OAAO;KACpC,CAAC;IAEF,MAAM,KAAK,GACT,CAAC,YAAY,KAAK,SAAS,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;QACxD,YAAY,KAAK,GAAG,CAAC;IACvB,IAAI,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC;IAEpD,IAAI,KAAK,EAAE,CAAC;QACV,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzC,WAAW,GAAG,GAAG,CAAC;QAClB,UAAU,GAAG,GAAG,CAAC;QACjB,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC7C,WAAW,GAAG,GAAG,CAAC;QAClB,UAAU,GAAG,GAAG,CAAC;QACjB,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC;IAED,MAAM,eAAe,GAAG,kBAAkB,CACxC,WAAW,CAAC,KAAK,EACjB,WAAW,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;QACnC,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,WAAW,CAAC,UAAU;QAC7B,MAAM,EAAE,WAAW,CAAC,WAAW;QAC/B,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * This is the same SMS splitter we've been using but we've\n * updated it here to use it with ESM imports\n * See https://github.com/Codesleuth/split-sms\n */\n\nimport { gsmSplit } from './gsmsplitter';\nimport { validateMessage } from './gsmvalidator';\nimport { unicodeSplit } from './unicodesplitter';\n\nexport const UNICODE = 'Unicode';\nexport const GSM = 'GSM';\n\nfunction calculateRemaining(parts, singleBytes, multiBytes, charBytes) {\n  const max = parts.length === 1 ? singleBytes : multiBytes;\n  return (max - parts[parts.length - 1].bytes) / charBytes;\n}\n\nexport const splitSMS = function (message: string, options: any = {}) {\n  const characterset = options && options.characterset;\n\n  options = {\n    summary: options && options.summary\n  };\n\n  const isGsm =\n    (characterset === undefined && validateMessage(message)) ||\n    characterset === GSM;\n  let splitResult, singleBytes, multiBytes, charBytes;\n\n  if (isGsm) {\n    splitResult = gsmSplit(message, options);\n    singleBytes = 160;\n    multiBytes = 153;\n    charBytes = 1;\n  } else {\n    splitResult = unicodeSplit(message, options);\n    singleBytes = 140;\n    multiBytes = 134;\n    charBytes = 2;\n  }\n\n  const remainingInPart = calculateRemaining(\n    splitResult.parts,\n    singleBytes,\n    multiBytes,\n    charBytes\n  );\n\n  return {\n    characterSet: isGsm ? GSM : UNICODE,\n    parts: splitResult.parts,\n    bytes: splitResult.totalBytes,\n    length: splitResult.totalLength,\n    remainingInPart: remainingInPart\n  };\n};\n"]}

package/out-tsc/src/display/sms/unicodesplitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unicodesplitter.js","sourceRoot":"","sources":["../../../../src/display/sms/unicodesplitter.ts"],"names":[],"mappings":"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","sourcesContent":["function isHighSurrogate(code) {\n  return code >= 0xd800 && code <= 0xdbff;\n}\n\nexport const unicodeSplit = function (message, options) {\n  options = options || { summary: false };\n\n  if (message === '') {\n    return {\n      parts: [\n        {\n          content: options.summary ? undefined : '',\n          length: 0,\n          bytes: 0\n        }\n      ],\n      totalLength: 0,\n      totalBytes: 0\n    };\n  }\n\n  const messages = [];\n  let length = 0;\n  let bytes = 0;\n  let totalBytes = 0;\n  let totalLength = 0;\n  let partStart = 0;\n\n  function bank(partEnd = undefined) {\n    const msg = {\n      content: options.summary\n        ? undefined\n        : partEnd\n        ? message.substring(partStart, partEnd + 1)\n        : message.substring(partStart),\n      length: length,\n      bytes: bytes\n    };\n    messages.push(msg);\n\n    partStart = partEnd + 1;\n\n    totalLength += length;\n    length = 0;\n    totalBytes += bytes;\n    bytes = 0;\n  }\n\n  for (let i = 0, count = message.length; i < count; i++) {\n    const code = message.charCodeAt(i);\n    const highSurrogate = isHighSurrogate(code);\n\n    if (highSurrogate) {\n      if (bytes === 132) bank(i - 1);\n      bytes += 2;\n      i++;\n    }\n\n    bytes += 2;\n    length++;\n\n    if (bytes === 134) bank(i);\n  }\n\n  if (bytes > 0) bank();\n\n  if (messages[1] && totalBytes <= 140) {\n    return {\n      parts: [\n        {\n          content: options.summary ? undefined : message,\n          length: totalLength,\n          bytes: totalBytes\n        }\n      ],\n      totalLength: totalLength,\n      totalBytes: totalBytes\n    };\n  }\n\n  return {\n    parts: messages,\n    totalLength: totalLength,\n    totalBytes: totalBytes\n  };\n};\n"]}

package/out-tsc/src/events.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=events.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/events.ts"],"names":[],"mappings":"","sourcesContent":["import { Msg, ObjectReference, User } from './interfaces';\n\nexport interface EventGroup {\n  type: string;\n  events: ContactEvent[];\n  open: boolean;\n}\n\nexport interface ContactEvent {\n  type: string;\n  created_on: string;\n  created_by?: User;\n}\n\nexport interface ChannelEvent extends ContactEvent {\n  channel_event_type: string;\n  duration: number;\n\n  event: {\n    type: string;\n    channel: { uuid: string; name: string };\n    duration?: number;\n    optin?: {\n      uuid: string;\n      name: string;\n    };\n  };\n}\n\nexport interface ContactLanguageChangedEvent extends ContactEvent {\n  language: string;\n  step_uuid: string;\n  session_uuid: string;\n}\n\nexport interface OptinRequestedEvent extends ContactEvent {\n  optin: {\n    uuid: string;\n    name: string;\n  };\n}\n\nexport interface MsgEvent extends ContactEvent {\n  msg: Msg;\n  status: string;\n  failed_reason?: string;\n  failed_reason_display?: string;\n  logs_url: string;\n  msg_type: string;\n  recipient_count?: number;\n  created_by?: User;\n  optin?: ObjectReference;\n}\n\nexport interface FlowEvent extends ContactEvent {\n  flow: ObjectReference;\n  status: string;\n}\n\nexport interface EmailSentEvent extends ContactEvent {\n  to: string[];\n  subject: string;\n  body: string;\n}\n\nexport interface URNsChangedEvent extends ContactEvent {\n  urns: string[];\n}\n\nexport interface TicketEvent extends ContactEvent {\n  note?: string;\n  assignee?: User;\n  ticket: {\n    uuid: string;\n    topic?: ObjectReference;\n    closed_on?: string;\n    opened_on?: string;\n  };\n  topic?: ObjectReference;\n  created_by?: User;\n}\n\nexport interface LabelsAddedEvent extends ContactEvent {\n  labels: ObjectReference[];\n}\n\nexport interface NameChangedEvent extends ContactEvent {\n  name: string;\n}\n\nexport interface UpdateFieldEvent extends ContactEvent {\n  field: { key: string; name: string };\n  value: { text: string };\n}\n\nexport interface ErrorMessageEvent extends ContactEvent {\n  text: string;\n}\n\nexport interface UpdateResultEvent extends ContactEvent {\n  name: string;\n  value: string;\n  category: string;\n  input: string;\n}\n\nexport interface ContactGroupsEvent extends ContactEvent {\n  groups_added: ObjectReference[];\n  groups_removed: ObjectReference[];\n}\n\nexport interface WebhookEvent extends ContactEvent {\n  status: string;\n  status_code: number;\n  elapsed_ms: number;\n  logs_url: string;\n  url: string;\n}\n\nexport interface AirtimeTransferredEvent extends ContactEvent {\n  sender: string;\n  recipient: string;\n  currency: string;\n  desired_amount: string;\n  actual_amount: string;\n  logs_url: string;\n}\n\nexport type CallStartedEvent = ContactEvent;\nexport interface CampaignFiredEvent extends ContactEvent {\n  campaign: { uuid: string; id: number; name: string };\n  campaign_event: {\n    id: number;\n    offset_display: string;\n    relative_to: { key: string; name: string };\n  };\n  fired_result: string;\n}\n\nexport interface ContactHistoryPage {\n  has_older: boolean;\n  recent_only: boolean;\n  next_before: number;\n  next_after: number;\n  start_date: Date;\n  events: ContactEvent[];\n}\n"]}

package/out-tsc/src/excellent/ExcellentParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcellentParser.js","sourceRoot":"","sources":["../../../src/excellent/ExcellentParser.ts"],"names":[],"mappings":"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","sourcesContent":["const STATE_BODY = 0; // not in a expression\nconst STATE_PREFIX = 1; // '@' prefix that denotes the start of an expression\nconst STATE_IDENTIFIER = 2; // the identifier part, e.g. 'contact.age' in '@contact.age'\nconst STATE_BALANCED = 3; // the balanced parentheses delimited part, e.g. '(1 + 2)' in '@(1 + 2)'\nconst STATE_STRING_LITERAL = 4; // a string literal which could contain )\nconst STATE_ESCAPED_PREFIX = 5; // a '@' prefix preceded by another '@'\nconst STATE_IGNORE = 6;\n\nexport interface Expression {\n  start: number;\n  end: number;\n  text: string;\n  closed: boolean;\n}\n\n/**\n * Determines whether the given string starts with the given text\n */\nconst startsWith = (str: string, start: string): boolean => {\n  return str.indexOf(start, 0) === 0;\n};\n\n/**\n * Checks the parsed (possibly partial) expression to determine if it's valid based on how it starts\n */\nconst isValidStart = (\n  partialExpression: string,\n  allowedTopLevels: string[],\n  allowIncomplete: boolean\n): boolean => {\n  const body = partialExpression.substring(1); // strip prefix\n\n  if (body[0] === '(') {\n    return true;\n  } else {\n    // if expression doesn't start with ( then check it's an allowed top level context reference\n    const topLevel = body.split('.')[0].toLowerCase();\n\n    if (allowIncomplete) {\n      for (const allowed of allowedTopLevels) {\n        if (startsWith(allowed, topLevel)) {\n          return true;\n        }\n      }\n    } else {\n      return allowedTopLevels.indexOf(topLevel) >= 0;\n    }\n    return false;\n  }\n};\n\n/**\n * Determines whether the given character is a word character, i.e. \\w in a regex\n */\nexport const isWordChar = (ch: string | 0): boolean => {\n  return (\n    (ch >= 'a' && ch <= 'z') ||\n    (ch >= 'A' && ch <= 'Z') ||\n    (ch >= '0' && ch <= '9') ||\n    ch === '_'\n  );\n};\n\n/**\n * Determines whether we are in a string literal\n */\nconst isInStringLiteral = (partialExpression: string): boolean => {\n  // count number quotation marks\n  let numQuotes = 0;\n  for (const pos of partialExpression) {\n    if (pos === '\"') {\n      numQuotes++;\n    }\n  }\n  return numQuotes % 2 !== 0; // odd means last string literal is open\n};\n\nexport default class ExcellentParser {\n  private expressionPrefix: string;\n  private allowedTopLevels: string[];\n\n  /**\n   * Creates a new parser\n   * @param expressionPrefix the prefix for expressions, e.g. '@'\n   * @param allowedTopLevels the context names that are allowed without parentheses, e.g. [\"contact\", \"flow\", ...]\n   */\n  constructor(expressionPrefix: string, allowedTopLevels: string[]) {\n    this.expressionPrefix = expressionPrefix;\n    this.allowedTopLevels = allowedTopLevels;\n  }\n\n  /**\n   * Given the text up to the caret position, returns the expression currently being edited, without its prefix\n   */\n  public expressionContext(textToCaret: string): string {\n    const expressions = this.findExpressions(textToCaret);\n    if (expressions.length === 0) {\n      // no expressions found\n      return null;\n    }\n\n    const lastExpression = expressions[expressions.length - 1];\n\n    // has last expression already ended or is it closed (i.e. has balanced parentheses)\n    if (lastExpression.end < textToCaret.length || lastExpression.closed) {\n      return null;\n    }\n\n    return lastExpression.text.substring(1); // return without prefix\n  }\n\n  /**\n   * Given the partial expression currently being edited, returns the current auto-completable identifier\n   * which may be a function name or a context reference.\n   */\n  public autoCompleteContext(partialExpression: string): string {\n    if (isInStringLiteral(partialExpression)) {\n      return null;\n    }\n\n    const neededParentheses = [];\n    let fragment = '';\n    let skipChar = false;\n    let inQuotes = false;\n    let prependFlag = '';\n\n    for (let pos = partialExpression.length - 1; pos >= 0; pos--) {\n      const ch = partialExpression[pos];\n\n      if (ch === ' ') {\n        skipChar = true;\n      }\n\n      if (ch === ',') {\n        skipChar = true;\n        if (neededParentheses[neededParentheses.length - 1] !== '(') {\n          neededParentheses.push('(');\n        }\n      }\n\n      if (ch === ')' && !inQuotes) {\n        skipChar = true;\n        neededParentheses.push('(');\n        neededParentheses.push('(');\n      }\n\n      if (ch === '\"') {\n        inQuotes = !inQuotes;\n      }\n\n      if (skipChar) {\n        if (ch === '(' && !inQuotes) {\n          if (neededParentheses[neededParentheses.length - 1] === '(') {\n            neededParentheses.pop();\n          }\n\n          if (neededParentheses.length === 0) {\n            skipChar = false;\n          }\n        }\n      }\n\n      if (ch === '(' && fragment === '') {\n        prependFlag = '#';\n      }\n\n      if (skipChar || inQuotes || (ch === '(' && fragment === '')) {\n        continue;\n      }\n\n      if (isWordChar(ch) || ch === '.') {\n        fragment = ch + fragment;\n      } else {\n        break;\n      }\n    }\n\n    if (fragment.match(/[A-Za-z][\\w]*(\\.[\\w]+)*/)) {\n      return prependFlag + fragment;\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * TODO find the function context\n   */\n  public functionContext(partialExpression: string): string {\n    const inString = isInStringLiteral(partialExpression);\n\n    // initial state is string literal if number of quotes is odd\n    let state = inString ? STATE_STRING_LITERAL : STATE_IGNORE;\n    let identifier = '';\n    let parenthesesLevel = partialExpression[-1] === '(' ? 0 : 1;\n\n    for (let pos = partialExpression.length - 1; pos >= 0; pos--) {\n      const ch = partialExpression[pos];\n\n      if (ch === '@') {\n        return '';\n      }\n\n      if (state === STATE_IGNORE) {\n        if (parenthesesLevel === 0 && (isWordChar(ch) || ch === '.')) {\n          state = STATE_IDENTIFIER;\n          identifier = ch + identifier;\n        } else if (ch === '\"') {\n          state = STATE_STRING_LITERAL;\n        } else if (ch === '(') {\n          parenthesesLevel--;\n        } else if (ch === ')') {\n          parenthesesLevel++;\n        }\n      } else if (state === STATE_IDENTIFIER) {\n        if (isWordChar(ch) || ch === '.') {\n          identifier = ch + identifier;\n        } else {\n          return identifier;\n        }\n      } else if (state === STATE_STRING_LITERAL) {\n        if (ch === '\"') {\n          state = STATE_IGNORE;\n        }\n      }\n    }\n    return '';\n  }\n\n  public getContactFields(text: string): string[] {\n    const fields = {};\n    const re = /((parent|child\\.)*contact\\.)*fields\\.([a-z0-9_]+)/g;\n    const expressions = this.findExpressions(text);\n    for (const expression of expressions) {\n      let match;\n      // tslint:disable-next-line:no-conditional-assignment\n      while ((match = re.exec(expression.text))) {\n        (fields as any)[match[3]] = true;\n      }\n    }\n    return Object.keys(fields);\n  }\n\n  /**\n   * Finds all expressions in the given text, including any partially complete expression at the end of the input\n   */\n  public findExpressions(text: string): Expression[] {\n    const expressions: Expression[] = [];\n    let state = STATE_BODY;\n    let currentExpression: Expression = null;\n    let parenthesesLevel = 0;\n\n    for (let pos = 0; pos < text.length; pos++) {\n      const ch = text[pos];\n      // in order to determine if the b in a.b terminates an identifier, we have to peek two characters ahead as\n      // it could be a.b. (b terminates) or a.b.c (b doesn't terminate)\n      const nextCh = pos < text.length - 1 ? text[pos + 1] : 0;\n      const nextNextCh = pos < text.length - 2 ? text[pos + 2] : 0;\n\n      if (state === STATE_BODY) {\n        if (\n          ch === this.expressionPrefix &&\n          (isWordChar(nextCh) || nextCh === '(')\n        ) {\n          state = STATE_PREFIX;\n          currentExpression = {\n            start: pos,\n            end: null,\n            text: ch,\n            closed: false\n          };\n        } else if (\n          ch === this.expressionPrefix &&\n          nextCh === this.expressionPrefix\n        ) {\n          state = STATE_ESCAPED_PREFIX;\n        }\n      } else if (state === STATE_PREFIX) {\n        if (isWordChar(ch)) {\n          state = STATE_IDENTIFIER; // we're parsing an expression like @XXX\n        } else if (ch === '(') {\n          // we're parsing an expression like @(1 + 2)\n          state = STATE_BALANCED;\n          parenthesesLevel += 1;\n        }\n        currentExpression.text += ch;\n      } else if (state === STATE_IDENTIFIER) {\n        currentExpression.text += ch;\n      } else if (state === STATE_BALANCED) {\n        if (ch === '(') {\n          parenthesesLevel += 1;\n        } else if (ch === ')') {\n          parenthesesLevel -= 1;\n        } else if (ch === '\"') {\n          state = STATE_STRING_LITERAL;\n        }\n\n        currentExpression.text += ch;\n\n        // expression terminates if parentheses balance\n        if (parenthesesLevel === 0) {\n          currentExpression.end = pos + 1;\n        }\n      } else if (state === STATE_STRING_LITERAL) {\n        if (ch === '\"') {\n          state = STATE_BALANCED;\n        }\n        currentExpression.text += ch;\n      } else if (state === STATE_ESCAPED_PREFIX) {\n        state = STATE_BODY;\n      }\n\n      // identifier can terminate expression in 3 ways:\n      //  1. next char is null (i.e. end of the input)\n      //  2. next char is not a word character or period\n      //  3. next char is a period, but it's not followed by a word character\n      if (state === STATE_IDENTIFIER) {\n        if (\n          (!isWordChar(nextCh) && nextCh !== '.') ||\n          (nextCh === '.' && !isWordChar(nextNextCh))\n        ) {\n          currentExpression.end = pos + 1;\n        }\n      }\n\n      if (\n        currentExpression != null &&\n        (currentExpression.end != null || nextCh === 0)\n      ) {\n        const allowIncomplete = nextCh === 0; // if we're at the end of the input, allow incomplete expressions\n        if (\n          isValidStart(\n            currentExpression.text,\n            this.allowedTopLevels,\n            allowIncomplete\n          )\n        ) {\n          currentExpression.closed =\n            currentExpression.text[1] === '(' && parenthesesLevel === 0;\n          currentExpression.end = pos + 1;\n          expressions.push(currentExpression);\n        }\n\n        currentExpression = null;\n        state = STATE_BODY;\n      }\n    }\n\n    return expressions;\n  }\n}\n"]}

package/out-tsc/src/excellent/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/excellent/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit';\n\nimport ExcellentParser, { Expression } from './ExcellentParser';\nimport {\n  CompletionOption,\n  CompletionProperty,\n  CompletionResult,\n  CompletionSchema,\n  CompletionType\n} from '../interfaces';\nimport { getStore, Store } from '../store/Store';\nimport { renderMarkdown } from '../markdown';\n\nconst messageParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'urns'\n]);\n\nconst sessionParser = new ExcellentParser('@', [\n  'contact',\n  'fields',\n  'globals',\n  'locals',\n  'urns',\n  'results',\n  'input',\n  'run',\n  'child',\n  'parent',\n  'node',\n  'webhook',\n  'ticket',\n  'trigger',\n  'resume'\n]);\n\nexport const renderCompletionOption = (\n  option: CompletionOption,\n  selected: boolean\n): TemplateResult => {\n  if (option.signature) {\n    const argStart = option.signature.indexOf('(');\n    const name = option.signature.substr(0, argStart);\n    const args = option.signature.substr(argStart);\n\n    return html`\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">\n        <div style=\"display:inline-block;margin-right: 5px\">ƒ</div>\n        <div style=\"display:inline-block\">${name}</div>\n        ${selected\n          ? html`\n              <div\n                style=\"display:inline-block; font-weight: 300; font-size: 85%\"\n              >\n                ${args}\n              </div>\n              <div class=\"detail\">${renderMarkdown(option.summary)}</div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  return html`\n    <div>\n      <div style=\"${selected ? 'font-weight: 400' : ''}\">${option.name}</div>\n      ${selected\n        ? html` <div style=\"font-size: 85%\">${option.summary}</div> `\n        : null}\n    </div>\n  `;\n};\n\nexport const getFunctions = (\n  functions: CompletionOption[],\n  query: string\n): CompletionOption[] => {\n  if (!query) {\n    return functions;\n  }\n  return functions.filter((option: CompletionOption) => {\n    if (option.signature) {\n      return option.signature.indexOf((query || '').toLowerCase()) === 0;\n    }\n    return false;\n  });\n};\n\n/**\n * Takes a dot query and returns the completions options at the current level\n * @param dotQuery query such as \"contact.first_n\"\n */\nexport const getCompletions = (\n  schema: CompletionSchema,\n  dotQuery: string,\n  session: boolean,\n  store: Store\n): CompletionOption[] => {\n  const parts = (dotQuery || '').split('.');\n  let currentProps: CompletionProperty[] = session\n    ? schema.root\n    : schema.root_no_session;\n\n  if (!currentProps) {\n    return [];\n  }\n\n  let prefix = '';\n  let part = '';\n  while (parts.length > 0) {\n    part = parts.shift();\n    if (part) {\n      // eslint-disable-next-line\n      const nextProp = currentProps.find(\n        (prop: CompletionProperty) => prop.key === part\n      );\n      if (nextProp) {\n        // eslint-disable-next-line\n        const nextType = schema.types.find(\n          (type: CompletionType) => type.name === nextProp.type\n        );\n        if (nextType && nextType.properties) {\n          currentProps = nextType.properties;\n          prefix += part + '.';\n        } else if (nextType && nextType.property_template) {\n          prefix += part + '.';\n          const template = nextType.property_template;\n\n          const keys = store.getCompletions(nextType.name);\n          if (keys) {\n            currentProps = keys.map((key: string) => ({\n              key: template.key.replace('{key}', key),\n              help: template.help.replace('{key}', key),\n              type: template.type\n            }));\n          } else {\n            currentProps = [];\n          }\n        } else {\n          // eslint-disable-next-line\n          currentProps = currentProps.filter((prop: CompletionProperty) =>\n            prop.key.startsWith(part.toLowerCase())\n          );\n          break;\n        }\n      } else {\n        // eslint-disable-next-line\n        currentProps = currentProps.filter((prop: CompletionProperty) =>\n          prop.key.startsWith(part.toLowerCase())\n        );\n        break;\n      }\n    }\n  }\n\n  return currentProps.map((prop: CompletionProperty) => {\n    const name =\n      prop.key === '__default__'\n        ? prefix.substr(0, prefix.length - 1)\n        : prefix + prop.key;\n    return { name, summary: prop.help };\n  });\n};\n\nexport const getOffset = (el: HTMLElement) => {\n  const rect = el.getBoundingClientRect(),\n    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n    scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n  return { top: rect.top + scrollTop, left: rect.left + scrollLeft };\n};\n\nexport const getVerticalScroll = (ele: Node) => {\n  let current = ele;\n  const verticalScroll = 0;\n  while (current) {\n    current = current.parentNode;\n  }\n  return verticalScroll;\n};\n\nexport const getCompletionName = (option: CompletionOption): string => {\n  return (\n    option.name || option.signature.substr(0, option.signature.indexOf('('))\n  );\n};\n\nexport const getCompletionSignature = (option: CompletionOption): string => {\n  return option.signature.substr(option.signature.indexOf('('));\n};\n\n/**\n * Determines the pixel position of position inside a textarea or input\n * TODO: Explore somethign like contenteditable to avoid this madness\n * see: https://jh3y.medium.com/how-to-where-s-the-caret-getting-the-xy-position-of-the-caret-a24ba372990a\n */\nconst getCursorXY = (input, selectionPoint) => {\n  const { offsetLeft: inputX, offsetTop: inputY } = input;\n  const div = document.createElement('div');\n  const copyStyle = getComputedStyle(input);\n  for (const prop of copyStyle) {\n    div.style[prop] = copyStyle[prop];\n  }\n  div.style.position = 'relative';\n  const swap = '.';\n  const inputValue =\n    input.tagName === 'INPUT' ? input.value.replace(/ /g, swap) : input.value;\n  const textContent = inputValue.substr(0, selectionPoint);\n  div.textContent = textContent;\n  if (input.tagName === 'TEXTAREA') div.style.height = 'auto';\n  if (input.tagName === 'INPUT') div.style.width = 'auto';\n  const span = document.createElement('span');\n  span.textContent = inputValue.substr(selectionPoint) || '.';\n  div.appendChild(span);\n  document.body.appendChild(div);\n  const { offsetLeft: spanX, offsetTop: spanY } = span;\n  document.body.removeChild(div);\n  return {\n    left: inputX + spanX,\n    top: inputY + spanY\n  };\n};\n\nexport const updateInputElementWithCompletion = (\n  currentQuery: string,\n  ele: HTMLInputElement,\n  option: CompletionOption\n) => {\n  let insertText = '';\n\n  if (option.signature) {\n    // they selected a function\n    insertText = option.signature.substr(0, option.signature.indexOf('(') + 1);\n  } else {\n    insertText = option.name;\n  }\n\n  const queryLength = currentQuery.length;\n\n  if (ele) {\n    const value = ele.value;\n    const insertionPoint = ele.selectionStart - queryLength;\n\n    // strip out our query\n    // const insertionPoint = value.lastIndexOf(value.substring(0, this.inputElement.selectionStart));\n    const leftSide = value.substr(0, insertionPoint);\n    const remaining = value.substr(insertionPoint + queryLength);\n    const caret = leftSide.length + insertText.length;\n\n    // set our value and our new caret\n    ele.value = leftSide + insertText + remaining;\n    ele.setSelectionRange(caret, caret);\n\n    // now scroll our text box if necessary\n    const position = getCursorXY(ele, caret);\n    if (position.left > ele.width) {\n      ele.scrollLeft = position.left;\n    }\n\n    ele.dispatchEvent(new Event('input'));\n  }\n};\n\nexport const executeCompletionQuery = (\n  ele: HTMLInputElement,\n  session: boolean\n): CompletionResult => {\n  const result: CompletionResult = {\n    currentFunction: null,\n    options: [],\n    anchorPosition: null,\n    query: null\n  };\n\n  if (!ele) {\n    return;\n  }\n\n  const store = getStore();\n\n  // we need a store to do anything useful\n  if (!store) {\n    return result;\n  }\n\n  const cursor = ele.selectionStart;\n  const input = ele.value.substring(0, cursor);\n\n  const parser = session ? sessionParser : messageParser;\n  const expressions = parser.findExpressions(input);\n  const currentExpression = expressions.find(\n    (expr: Expression) =>\n      expr.start <= cursor &&\n      (expr.end > cursor || (expr.end === cursor && !expr.closed))\n  );\n\n  if (currentExpression) {\n    const includeFunctions = currentExpression.text.indexOf('(') > -1;\n    if (includeFunctions) {\n      const functionQuery = parser.functionContext(currentExpression.text);\n      if (functionQuery) {\n        const fns = getFunctions(store.getFunctions(), functionQuery);\n        if (fns.length > 0) {\n          result.currentFunction = fns[0];\n        }\n      }\n    }\n\n    for (let i = currentExpression.text.length; i >= 0; i--) {\n      const curr = currentExpression.text[i];\n      if (\n        curr === '@' ||\n        curr === '(' ||\n        curr === ' ' ||\n        curr === ',' ||\n        curr === ')' ||\n        i === 0\n      ) {\n        // don't include non-expression chars\n        if (\n          curr === '(' ||\n          curr === ' ' ||\n          curr === ',' ||\n          curr === ')' ||\n          curr === '@'\n        ) {\n          i++;\n        }\n\n        const caret = getCursorXY(ele, currentExpression.start + i);\n\n        result.anchorPosition = {\n          left: caret.left - 2 - ele.scrollLeft,\n          top: caret.top - ele.scrollTop\n        };\n\n        result.query = currentExpression.text.substr(\n          i,\n          currentExpression.text.length - i\n        );\n\n        result.options = [\n          ...getCompletions(\n            store.getCompletionSchema(),\n            result.query,\n\n            session,\n            store\n          ),\n          ...(includeFunctions\n            ? getFunctions(store.getFunctions(), result.query)\n            : [])\n        ];\n\n        return result;\n      }\n    }\n  } else {\n    result.options = [];\n    result.query = '';\n  }\n  return result;\n};\n"]}